@griddo/ax 11.10.11-rc.0 → 11.10.12-rc.0

package/src/modules/Forms/FormCategoriesList/CategoryPanel/index.tsx

@@ -9,103 +9,103 @@ import Form from "./Form";
 import * as S from "./style";
 
 const CategoryPanel = (props: IProps): JSX.Element => {
-  const { isOpen, item, type, toggleModal, toggleToast, createFormCategory, updateFormCategory } = props;
-
-  const initState: IFormState = {
-    name: item?.content.title || "",
-    code: item?.content.code || "",
-  };
-
-  const [form, setForm] = useState(initState);
-
-  const addItemAction = async () => {
-    const newCategory = {
-      title: form.name,
-      code: form.code,
-    };
-
-    const isCreated = await createFormCategory(newCategory, type);
-
-    if (isCreated) {
-      toggleModal();
-      setForm(initState);
-    }
-  };
-
-  const editItemAction = async () => {
-    let isUpdated = false;
-    let toastString = "";
-
-    const updatedCategory = {
-      title: form.name,
-      code: form.code,
-    };
-
-    isUpdated = !!item && (await updateFormCategory(item.id, updatedCategory));
-    toastString = "1 form category edited";
-
-    if (isUpdated) {
-      toggleToast(toastString);
-    }
-
-    toggleModal();
-  };
-
-  const addButton = {
-    label: "Add",
-    action: addItemAction,
-    disabled: false,
-  };
-
-  const editButton = {
-    label: "Update",
-    action: editItemAction,
-    disabled: false,
-  };
-
-  const title = !item ? "New Category" : "Edit Category";
-
-  return (
-    <FloatingPanel title={title} toggleModal={toggleModal} isOpen={isOpen}>
-      <S.Wrapper>
-        <Form edit={!!item} form={form} setForm={setForm} />
-        <S.Footer>
-          {!item ? (
-            <Button className="button" type="button" onClick={addButton.action} disabled={addButton.disabled}>
-              {addButton.label}
-            </Button>
-          ) : (
-            <Button className="button" type="button" onClick={editButton.action} disabled={editButton.disabled}>
-              {editButton.label}
-            </Button>
-          )}
-        </S.Footer>
-      </S.Wrapper>
-    </FloatingPanel>
-  );
+	const { isOpen, item, type, toggleModal, toggleToast, createFormCategory, updateFormCategory } = props;
+
+	const initState: IFormState = {
+		name: item?.content.title || "",
+		code: item?.content.code || "",
+	};
+
+	const [form, setForm] = useState(initState);
+
+	const addItemAction = async () => {
+		const newCategory = {
+			title: form.name,
+			code: form.code,
+		};
+
+		const isCreated = await createFormCategory(newCategory, type);
+
+		if (isCreated) {
+			toggleModal();
+			setForm(initState);
+		}
+	};
+
+	const editItemAction = async () => {
+		let isUpdated = false;
+		let toastString = "";
+
+		const updatedCategory = {
+			title: form.name,
+			code: form.code,
+		};
+
+		isUpdated = !!item && (await updateFormCategory(item.id, updatedCategory));
+		toastString = "1 form category edited";
+
+		if (isUpdated) {
+			toggleToast(toastString);
+		}
+
+		toggleModal();
+	};
+
+	const addButton = {
+		label: "Add",
+		action: addItemAction,
+		disabled: false,
+	};
+
+	const editButton = {
+		label: "Update",
+		action: editItemAction,
+		disabled: false,
+	};
+
+	const title = !item ? "New Category" : "Edit Category";
+
+	return (
+		<FloatingPanel title={title} toggleModal={toggleModal} isOpen={isOpen}>
+			<S.Wrapper>
+				<Form edit={!!item} form={form} setForm={setForm} />
+				<S.Footer>
+					{!item ? (
+						<Button className="button" type="button" onClick={addButton.action} disabled={addButton.disabled}>
+							{addButton.label}
+						</Button>
+					) : (
+						<Button className="button" type="button" onClick={editButton.action} disabled={editButton.disabled}>
+							{editButton.label}
+						</Button>
+					)}
+				</S.Footer>
+			</S.Wrapper>
+		</FloatingPanel>
+	);
 };
 
 interface ICategoryPanelProps {
-  item?: FormCategory;
-  type: string;
-  isOpen: boolean;
-  toggleModal(): void;
-  toggleToast(state: string): void;
+	item?: FormCategory;
+	type: string;
+	isOpen: boolean;
+	toggleModal(): void;
+	toggleToast(state: string): void;
 }
 
 export interface IFormState {
-  name: string;
-  code: string;
+	name: string;
+	code: string;
 }
 
 const mapDispatchToProps = {
-  createFormCategory: formsActions.createFormCategory,
-  updateFormCategory: formsActions.updateFormCategory,
+	createFormCategory: formsActions.createFormCategory,
+	updateFormCategory: formsActions.updateFormCategory,
 };
 
 interface IDispatchProps {
-  createFormCategory: (content: { title: string; code: string }, categoryType: string) => Promise<boolean>;
-  updateFormCategory: (id: number, content: { title: string; code: string }) => Promise<boolean>;
+	createFormCategory: (content: { title: string; code: string }, categoryType: string) => Promise<boolean>;
+	updateFormCategory: (id: number, content: { title: string; code: string }) => Promise<boolean>;
 }
 
 type IProps = IDispatchProps & ICategoryPanelProps;

package/src/modules/Forms/FormCategoriesList/atoms.tsx

