@griddo/ax 11.10.11-rc.0 → 11.10.11

package/src/modules/Sites/SitesList/style.tsx

@@ -87,8 +87,8 @@ const RecentSitesItemsWrapper = styled.div<{ isHidden: boolean }>`
   }
 
   ${(props) =>
-    props.isHidden &&
-    css`
+		props.isHidden &&
+		css`
       height: 0;
       padding: 0;
       padding-left: ${(p) => p.theme.spacing.s};
@@ -139,15 +139,15 @@ const GridList = styled.div<{ isEmpty: boolean; fullWidth: boolean }>`
   max-width: calc(100vw - calc(24px * 3));
 
   ${({ isEmpty, theme, fullWidth }) =>
-    isEmpty
-      ? `
+		isEmpty
+			? `
     display: flex;
     justify-content: center;
   `
-      : `display: grid;
+			: `display: grid;
     grid-template-columns: ${
-      fullWidth ? "repeat(auto-fit, minmax(270px, 1fr))" : "repeat(auto-fit, minmax(270px, 270px))"
-    };
+			fullWidth ? "repeat(auto-fit, minmax(270px, 1fr))" : "repeat(auto-fit, minmax(270px, 270px))"
+		};
     grid-gap: ${theme.spacing.m};
   `}
 `;
@@ -205,23 +205,23 @@ const SearchTagsGrid = styled.div`
 `;
 
 export {
-  SectionHeader,
-  CollapseButton,
-  Label,
-  Title,
-  HeaderIconsWrapper,
-  FilterSelect,
-  FilterSelectLabel,
-  RecentSites,
-  RecentSitesItemsWrapper,
-  SitesListWrapper,
-  GridList,
-  EmptyStateWrapper,
-  ImageWrapper,
-  Thumbnail,
-  ItemName,
-  PaginationWrapper,
-  AllSitesListWrapper,
-  SearchTags,
-  SearchTagsGrid,
+	SectionHeader,
+	CollapseButton,
+	Label,
+	Title,
+	HeaderIconsWrapper,
+	FilterSelect,
+	FilterSelectLabel,
+	RecentSites,
+	RecentSitesItemsWrapper,
+	SitesListWrapper,
+	GridList,
+	EmptyStateWrapper,
+	ImageWrapper,
+	Thumbnail,
+	ItemName,
+	PaginationWrapper,
+	AllSitesListWrapper,
+	SearchTags,
+	SearchTagsGrid,
 };

package/src/modules/Sites/SitesList/utils.tsx

@@ -1,33 +1,33 @@
 import { ISite } from "@ax/types";
 
 const getSortedListStatus = (orderPointer: string, isAscending: boolean): any => {
-  const sortedListStatus = {
-    isAscending,
-    sortedByTitle: orderPointer === "name",
-    sortedByLastAccess: orderPointer === "lastAccess",
-    sortedByDateCreated: orderPointer === "dateCreated",
-  };
+	const sortedListStatus = {
+		isAscending,
+		sortedByTitle: orderPointer === "name",
+		sortedByLastAccess: orderPointer === "lastAccess",
+		sortedByDateCreated: orderPointer === "dateCreated",
+	};
 
-  return sortedListStatus;
+	return sortedListStatus;
 };
 
 const filterByStatus = (bulkSelection: number[], sites: ISite[]): Record<string, number[]> => {
-  const notPublishedItems: number[] = [];
-  const publishedItems: number[] = [];
+	const notPublishedItems: number[] = [];
+	const publishedItems: number[] = [];
 
-  sites.forEach((site: ISite) => {
-    const { id, isPublished } = site;
-    if (bulkSelection.includes(id)) {
-      isPublished ? publishedItems.push(id) : notPublishedItems.push(id);
-    }
-  });
+	sites.forEach((site: ISite) => {
+		const { id, isPublished } = site;
+		if (bulkSelection.includes(id)) {
+			isPublished ? publishedItems.push(id) : notPublishedItems.push(id);
+		}
+	});
 
-  const filteredItems = {
-    all: bulkSelection,
-    notPublished: notPublishedItems,
-    published: publishedItems,
-  };
+	const filteredItems = {
+		all: bulkSelection,
+		notPublished: notPublishedItems,
+		published: publishedItems,
+	};
 
-  return filteredItems;
+	return filteredItems;
 };
 export { getSortedListStatus, filterByStatus };

package/src/modules/Sites/index.tsx

@@ -13,85 +13,85 @@ import { usersActions } from "@ax/containers/Users";
 import SitesList from "./SitesList";
 
 const Sites = (props: ISitesProps): JSX.Element => {
-  const {
-    token,
-    setCurrentSiteInfo,
-    getStructuredData,
-    setLanguage,
-    getAllDataPacks,
-    getUser,
-    globalLangs,
-    getRoles,
-    updateCurrentSearch,
-    resetCurrentData,
-    setIsLoading,
-  } = props;
+	const {
+		token,
+		setCurrentSiteInfo,
+		getStructuredData,
+		setLanguage,
+		getAllDataPacks,
+		getUser,
+		globalLangs,
+		getRoles,
+		updateCurrentSearch,
+		resetCurrentData,
+		setIsLoading,
+	} = props;
 
-  useLayoutEffect(() => {
-    const fetchInitialData = async () => {
-      setIsLoading(true);
-      setCurrentSiteInfo(null);
-      updateCurrentSearch("");
-      resetCurrentData();
-      await getRoles({ siteId: "global" }, token, false);
-      await getUser("me", token, false);
-      await getStructuredData(token, null, false);
-      await getAllDataPacks();
+	// biome-ignore lint/correctness/useExhaustiveDependencies: TODO: fix this
+	useLayoutEffect(() => {
+		const fetchInitialData = async () => {
+			setIsLoading(true);
+			setCurrentSiteInfo(null);
+			updateCurrentSearch("");
+			resetCurrentData();
+			await getRoles({ siteId: "global" }, token, false);
+			await getUser("me", token, false);
+			await getStructuredData(token, null, false);
+			await getAllDataPacks();
 
-      const defaultLanguage = globalLangs.find((language) => language.isDefault);
-      if (defaultLanguage) {
-        const { locale, id } = defaultLanguage;
-        const lang = {
-          locale,
-          id,
-        };
+			const defaultLanguage = globalLangs.find((language) => language.isDefault);
+			if (defaultLanguage) {
+				const { locale, id } = defaultLanguage;
+				const lang = {
+					locale,
+					id,
+				};
 
-        setLanguage(lang);
-      }
-      setIsLoading(false);
-    };
+				setLanguage(lang);
+			}
+			setIsLoading(false);
+		};
 
-    fetchInitialData();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [token]);
+		fetchInitialData();
+	}, [token]);
 
-  return <SitesList />;
+	return <SitesList />;
 };
 
 const mapStateToProps = (state: IRootState) => ({
-  token: state.app.token,
-  globalLangs: state.app.globalLangs,
+	token: state.app.token,
+	globalLangs: state.app.globalLangs,
 });
 
 interface IStateProps {
-  token: string;
-  globalLangs: ILanguage[];
+	token: string;
+	globalLangs: ILanguage[];
 }
 
 interface IDispatchProps {
-  setCurrentSiteInfo(currentSiteInfo: ISite | null): void;
-  getStructuredData(token: string, siteId?: number | null, hasLoading?: boolean): Promise<void>;
-  setLanguage(lang: { locale: string; id: number | null }): void;
-  getAllDataPacks: () => Promise<void>;
-  getUser: (id: string, token?: string, hasLoading?: boolean) => Promise<void>;
-  getRoles: (params: IGetRoles, token?: string, hasLoading?: boolean) => Promise<void>;
-  updateCurrentSearch(query: string): Promise<void>;
-  resetCurrentData(): Promise<void>;
-  setIsLoading(isLoading: boolean): void;
+	setCurrentSiteInfo(currentSiteInfo: ISite | null): void;
+	getStructuredData(token: string, siteId?: number | null, hasLoading?: boolean): Promise<void>;
+	setLanguage(lang: { locale: string; id: number | null }): void;
+	getAllDataPacks: () => Promise<void>;
+	getUser: (id: string, token?: string, hasLoading?: boolean) => Promise<void>;
+	getRoles: (params: IGetRoles, token?: string, hasLoading?: boolean) => Promise<void>;
+	updateCurrentSearch(query: string): Promise<void>;
+	resetCurrentData(): Promise<void>;
+	setIsLoading(isLoading: boolean): void;
 }
 
 export type ISitesProps = IStateProps & IDispatchProps & RouteComponentProps;
 
 const mapDispatchToProps = {
-  setCurrentSiteInfo: sitesActions.setCurrentSiteInfo,
-  getStructuredData: structuredDataActions.getStructuredData,
-  setLanguage: appActions.setLanguage,
-  getAllDataPacks: dataPacksActions.getAllDataPacks,
-  getUser: usersActions.getUser,
-  getRoles: usersActions.getRoles,
-  updateCurrentSearch: structuredDataActions.updateCurrentSearch,
-  resetCurrentData: structuredDataActions.resetCurrentData,
-  setIsLoading: appActions.setIsLoading,
+	setCurrentSiteInfo: sitesActions.setCurrentSiteInfo,
+	getStructuredData: structuredDataActions.getStructuredData,
+	setLanguage: appActions.setLanguage,
+	getAllDataPacks: dataPacksActions.getAllDataPacks,
+	getUser: usersActions.getUser,
+	getRoles: usersActions.getRoles,
+	updateCurrentSearch: structuredDataActions.updateCurrentSearch,
+	resetCurrentData: structuredDataActions.resetCurrentData,
+	setIsLoading: appActions.setIsLoading,
 };
 
 export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Sites));

package/src/modules/StructuredData/Form/ConnectedField/index.tsx

@@ -9,100 +9,100 @@ import { getStructuredDataInnerFields } from "@ax/forms";
 import * as S from "./style";
 
 const ConnectedField = (props: IProps) => {
-  const { field, site, form, fieldKey, updateFormValue, disabled, errors, deleteError, theme, lang, languages } = props;
-
-  const isConditional = field.type === "ConditionalField";
-  const isArrayGroup = field.type === "ArrayFieldGroup";
-  const isComputedField = Object.prototype.hasOwnProperty.call(field, "computed");
-  const isFieldDisabled = disabled || isComputedField;
-  const error = errors.find((err: any) => err.key === field.key);
-
-  const [value, setValue] = useState(form?.content && form.content[fieldKey]);
-  const [timeOut, setTimeOut] = useState(form?.content && form.content[fieldKey]);
-
-  useEffect(() => {
-    const evaluateDataComputedFields = async () => {
-      const data = {
-        operation: "refresh",
-        apiUrl: process.env.GRIDDO_API_URL || process.env.REACT_APP_API_ENDPOINT,
-        publicApiUrl: process.env.GRIDDO_PUBLIC_API_URL || process.env.REACT_APP_PUBLIC_API_ENDPOINT,
-      };
-      const computedFunction = eval(`(${field.computed})`);
-      const value = await computedFunction(form.content, data);
-      setValue(value);
-    };
-
-    if (isComputedField && form?.content) {
-      if (timeOut) {
-        clearTimeout(timeOut);
-      }
-      const timeoutId = setTimeout(async () => {
-        await evaluateDataComputedFields();
-      }, 1500);
-
-      setTimeOut(timeoutId);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [form?.content]);
-
-  const handleChange = (newValue: any) => {
-    setValue(newValue);
-    updateFormValue({ [fieldKey]: newValue });
-  };
-
-  let innerFields: JSX.Element[] = [];
-
-  if (isConditional || isArrayGroup) {
-    innerFields = getStructuredDataInnerFields(field.fields, form?.content, updateFormValue, theme, errors);
-  }
-
-  const fieldProps = {
-    objKey: field.key,
-    value,
-    onChange: handleChange,
-    site,
-    disabled: isFieldDisabled,
-    fieldType: field.type,
-    ...field,
-    innerFields,
-    error,
-    deleteError,
-    theme,
-    delayed: false,
-    lang: lang.id,
-    languages,
-  };
-
-  return (
-    <S.Wrapper>
-      <FieldsBehavior {...fieldProps} />
-    </S.Wrapper>
-  );
+	const { field, site, form, fieldKey, updateFormValue, disabled, errors, deleteError, theme, lang, languages } = props;
+
+	const isConditional = field.type === "ConditionalField";
+	const isArrayGroup = field.type === "ArrayFieldGroup";
+	const isComputedField = Object.prototype.hasOwnProperty.call(field, "computed");
+	const isFieldDisabled = disabled || isComputedField;
+	const error = errors.find((err: any) => err.key === field.key);
+
+	const [value, setValue] = useState(form?.content && form.content[fieldKey]);
+	const [timeOut, setTimeOut] = useState(form?.content && form.content[fieldKey]);
+
+	// biome-ignore lint/correctness/useExhaustiveDependencies: TODO: fix this
+	useEffect(() => {
+		const evaluateDataComputedFields = async () => {
+			const data = {
+				operation: "refresh",
+				apiUrl: process.env.GRIDDO_API_URL || process.env.REACT_APP_API_ENDPOINT,
+				publicApiUrl: process.env.GRIDDO_PUBLIC_API_URL || process.env.REACT_APP_PUBLIC_API_ENDPOINT,
+			};
+			const computedFunction = eval(`(${field.computed})`);
+			const value = await computedFunction(form.content, data);
+			setValue(value);
+		};
+
+		if (isComputedField && form?.content) {
+			if (timeOut) {
+				clearTimeout(timeOut);
+			}
+			const timeoutId = setTimeout(async () => {
+				await evaluateDataComputedFields();
+			}, 1500);
+
+			setTimeOut(timeoutId);
+		}
+	}, [form?.content]);
+
+	const handleChange = (newValue: any) => {
+		setValue(newValue);
+		updateFormValue({ [fieldKey]: newValue });
+	};
+
+	let innerFields: JSX.Element[] = [];
+
+	if (isConditional || isArrayGroup) {
+		innerFields = getStructuredDataInnerFields(field.fields, form?.content, updateFormValue, theme, errors);
+	}
+
+	const fieldProps = {
+		objKey: field.key,
+		value,
+		onChange: handleChange,
+		site,
+		disabled: isFieldDisabled,
+		fieldType: field.type,
+		...field,
+		innerFields,
+		error,
+		deleteError,
+		theme,
+		delayed: false,
+		lang: lang.id,
+		languages,
+	};
+
+	return (
+		<S.Wrapper>
+			<FieldsBehavior {...fieldProps} />
+		</S.Wrapper>
+	);
 };
 
 interface IProps {
-  field: any;
-  form: any;
-  site: ISite | null;
-  fieldKey: string;
-  disabled: boolean;
-  errors: IErrorItem[];
-  updateFormValue: (value: any) => void;
-  deleteError: (error: IErrorItem) => void;
-  theme: string;
-  lang: { locale: string; id: number };
-  languages: ILanguage[];
+	field: any;
+	form: any;
+	site: ISite | null;
+	fieldKey: string;
+	disabled: boolean;
+	errors: IErrorItem[];
+	updateFormValue: (value: any) => void;
+	deleteError: (error: IErrorItem) => void;
+	theme: string;
+	lang: { locale: string; id: number };
+	languages: ILanguage[];
 }
 
 const mapStateToProps = (state: IRootState) => ({
-  form: state.structuredData.form,
-  errors: state.structuredData.errors,
-  lang: state.app.lang,
+	form: state.structuredData.form,
+	errors: state.structuredData.errors,
+	lang: state.app.lang,
 });
 
 const mapDispatchToProps = {
-  updateFormValue: structuredDataActions.updateFormValue,
-  deleteError: structuredDataActions.deleteError,
+	updateFormValue: structuredDataActions.updateFormValue,
+	deleteError: structuredDataActions.deleteError,
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(ConnectedField);