Fix/Update and remove deprecated dependencies (#922)

* Trigger lockfile change * debug event edit page content * Update wp-env docker image * Update .wp-env.json * destroy wp env docker * debug * Run e2e in parallel * Update pr-checks.yml * Update deps * downgrade jest * Revert "downgrade jest" This reverts commit 7bd3cbf. * Revert "Update deps" This reverts commit da58577. * Fix vendor scripts * Update pr-checks.yml * Restore config * Update package.json * Update index.js * Restore package.json * Update yarn.lock * Restore typeform * Update dependencies * Remove deprecated jest testEnvironment * Fix lints as per the latest recommended config * Fix form builder reducer * Fix E2E
eventespresso · Jun 11, 2021 · 4a726c0 · 4a726c0
1 parent b3e67b7
commit 4a726c0
Show file tree

Hide file tree

Showing 77 changed files with 2,126 additions and 1,798 deletions.
diff --git a/domains/core/admin/blocks/package.json b/domains/core/admin/blocks/package.json
@@ -10,11 +10,11 @@
 		"url": "git+https://github.com/eventespresso/barista.git"
 	},
 	"dependencies": {
-		"@wordpress/block-library": "^3.2.3",
-		"@wordpress/blocks": "^9.1.2",
+		"@wordpress/block-library": "^3.2.4",
+		"@wordpress/blocks": "^9.1.3",
 		"@wordpress/components": "^14.1.2",
 		"@wordpress/compose": "^4.1.1",
-		"@wordpress/editor": "^10.1.3",
+		"@wordpress/editor": "^10.1.4",
 		"@wordpress/url": "^3.1.1",
 		"react-select": "^4.3.1"
 	},
@@ -25,6 +25,7 @@
 	},
 	"scripts": {
 		"lint": "eslint ./src/**/*.{ts,tsx} --format=codeframe",
-		"update-deps": "npx ncu -p yarn -u"
+		"update-deps": "npx ncu -p yarn -u",
+		"lint-fix": "eslint ./src/**/*.{ts,tsx} --fix"
 	}
 }
diff --git a/domains/core/admin/eventEditor/package.json b/domains/core/admin/eventEditor/package.json
@@ -11,6 +11,7 @@
 	},
 	"scripts": {
 		"lint": "eslint ./src/**/*.{ts,tsx} --format=codeframe",
-		"update-deps": "npx ncu -p yarn -u"
+		"update-deps": "npx ncu -p yarn -u",
+		"lint-fix": "eslint ./src/**/*.{ts,tsx} --fix"
 	}
 }
