@griddo/ax 11.10.13-rc.1 → 11.10.13-rc.2

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@griddo/ax",
 	"description": "Griddo Author Experience",
-	"version": "11.10.13-rc.1",
+	"version": "11.10.13-rc.2",
 	"authors": [
 		"Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
 		"Diego M. Béjar <diego.bejar@secuoyas.com>",
@@ -217,5 +217,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f5bb7e21bd1d985da6ebb2ddb0b21494861c935f"
+	"gitHead": "2d1b2caa2060e8c7af74ea9dcf481960cad3a501"
 }

package/src/api/config.tsx

@@ -6,8 +6,8 @@ const headers = {
 	"Content-type": "application/json; charset=UTF-8",
 	accept: "application/json",
 	"x-application-id": "griddo-ax",
-  "x-client-version": packageJson.version,
-  "x-client-name": "AX",
+	"x-client-version": packageJson.version,
+	"x-client-name": "AX",
 };
 
 export const template = {

package/src/components/Fields/CheckField/index.tsx

@@ -1,5 +1,6 @@
+import React from "react";
+import { ICheck } from "@ax/types";
 import Icon from "@ax/components/Icon";
-import type { ICheck } from "@ax/types";
 
 import * as S from "./style";
 
@@ -22,12 +23,12 @@ const CheckField = (props: ICheckFieldProps): JSX.Element => {
 
 	const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
 		const isChecked = e.target.checked;
-		onChange?.({ value, isChecked });
+		onChange && onChange({ value, isChecked });
 	};
 
-	const handleMouseOver = () => setHoverCheck?.(true);
+	const handleMouseOver = () => setHoverCheck && setHoverCheck(true);
 
-	const handleMouseLeave = () => setHoverCheck?.(false);
+	const handleMouseLeave = () => setHoverCheck && setHoverCheck(false);
 
 	return (
 		<S.Wrapper className={className}>

package/src/components/Fields/ReferenceField/AutoPanel/index.tsx

@@ -1,7 +1,7 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import { connect } from "react-redux";
 
-import type { IDataSource, ILanguage, IRootState, ISchemaField, ISite, IStructuredData } from "@ax/types";
+import { IDataSource, ILanguage, IRootState, ISchemaField, ISite, IStructuredData } from "@ax/types";
 import {
 	Button,
 	FloatingMenu,
@@ -14,8 +14,7 @@ import {
 	UniqueCheck,
 } from "@ax/components";
 
-import type { IReferenceState, IRefField, ISource } from "../Context";
-import { useReference } from "../Context";
+import { IReferenceState, IRefField, ISource, useReference } from "../Context";
 import AutoItem from "./AutoItem";
 
 import * as S from "./style";
@@ -37,9 +36,9 @@ const AutoPanel = (props: IProps): JSX.Element => {
 	};
 	const [configState, setConfigState] = useState<IConfigState>(initConfig);
 	const initToggle = {
-		isSiteActive: !!(state.site && state.site !== "global" ),
-		isLangActive: !!state.lang,
-		isGlobalActive: !!(state.site && state.site === "global" ),
+		isSiteActive: state.site && state.site !== "global" ? true : false,
+		isLangActive: state.lang ? true : false,
+		isGlobalActive: state.site && state.site === "global" ? true : false,
 		errorSite: false,
 		errorLang: false,
 		errorMsg: "",
@@ -131,8 +130,8 @@ const AutoPanel = (props: IProps): JSX.Element => {
 		title: "",
 		value: state.quantity,
 		onChange: (quantity: number) => setState((state: IReferenceState) => ({ ...state, quantity })),
-		maxValue: validators?.maxValue ? validators.maxValue : undefined,
-		minValue: validators?.minValue ? validators.minValue : undefined,
+		maxValue: validators && validators.maxValue ? validators.maxValue : undefined,
+		minValue: validators && validators.minValue ? validators.minValue : undefined,
 	};
 
 	const checkErrors = (): boolean => {
@@ -259,7 +258,7 @@ const AutoPanel = (props: IProps): JSX.Element => {
 	};
 
 	const handleLangChange = (value: string) => {
-		const lang = value.length ? parseInt(value, 10) : undefined;
+		const lang = value.length ? parseInt(value) : undefined;
 		setState((state: IReferenceState) => ({ ...state, lang }));
 		if (value) {
 			setToggleState({ ...toggleState, isLangActive: true, errorLang: false, errorMsg: "" });
@@ -296,8 +295,7 @@ const AutoPanel = (props: IProps): JSX.Element => {
 						state.sources.map((singleSource: ISource) => {
 							const source = state.sourceTitles.find((el: IDataSource) => el.id === singleSource.structuredData);
 							const { filters = [], filterOperator, globalOperator } = singleSource;
-							if(!source) return null;
-							return (
+							return source ? (
 								<AutoItem
 									key={singleSource.structuredData}
 									source={source}
@@ -311,7 +309,9 @@ const AutoPanel = (props: IProps): JSX.Element => {
 									globalOperator={globalOperator}
 									siteID={state.site || site?.id}
 								/>
-							)
+							) : (
+								<></>
+							);
 						})}
 				</S.SourcesWrapper>
 				<S.RadioWrapper>
@@ -383,9 +383,9 @@ const AutoPanel = (props: IProps): JSX.Element => {
 											</S.SubConfigContent>
 										</S.ConfigWrapper>
 									</>
-								) :
-									null
-								}
+								) : (
+									<></>
+								)}
 
 								<S.OptionLabel
 									onClick={() => toggleConfig("isDataOpen")}
@@ -483,7 +483,7 @@ const AutoPanel = (props: IProps): JSX.Element => {
 										<UniqueCheck
 											name="preferenceLanguageCheck"
 											options={[
-												{ title: `${currentLang} content shown first` },
+												{ value: false, name: "preferenceLanguage", title: `${currentLang} content shown first` },
 											]}
 											value={state.preferenceLanguage}
 											onChange={handlePreferenceLanguageChange}

package/src/components/Fields/UniqueCheck/index.tsx

@@ -1,9 +1,8 @@
+import React from "react";
 import { CheckField } from "@ax/components";
 
-import * as S from "./style";
-
 const UniqueCheck = (props: IProps) => {
-	const { name, value, options, onChange, disabled, inversed = false, className, description } = props;
+	const { name, value, options, onChange, disabled, inversed = false, className } = props;
 	const uniqueOption = options[0];
 
 	const handleChange = (changeEvt: ICheckEvent) => {
@@ -11,22 +10,17 @@ const UniqueCheck = (props: IProps) => {
 		onChange(isChecked);
 	};
 
-	const classes = description ? "with-subtitle" : "";
-
 	return (
-		<S.Wrapper className={classes}>
-			<CheckField
-				name={name}
-				checked={!!value}
-				title={uniqueOption.title}
-				value={value}
-				onChange={handleChange}
-				disabled={disabled}
-				inversed={inversed}
-				className={className}
-			/>
-			<S.Subtitle>{description}</S.Subtitle>
-		</S.Wrapper>
+		<CheckField
+			name={name}
+			checked={!!value && value}
+			title={uniqueOption.title}
+			value={value}
+			onChange={handleChange}
+			disabled={disabled}
+			inversed={inversed}
+			className={className}
+		/>
 	);
 };
 
@@ -37,16 +31,17 @@ interface ICheckEvent {
 
 interface IProps {
 	name: string;
-	value: string | number;
+	value: any;
 	options: ICheck[];
-	onChange(isChecked: boolean): void;
+	onChange: any;
 	disabled?: boolean;
 	inversed?: boolean;
 	className?: string;
-	description?: string;
 }
 
 interface ICheck {
+	name: string;
+	value: any;
 	title: string;
 }
 

package/src/components/Tooltip/index.tsx

@@ -1,11 +1,9 @@
-import type { ReactNode } from "react";
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
-
+import React, { useEffect, useRef, useState } from "react";
 import { useHandleClickOutside } from "@ax/hooks";
 
 import * as S from "./style";
 
-const Tooltip = (props: ITooltipProps) => {
+const Tooltip = (props: ITooltipProps): JSX.Element => {
 	const { content, children, hideOnClick = true, bottom, left, expanded, top } = props;
 
 	const initialState: IState = {
@@ -17,31 +15,26 @@ const Tooltip = (props: ITooltipProps) => {
 	const [state, setState] = useState(initialState);
 	const { active, childrenWidth, clicked, fixOutOfBounds } = state;
 
-	const changeState = useCallback((value: Partial<IState>) => {
+	const changeState = (value: any) => {
 		setState((state) => ({ ...state, ...value }));
-	}, []);
+	};
 
 	const childrenRef = useRef<HTMLDivElement>(null);
 	const tipRef = useRef<HTMLDivElement>(null);
-	const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+
+	let timeout: any;
 
 	const showTip = () => {
 		if (!clicked) {
-			if (timeoutRef.current) {
-				clearTimeout(timeoutRef.current);
-			}
-			timeoutRef.current = setTimeout(() => {
+			timeout = setTimeout(() => {
 				changeState({ active: true });
 			}, 1000);
 		}
 	};
 
 	const hideTip = () => {
-		if (timeoutRef.current) {
-			clearTimeout(timeoutRef.current);
-			timeoutRef.current = null;
-		}
-		changeState({ active: false, fixOutOfBounds: 0 });
+		clearInterval(timeout);
+		changeState({ active: false });
 	};
 
 	const handleClick = () => {
@@ -51,8 +44,8 @@ const Tooltip = (props: ITooltipProps) => {
 		}
 	};
 
-	const handleClickOutside = (e: MouseEvent | TouchEvent) => {
-		if (childrenRef.current?.contains(e.target as Node)) {
+	const handleClickOutside = (e: any) => {
+		if (childrenRef.current && childrenRef.current.contains(e.target)) {
 			return;
 		}
 		changeState({ clicked: false });
@@ -60,22 +53,16 @@ const Tooltip = (props: ITooltipProps) => {
 
 	useHandleClickOutside(clicked, handleClickOutside);
 
+	// biome-ignore lint/correctness/useExhaustiveDependencies: TODO: fix this
 	useEffect(() => {
-		return () => {
-			if (timeoutRef.current) {
-				clearTimeout(timeoutRef.current);
-			}
-		};
-	}, []);
-
-	useEffect(() => {
-		if (childrenRef.current?.children[0]) {
+		if (childrenRef.current && childrenRef.current.children[0]) {
 			const childrenWidth = childrenRef.current.children[0].clientWidth;
 			changeState({ childrenWidth });
 		}
-	}, [changeState]);
+	}, [childrenRef]);
 
-	useLayoutEffect(() => {
+	// biome-ignore lint/correctness/useExhaustiveDependencies: TODO: fix this
+	useEffect(() => {
 		if (active && tipRef.current) {
 			const clientRect = tipRef.current.getBoundingClientRect();
 
@@ -85,13 +72,11 @@ const Tooltip = (props: ITooltipProps) => {
 				changeState({ fixOutOfBounds: left });
 			} else if (right > windowSize) {
 				changeState({ fixOutOfBounds: right - windowSize });
-			} else {
-				changeState({ fixOutOfBounds: 0 });
 			}
 		}
-	}, [active, changeState]);
+	}, [tipRef, active]);
 
-	if (!content) return <>{children}</>;
+	if (!content) return children;
 
 	return (
 		<S.Tooltip
@@ -127,8 +112,8 @@ interface IState {
 }
 
 export interface ITooltipProps {
-	content?: string | boolean | JSX.Element | JSX.Element[];
-	children: ReactNode;
+	content?: string | boolean | JSX.Element[] | JSX.Element;
+	children: any;
 	hideOnClick?: boolean;
 	bottom?: boolean;
 	left?: number;

package/src/schemas/pages/GlobalPage.tsx

@@ -151,22 +151,6 @@ export default {
 						},
 					],
 				},
-				{
-					title: "GEO (LLMS)",
-					type: "FieldGroup",
-					key: "geo",
-					collapsed: true,
-					fields: [
-						{
-							type: "UniqueCheck",
-							key: "isLlmsEnabled",
-							options: [
-								{ "title": "Include this page in LLMs.txt" }
-							],
-							description: "If enabled, this page will be listed in LLMs.txt for language models."
-						},
-					],
-				},
 				{
 					title: "Analytics Data Layer",
 					type: "FieldGroup",
@@ -222,6 +206,5 @@ export default {
 		socialTitle: "",
 		socialDescription: "",
 		socialImage: {},
-		isLlmsEnabled: true,
 	},
 };

package/src/schemas/pages/Page.tsx

@@ -217,22 +217,6 @@ export default {
 						},
 					],
 				},
-				{
-					title: "GEO (LLMS)",
-					type: "FieldGroup",
-					key: "geo",
-					collapsed: true,
-					fields: [
-						{
-							type: "UniqueCheck",
-							key: "isLlmsEnabled",
-							options: [
-								{ "title": "Include this page in LLMs.txt" }
-							],
-							description: "If enabled, this page will be listed in LLMs.txt for language models."
-						},
-					],
-				},
 				{
 					title: "Analytics Data Layer",
 					type: "FieldGroup",
@@ -296,6 +280,5 @@ export default {
 		customizeThemes: false,
 		headerTheme: null,
 		footerTheme: null,
-		isLlmsEnabled: true,
 	},
 };

package/src/components/Fields/UniqueCheck/style.tsx

@@ -1,17 +0,0 @@
-import styled from "styled-components";
-
-const Wrapper = styled.div`
-  &.with-subtitle label {
-    ${(p) => p.theme.textStyle.uiL};
-    font-weight: 600;
-  }
-`;
-
-const Subtitle = styled.div`
-  ${(p) => p.theme.textStyle.uiS};
-  font-weight: 400;
-  color: ${(p) => p.theme.color.textHighEmphasis};
-  padding-left: ${(p) => p.theme.spacing.m};
-`;
-
-export { Wrapper, Subtitle };