@@ -6,28 +6,28 @@ import { Modal } from "@ax/components";
 import * as S from "./style";
 
 const DeleteModal = (props: IModal): JSX.Element => {
-  const { isOpen, toggleModal, mainModalAction, secondaryModalAction } = props;
+	const { isOpen, toggleModal, mainModalAction, secondaryModalAction } = props;
 
-  return (
-    <Modal
-      isOpen={isOpen}
-      hide={toggleModal}
-      title="Delete category"
-      secondaryAction={secondaryModalAction}
-      mainAction={mainModalAction}
-      size="S"
-      height={240}
-    >
-      <S.ModalContent>
-        <p>
-          Are you sure you want to delete <strong>this category</strong>? It won&apos;t be assignable to new froms, and
-          existing forms with this category will lose it.
-          <br />
-          <strong>This action cannot be undone</strong>.
-        </p>
-      </S.ModalContent>
-    </Modal>
-  );
+	return (
+		<Modal
+			isOpen={isOpen}
+			hide={toggleModal}
+			title="Delete category"
+			secondaryAction={secondaryModalAction}
+			mainAction={mainModalAction}
+			size="S"
+			height={240}
+		>
+			<S.ModalContent>
+				<p>
+					Are you sure you want to delete <strong>this category</strong>? It won&apos;t be assignable to new froms, and
+					existing forms with this category will lose it.
+					<br />
+					<strong>This action cannot be undone</strong>.
+				</p>
+			</S.ModalContent>
+		</Modal>
+	);
 };
 
 export { DeleteModal };

package/src/modules/Forms/FormCategoriesList/hooks.tsx

@@ -2,60 +2,60 @@ import { useState } from "react";
 import { IQueryValue } from "@ax/types";
 
 const useFilterQuery = () => {
-  const initialQueryValues: Record<string, IQueryValue[]> = {
-    translated: [{ value: "all", label: "All" }],
-  };
-
-  const [query, setQuery] = useState(initialQueryValues);
-  const [currentFilterQuery, setCurrentFilterQuery] = useState("");
-
-  const setFilterQuery = (filterValues: Record<string, IQueryValue[]>) => {
-    const { translated } = filterValues;
-    let filterQuery = "";
-
-    const currentQuery = (pointer: string, values: IQueryValue[]): string => {
-      const stringValues =
-        Array.isArray(values) && values.length
-          ? values.map((value) => (value.value !== "all" ? value.value : "")).join(",")
-          : "";
-
-      return !stringValues.length
-        ? filterQuery
-        : filterQuery.length
-        ? filterQuery.concat(`&${pointer}=${stringValues}`)
-        : `&${pointer}=${stringValues}`;
-    };
-
-    const isNotInitialValue = (pointer: string) => {
-      return filterValues[pointer] && initialQueryValues[pointer] !== filterValues[pointer];
-    };
-
-    if (isNotInitialValue("translated")) filterQuery = currentQuery("translated", translated);
-
-    setCurrentFilterQuery(filterQuery);
-  };
-
-  const setFiltersSelection = (pointer: string, filter: IQueryValue[]) => {
-    const { translated } = query;
-    const filterValues = {
-      translated: pointer === "translated" ? filter : translated,
-    };
-
-    setQuery(filterValues);
-    setFilterQuery(filterValues);
-  };
-
-  const resetFilterQuery = () => {
-    setQuery(initialQueryValues);
-    setCurrentFilterQuery("");
-  };
-
-  return {
-    setFiltersSelection,
-    resetFilterQuery,
-    filterValues: query,
-    filterQuery: currentFilterQuery,
-  };
+	const initialQueryValues: Record<string, IQueryValue[]> = {
+		translated: [{ value: "all", label: "All" }],
+	};
+
+	const [query, setQuery] = useState(initialQueryValues);
+	const [currentFilterQuery, setCurrentFilterQuery] = useState("");
+
+	const setFilterQuery = (filterValues: Record<string, IQueryValue[]>) => {
+		const { translated } = filterValues;
+		let filterQuery = "";
+
+		const currentQuery = (pointer: string, values: IQueryValue[]): string => {
+			const stringValues =
+				Array.isArray(values) && values.length
+					? values.map((value) => (value.value !== "all" ? value.value : "")).join(",")
+					: "";
+
+			return !stringValues.length
+				? filterQuery
+				: filterQuery.length
+					? filterQuery.concat(`&${pointer}=${stringValues}`)
+					: `&${pointer}=${stringValues}`;
+		};
+
+		const isNotInitialValue = (pointer: string) => {
+			return filterValues[pointer] && initialQueryValues[pointer] !== filterValues[pointer];
+		};
+
+		if (isNotInitialValue("translated")) filterQuery = currentQuery("translated", translated);
+
+		setCurrentFilterQuery(filterQuery);
+	};
+
+	const setFiltersSelection = (pointer: string, filter: IQueryValue[]) => {
+		const { translated } = query;
+		const filterValues = {
+			translated: pointer === "translated" ? filter : translated,
+		};
+
+		setQuery(filterValues);
+		setFilterQuery(filterValues);
+	};
+
+	const resetFilterQuery = () => {
+		setQuery(initialQueryValues);
+		setCurrentFilterQuery("");
+	};
+
+	return {
+		setFiltersSelection,
+		resetFilterQuery,
+		filterValues: query,
+		filterQuery: currentFilterQuery,
+	};
 };
 
 export { useFilterQuery };