diff --git a/domains/core/admin/eventEditor/src/hooks/entityActionsMenu/useEntityActionsMenuItems.ts b/domains/core/admin/eventEditor/src/hooks/entityActionsMenu/useEntityActionsMenuItems.ts
@@ -12,10 +12,10 @@ const useEntityActionsMenuItems = <E extends Entity, T extends string>(
 	entity: E,
 	filterByEntityType = true
 ): Array<React.ReactNode> => {
-	const registry = useMemo(() => new EntityActionsMenuRegistry({ domain, entityType, entityId: entity.id }), [
-		entity.id,
-		entityType,
-	]);
+	const registry = useMemo(
+		() => new EntityActionsMenuRegistry({ domain, entityType, entityId: entity.id }),
+		[entity.id, entityType]
+	);
 
 	const { generateElements } = registry;
 

diff --git a/domains/core/admin/eventEditor/src/hooks/entityCardDetails/useEntityCardDetailsItems.ts b/domains/core/admin/eventEditor/src/hooks/entityCardDetails/useEntityCardDetailsItems.ts
@@ -12,10 +12,10 @@ const useEntityCardDetailsItems = <T extends string>(
 	entityId: EntityId,
 	filterByEntityType = true
 ): Array<React.ReactNode> => {
-	const registry = useMemo(() => new EntityCardDetailsRegistry({ domain, entityType, entityId }), [
-		entityId,
-		entityType,
-	]);
+	const registry = useMemo(
+		() => new EntityCardDetailsRegistry({ domain, entityType, entityId }),
+		[entityId, entityType]
+	);
 
 	const { generateElements } = registry;
 

diff --git a/domains/core/admin/eventEditor/src/ui/datetimes/dateForm/multiStep/Container.tsx b/domains/core/admin/eventEditor/src/ui/datetimes/dateForm/multiStep/Container.tsx
@@ -8,9 +8,12 @@ import { EntityEditModalData } from '@edtrUI/types';
 import useOnSubmit from './useOnSubmit';
 
 const Container: React.FC = () => {
-	const { getData, isOpen, close: closeEditDateModal, setData } = useGlobalModal<EntityEditModalData>(
-		EdtrGlobalModals.EDIT_DATE
-	);
+	const {
+		getData,
+		isOpen,
+		close: closeEditDateModal,
+		setData,
+	} = useGlobalModal<EntityEditModalData>(EdtrGlobalModals.EDIT_DATE);
 	const { close: closeNewDateModal } = useGlobalModal(EdtrGlobalModals.NEW_DATE);
 
 	const onClose = useCallback(() => {

diff --git a/domains/core/admin/eventEditor/src/ui/datetimes/datesList/DatesList.tsx b/domains/core/admin/eventEditor/src/ui/datetimes/datesList/DatesList.tsx
@@ -20,9 +20,10 @@ import { ActiveDatesFilters } from './filterBar';
 const DatesList: React.FC = () => {
 	const filterState = useDatesListFilterState();
 
-	const renderList = useCallback(() => (filterState.view === 'card' ? <RenderCardView /> : <RenderTableView />), [
-		filterState.view,
-	]);
+	const renderList = useCallback(
+		() => (filterState.view === 'card' ? <RenderCardView /> : <RenderTableView />),
+		[filterState.view]
+	);
 
 	return (
 		<EntityList

diff --git a/domains/core/admin/eventEditor/src/ui/datetimes/datesList/filterBar/ActiveDatesFilters.tsx b/domains/core/admin/eventEditor/src/ui/datetimes/datesList/filterBar/ActiveDatesFilters.tsx
@@ -8,16 +8,8 @@ import { DatetimeSales, DatetimeStatus } from '@eventespresso/predicates';
 import { labels, statusOptions, salesOptions } from './controls/options';
 
 const ActiveDatesFilters: React.FC = () => {
-	const {
-		status,
-		setStatus,
-		sales,
-		setSales,
-		searchText,
-		setSearchText,
-		recurrence,
-		setRecurrence,
-	} = useDatesListFilterState();
+	const { status, setStatus, sales, setSales, searchText, setSearchText, recurrence, setRecurrence } =
+		useDatesListFilterState();
 
 	const statusTitle = `${labels.status}: ${statusOptions?.[status]}`;
 	const salesTitle = `${labels.sales}: ${salesOptions?.[sales]}`;

diff --git a/...e/admin/eventEditor/src/ui/datetimes/datesList/filterBar/controls/SortByControl/index.tsx b/...e/admin/eventEditor/src/ui/datetimes/datesList/filterBar/controls/SortByControl/index.tsx
@@ -23,9 +23,11 @@ const renderDraggableItem: SortByControlProps<Datetime>['renderDraggableItem'] =
 const SortByControl: React.FC = () => {
 	const { sortBy, setSortBy } = useDatesListFilterState();
 	const filteredDateIds = useFilteredDateIds();
-	const { allReorderedEntities: draggableItems, sortResponder, updateEntityList } = useReorderDatetimes(
-		filteredDateIds
-	);
+	const {
+		allReorderedEntities: draggableItems,
+		sortResponder,
+		updateEntityList,
+	} = useReorderDatetimes(filteredDateIds);
 
 	return (
 		<SortByControlUI

diff --git a/domains/core/admin/eventEditor/src/ui/ticketAssignmentsManager/components/ModalContainer.tsx b/domains/core/admin/eventEditor/src/ui/ticketAssignmentsManager/components/ModalContainer.tsx
@@ -52,12 +52,10 @@ const ModalContainer: React.FC = () => {
 		);
 	}
 
-	const contextProps = useMemo(() => ({ assignmentType, entity, title, onCloseModal: onClose }), [
-		assignmentType,
-		entity,
-		onClose,
-		title,
-	]);
+	const contextProps = useMemo(
+		() => ({ assignmentType, entity, title, onCloseModal: onClose }),
+		[assignmentType, entity, onClose, title]
+	);
 
 	const onSubmit = useCallback<TAMModalProps['onSubmit']>(
 		async (data) => {

diff --git a/domains/core/admin/eventEditor/src/ui/ticketAssignmentsManager/components/table/BodyCell.tsx b/domains/core/admin/eventEditor/src/ui/ticketAssignmentsManager/components/table/BodyCell.tsx
@@ -11,11 +11,10 @@ const BodyCell: React.FC<RenderCellProps> = ({ datetime, ticket }) => {
 
 	const status = getAssignmentStatus({ datetimeId: datetime.id, ticketId: ticket.id });
 
-	const onClick = useCallback(() => toggleAssignment({ datetimeId: datetime.id, ticketId: ticket.id }), [
-		datetime.id,
-		ticket.id,
-		toggleAssignment,
-	]);
+	const onClick = useCallback(
+		() => toggleAssignment({ datetimeId: datetime.id, ticketId: ticket.id }),
+		[datetime.id, ticket.id, toggleAssignment]
+	);
 
 	const icon = useMemo(() => getRelationIcon(status), [status]);
 

diff --git a/domains/core/admin/eventEditor/src/ui/ticketAssignmentsManager/data/test/TestWrapper.tsx b/domains/core/admin/eventEditor/src/ui/ticketAssignmentsManager/data/test/TestWrapper.tsx
@@ -3,12 +3,14 @@ import { ContextProvider, ProviderProps } from '../../context';
 
 const ApolloWrapper = ApolloMockedProvider();
 
-const TestWrapper = (props: ProviderProps): React.FC => ({ children }) => {
-	return (
-		<ApolloWrapper>
-			<ContextProvider {...props}>{children}</ContextProvider>
-		</ApolloWrapper>
-	);
-};
+const TestWrapper =
+	(props: ProviderProps): React.FC =>
+	({ children }) => {
+		return (
+			<ApolloWrapper>
+				<ContextProvider {...props}>{children}</ContextProvider>
+			</ApolloWrapper>
+		);
+	};
 
 export default TestWrapper;
diff --git a/domains/core/admin/eventEditor/src/ui/ticketAssignmentsManager/data/useDataStateManager.ts b/domains/core/admin/eventEditor/src/ui/ticketAssignmentsManager/data/useDataStateManager.ts
@@ -20,13 +20,15 @@ const useDataStateManager = (props: BaseProps): DataStateManager => {
 	const { initialize, isInitialized } = assignmentManager;
 	const initialized = isInitialized();
 
-	const hasNoAssignedDates = useCallback(({ ticketId }) => orphanEntities.tickets.includes(ticketId), [
-		orphanEntities.tickets,
-	]);
+	const hasNoAssignedDates = useCallback(
+		({ ticketId }) => orphanEntities.tickets.includes(ticketId),
+		[orphanEntities.tickets]
+	);
 
-	const hasNoAssignedTickets = useCallback(({ datetimeId }) => orphanEntities.datetimes.includes(datetimeId), [
-		orphanEntities.datetimes,
-	]);
+	const hasNoAssignedTickets = useCallback(
+		({ datetimeId }) => orphanEntities.datetimes.includes(datetimeId),
+		[orphanEntities.datetimes]
+	);
 
 	const hasOrphanEntitiesOfType = useCallback(
 		(entityType: keyof typeof orphanEntities) => {
@@ -50,10 +52,10 @@ const useDataStateManager = (props: BaseProps): DataStateManager => {
 
 	const hasOrphanDates = useCallback(() => hasOrphanEntitiesOfType('datetimes'), [hasOrphanEntitiesOfType]);
 
-	const hasOrphanEntities = useCallback(() => hasOrphanTickets() || hasOrphanDates(), [
-		hasOrphanDates,
-		hasOrphanTickets,
-	]);
+	const hasOrphanEntities = useCallback(
+		() => hasOrphanTickets() || hasOrphanDates(),
+		[hasOrphanDates, hasOrphanTickets]
+	);
 
 	const getOldRelation = useCallback(
 		({ datetimeId }): EntityId[] => {

diff --git a/domains/core/admin/eventEditor/src/ui/ticketAssignmentsManager/data/useFilteredDatetimes.ts b/domains/core/admin/eventEditor/src/ui/ticketAssignmentsManager/data/useFilteredDatetimes.ts
@@ -10,11 +10,10 @@ const useFilteredDatetimes = (allDates: Array<Datetime>): Array<Datetime> => {
 	const datesInYearAndMonth = inYearAndMonth(datesByMonth);
 
 	// If the year i.e. datesByMonth[0] is set, then filter
-	const datetimes = useMemo(() => (datesByMonth[0] ? datesInYearAndMonth(allDates) : allDates), [
-		allDates,
-		datesByMonth,
-		datesInYearAndMonth,
-	]);
+	const datetimes = useMemo(
+		() => (datesByMonth[0] ? datesInYearAndMonth(allDates) : allDates),
+		[allDates, datesByMonth, datesInYearAndMonth]
+	);
 
 	return useMemo(() => {
 		return showTrashedDates ? datetimes : notTrashed(datetimes);

diff --git a/...dmin/eventEditor/src/ui/ticketAssignmentsManager/filters/controls/DatesByMonthControl.tsx b/...dmin/eventEditor/src/ui/ticketAssignmentsManager/filters/controls/DatesByMonthControl.tsx
@@ -16,9 +16,10 @@ const DatesByMonthControl: React.FC<DatesByMonthControlProps> = ({ datesByMonth,
 	const yearMonth = datesByMonth.join(':');
 
 	// Add all dates option at the top, "0:0" to match the "year:month" format
-	const monthsListWithAllDates = useMemo(() => [{ value: '0:0', label: __('All Dates') }, ...monthsList], [
-		monthsList,
-	]);
+	const monthsListWithAllDates = useMemo(
+		() => [{ value: '0:0', label: __('All Dates') }, ...monthsList],
+		[monthsList]
+	);
 
 	return (
 		<SelectWithLabel

diff --git a/domains/core/admin/eventEditor/src/ui/tickets/ticketForm/multiStep/Container.tsx b/domains/core/admin/eventEditor/src/ui/tickets/ticketForm/multiStep/Container.tsx
@@ -8,9 +8,12 @@ import { EntityEditModalData } from '@edtrUI/types';
 import useOnSubmit from './useOnSubmit';
 
 const Container: React.FC = () => {
-	const { getData, isOpen, close: closeModal, setData } = useGlobalModal<EntityEditModalData>(
-		EdtrGlobalModals.EDIT_TICKET
-	);
+	const {
+		getData,
+		isOpen,
+		close: closeModal,
+		setData,
+	} = useGlobalModal<EntityEditModalData>(EdtrGlobalModals.EDIT_TICKET);
 
 	const onClose = useCallback(() => {
 		closeModal();

diff --git a/domains/core/admin/eventEditor/src/ui/tickets/ticketsList/TicketsList.tsx b/domains/core/admin/eventEditor/src/ui/tickets/ticketsList/TicketsList.tsx
@@ -21,9 +21,10 @@ import { ActiveTicketsFilters } from './filterBar';
 const TicketsList: React.FC = () => {
 	const filterState = useTicketsListFilterState();
 
-	const renderList = useCallback(() => (filterState.view === 'card' ? <RenderCardView /> : <RenderTableView />), [
-		filterState.view,
-	]);
+	const renderList = useCallback(
+		() => (filterState.view === 'card' ? <RenderCardView /> : <RenderTableView />),
+		[filterState.view]
+	);
 
 	return (
 		<EntityList

diff --git a/domains/core/admin/eventEditor/src/ui/tickets/ticketsList/filterBar/ActiveTicketsFilters.tsx b/domains/core/admin/eventEditor/src/ui/tickets/ticketsList/filterBar/ActiveTicketsFilters.tsx
@@ -8,16 +8,8 @@ import { TicketsSales, TicketsStatus } from '@eventespresso/predicates';
 import { labels, statusOptions, salesOptions } from './controls/options';
 
 const ActiveTicketsSFilters: React.FC = () => {
-	const {
-		status,
-		setStatus,
-		sales,
-		setSales,
-		searchText,
-		setSearchText,
-		isChained,
-		toggleIsChained,
-	} = useTicketsListFilterState();
+	const { status, setStatus, sales, setSales, searchText, setSearchText, isChained, toggleIsChained } =
+		useTicketsListFilterState();
 
 	const statusTitle = `${labels.status}: ${statusOptions?.[status]}`;
 	const salesTitle = `${labels.sales}: ${salesOptions?.[sales]}`;

diff --git a/...e/admin/eventEditor/src/ui/tickets/ticketsList/filterBar/controls/SortByControl/index.tsx b/...e/admin/eventEditor/src/ui/tickets/ticketsList/filterBar/controls/SortByControl/index.tsx
@@ -26,9 +26,11 @@ const renderDraggableItem: SortByControlProps<Ticket>['renderDraggableItem'] = (
 const SortByControl: React.FC = () => {
 	const { sortBy, setSortBy } = useTicketsListFilterState();
 	const filteredTicketIds = useFilteredTicketIds();
-	const { allReorderedEntities: draggableItems, sortResponder, updateEntityList } = useReorderTickets(
-		filteredTicketIds
-	);
+	const {
+		allReorderedEntities: draggableItems,
+		sortResponder,
+		updateEntityList,
+	} = useReorderTickets(filteredTicketIds);
 
 	return (
 		<SortByControlUI

diff --git a/domains/core/admin/wpPluginsPage/package.json b/domains/core/admin/wpPluginsPage/package.json
@@ -16,6 +16,7 @@
 	},
 	"scripts": {
 		"lint": "eslint ./src/**/*.{ts,tsx} --format=codeframe",
-		"update-deps": "npx ncu -p yarn -u"
+		"update-deps": "npx ncu -p yarn -u",
+		"lint-fix": "eslint ./src/**/*.{ts,tsx} --fix"
 	}
 }
diff --git a/domains/eventSmart/admin/edtrSlots/package.json b/domains/eventSmart/admin/edtrSlots/package.json
@@ -12,6 +12,7 @@
 	},
 	"scripts": {
 		"lint": "eslint ./src/**/*.{ts,tsx} --format=codeframe",
-		"update-deps": "npx ncu -p yarn -u"
+		"update-deps": "npx ncu -p yarn -u",
+		"lint-fix": "eslint ./src/**/*.{ts,tsx} --fix"
 	}
 }
diff --git a/domains/eventSmart/admin/upsellEditor/package.json b/domains/eventSmart/admin/upsellEditor/package.json
@@ -11,6 +11,7 @@
 	},
 	"scripts": {
 		"lint": "eslint ./src/**/*.{ts,tsx} --format=codeframe",
-		"update-deps": "npx ncu -p yarn -u"
+		"update-deps": "npx ncu -p yarn -u",
+		"lint-fix": "eslint ./src/**/*.{ts,tsx} --fix"
 	}
 }
diff --git a/domains/rem/package.json b/domains/rem/package.json
@@ -11,6 +11,7 @@
 	},
 	"scripts": {
 		"lint": "eslint ./src/**/*.{ts,tsx} --format=codeframe",
-		"update-deps": "npx ncu -u"
+		"update-deps": "npx ncu -u",
+		"lint-fix": "eslint ./src/**/*.{ts,tsx} --fix"
 	}
 }
diff --git a/domains/rem/src/services/apollo/mutations/recurrences/useRecurrenceMutator.ts b/domains/rem/src/services/apollo/mutations/recurrences/useRecurrenceMutator.ts
@@ -44,7 +44,7 @@ const useRecurrenceMutator = (id = ''): RM => {
 
 	const mutationHandler = useMutationHandler();
 
-	const getUpdateCallback = useUpdateCallback((TypeName.Recurrence as unknown) as EdtrTypeName);
+	const getUpdateCallback = useUpdateCallback(TypeName.Recurrence as unknown as EdtrTypeName);
 
 	const createEntity = useCallback<RM['createEntity']>(
 		(input) => {

diff --git a/domains/rem/src/ui/Tickets/index.tsx b/domains/rem/src/ui/Tickets/index.tsx
@@ -12,7 +12,7 @@ import { ContentRenderer } from './multiStep';
 
 const Tickets: React.FC = () => {
 	const { addTicket, tickets, deleteTicket } = useFormState();
-	const templates = (useTickets() as unknown) as RemTicket[];
+	const templates = useTickets() as unknown as RemTicket[];
 	const { utcToSiteTime } = useTimeZoneTime();
 	const getTicketPrices = useTicketPrices();
 	const prepTemplatePrices = usePrepTemplatePrices();

diff --git a/domains/rem/src/ui/generatedDates/GeneratedDates.tsx b/domains/rem/src/ui/generatedDates/GeneratedDates.tsx
@@ -21,11 +21,10 @@ import './bg-colors.scss';
 const GeneratedDates: React.FC = () => {
 	const dates = useGenerateDates(true);
 	const { pageNumber, perPage, setPerPage, setPageNumber } = usePagination();
-	const paginatedDates = useMemo(() => paginateEntities({ entities: dates, pageNumber, perPage }), [
-		dates,
-		pageNumber,
-		perPage,
-	]);
+	const paginatedDates = useMemo(
+		() => paginateEntities({ entities: dates, pageNumber, perPage }),
+		[dates, pageNumber, perPage]
+	);
 	const total = dates?.length;
 
 	return (

diff --git a/domains/wpUser/package.json b/domains/wpUser/package.json
@@ -11,6 +11,7 @@
 	},
 	"scripts": {
 		"lint": "eslint ./src/**/*.{ts,tsx} --format=codeframe",
-		"update-deps": "npx ncu -p yarn -u"
+		"update-deps": "npx ncu -p yarn -u",
+		"lint-fix": "eslint ./src/**/*.{ts,tsx} --fix"
 	}
 }