4565: Removed PropTypes. Fixed redux-toolkit cache invalidation

Author: tuj

CHANGELOG.md

@@ -10,6 +10,9 @@ All notable changes to this project will be documented in this file.
 * Cleaned up Github Actions workflows.
 * Updated PHP dependencies.
 * Added Playwright github action.
+* Removed propTypes in admin.
+* Upgraded redux-toolkit and how api slices are generated.
+* Fixed redux-toolkit cache handling.
 
 ### NB! Prior to 3.x the project was split into separate repositories
 

assets/admin/auth-handler.jsx

@@ -1,5 +1,4 @@
 import { React, useContext } from "react";
-import PropTypes from "prop-types";
 import Login from "./components/user/login";
 import UserContext from "./context/user-context";
 
@@ -20,8 +19,4 @@ function AuthHandler({ children }) {
   return children;
 }
 
-AuthHandler.propTypes = {
-  children: PropTypes.node.isRequired,
-};
-
 export default AuthHandler;

assets/admin/components/activation-code/activation-code-create.jsx

@@ -64,7 +64,7 @@ function ActivationCodeCreate() {
     };
 
     PostV2UserActivationCode({
-      userActivationCodeUserActivationCodeInput: JSON.stringify(saveData),
+      userActivationCodeUserActivationCodeInputJsonld: JSON.stringify(saveData),
     });
   };
 

assets/admin/components/activation-code/activation-code-form.jsx

@@ -2,7 +2,6 @@ import { React } from "react";
 import { useNavigate } from "react-router-dom";
 import { Button, Col, Row } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
-import PropTypes from "prop-types";
 import Form from "react-bootstrap/Form";
 import LoadingComponent from "../util/loading-component/loading-component";
 import ContentBody from "../util/content-body/content-body";
@@ -107,16 +106,4 @@ function ActivationCodeForm({
   );
 }
 
-ActivationCodeForm.propTypes = {
-  activationCode: PropTypes.shape({
-    displayName: PropTypes.string.isRequired,
-    role: PropTypes.string.isRequired,
-  }).isRequired,
-  handleInput: PropTypes.func.isRequired,
-  handleSubmit: PropTypes.func.isRequired,
-  headerText: PropTypes.string.isRequired,
-  isLoading: PropTypes.bool,
-  loadingMessage: PropTypes.string,
-};
-
 export default ActivationCodeForm;

assets/admin/components/feed-sources/feed-source-form.jsx

@@ -2,7 +2,6 @@ import { React } from "react";
 import { Alert, Button, Row, Col } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
-import PropTypes from "prop-types";
 import Form from "react-bootstrap/Form";
 import LoadingComponent from "../util/loading-component/loading-component";
 import FormInputArea from "../util/forms/form-input-area";
@@ -185,30 +184,4 @@ function FeedSourceForm({
   );
 }
 
-FeedSourceForm.propTypes = {
-  feedSource: PropTypes.shape({
-    title: PropTypes.string,
-    description: PropTypes.string,
-    feedType: PropTypes.string,
-    supportedFeedOutputType: PropTypes.string,
-  }),
-  handleInput: PropTypes.func.isRequired,
-  handleSubmit: PropTypes.func.isRequired,
-  handleSaveNoClose: PropTypes.func.isRequired,
-  handleSecretInput: PropTypes.func.isRequired,
-  onFeedTypeChange: PropTypes.func.isRequired,
-  headerText: PropTypes.string.isRequired,
-  isLoading: PropTypes.bool,
-  loadingMessage: PropTypes.string,
-  feedSourceTypeOptions: PropTypes.arrayOf(
-    PropTypes.shape({
-      value: PropTypes.string.isRequired,
-      title: PropTypes.string,
-      key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-      template: PropTypes.element,
-    })
-  ).isRequired,
-  mode: PropTypes.string,
-};
-
 export default FeedSourceForm;

assets/admin/components/feed-sources/feed-source-manager.jsx

@@ -1,6 +1,5 @@
 import { React, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-import PropTypes from "prop-types";
 import { useNavigate } from "react-router-dom";
 import FeedSourceForm from "./feed-source-form";
 import {
@@ -157,11 +156,11 @@ function FeedSourceManager({
 
     if (saveMethod === "POST") {
       postV2FeedSources({
-        feedSourceFeedSourceInput: JSON.stringify(formStateObject),
+        feedSourceFeedSourceInputJsonld: JSON.stringify(formStateObject),
       });
     } else if (saveMethod === "PUT") {
       PutV2FeedSourcesById({
-        feedSourceFeedSourceInput: JSON.stringify(formStateObject),
+        feedSourceFeedSourceInputJsonld: JSON.stringify(formStateObject),
         id,
       });
     }
@@ -236,27 +235,4 @@ function FeedSourceManager({
   );
 }
 
-FeedSourceManager.propTypes = {
-  initialState: PropTypes.shape({
-    title: PropTypes.string,
-    description: PropTypes.string,
-    feedType: PropTypes.string,
-    feedSourceType: PropTypes.string,
-    host: PropTypes.string,
-    token: PropTypes.string,
-    baseUrl: PropTypes.string,
-    clientId: PropTypes.string,
-    clientSecret: PropTypes.string,
-    feedSources: PropTypes.string,
-  }),
-  saveMethod: PropTypes.string.isRequired,
-  id: PropTypes.string,
-  isLoading: PropTypes.bool,
-  loadingError: PropTypes.shape({
-    data: PropTypes.shape({
-      status: PropTypes.number,
-    }),
-  }),
-};
-
 export default FeedSourceManager;

assets/admin/components/feed-sources/templates/calendar-api-feed-type.jsx

@@ -1,5 +1,4 @@
 import { React, useEffect, useState } from "react";
-import PropTypes from "prop-types";
 import { useTranslation } from "react-i18next";
 import { Alert } from "react-bootstrap";
 import MultiselectFromEndpoint from "../../slide/content/multiselect-from-endpoint";
@@ -43,12 +42,4 @@ const CalendarApiFeedType = ({
   );
 };
 
-CalendarApiFeedType.propTypes = {
-  handleInput: PropTypes.func,
-  formStateObject: PropTypes.shape({
-    locations: PropTypes.arrayOf(PropTypes.string),
-  }),
-  feedSourceId: PropTypes.string,
-};
-
 export default CalendarApiFeedType;

assets/admin/components/feed-sources/templates/colibo-feed-type.jsx

@@ -1,5 +1,4 @@
 import { React, useEffect, useState } from "react";
-import PropTypes from "prop-types";
 import { useTranslation } from "react-i18next";
 import { Alert } from "react-bootstrap";
 import MultiselectFromEndpoint from "../../slide/content/multiselect-from-endpoint";
@@ -86,16 +85,4 @@ const ColiboFeedType = ({
   );
 };
 
-ColiboFeedType.propTypes = {
-  handleInput: PropTypes.func,
-  formStateObject: PropTypes.shape({
-    api_base_uri: PropTypes.string,
-    client_id: PropTypes.string,
-    client_secret: PropTypes.string,
-    allowed_recipients: PropTypes.arrayOf(PropTypes.string),
-  }),
-  feedSourceId: PropTypes.string,
-  mode: PropTypes.string,
-};
-
 export default ColiboFeedType;

assets/admin/components/feed-sources/templates/event-database-feed-type.jsx

@@ -1,5 +1,4 @@
 import { React } from "react";
-import PropTypes from "prop-types";
 import { useTranslation } from "react-i18next";
 import FormInput from "../../util/forms/form-input";
 
@@ -24,12 +23,4 @@ const EventDatabaseApiTemplate = ({ handleInput, formStateObject, mode }) => {
   );
 };
 
-EventDatabaseApiTemplate.propTypes = {
-  handleInput: PropTypes.func,
-  formStateObject: PropTypes.shape({
-    host: PropTypes.string,
-  }),
-  mode: PropTypes.string,
-};
-
 export default EventDatabaseApiTemplate;

assets/admin/components/feed-sources/templates/event-database-v2-feed-type.jsx

@@ -1,5 +1,4 @@
 import { React } from "react";
-import PropTypes from "prop-types";
 import { useTranslation } from "react-i18next";
 import FormInput from "../../util/forms/form-input";
 
@@ -31,13 +30,4 @@ const EventDatabaseApiV2FeedType = ({ handleInput, formStateObject, mode }) => {
   );
 };
 
-EventDatabaseApiV2FeedType.propTypes = {
-  handleInput: PropTypes.func,
-  formStateObject: PropTypes.shape({
-    host: PropTypes.string.isRequired,
-    apikey: PropTypes.string,
-  }),
-  mode: PropTypes.string,
-};
-
 export default EventDatabaseApiV2FeedType;