@zengenti/contensis-react-base 3.2.3-beta.9 → 3.3.1-beta.0

package/README.md

@@ -6,6 +6,18 @@ Handles web app routing with Contensis Site View and component rendering based o
 
 ## Upgrade notes (older projects)
 
+### Styled Components 6 (v3.3+)
+
+Some projects may see console warnings in the web app like the example below after upgrading to v3.3+ which updates Styled Components from version 5 to 6
+
+```
+styled-components: it looks like an unknown prop "maxWidth" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)
+
+React does not recognize the `maxWidth` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `maxwidth` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
+```
+
+To fix these warnings we can opt-in to certain behaviours from Styled Components v5 by wrapping the top-level components in `App` in a `StyleSheetManager` component and handlers for suppressing the necessary warnings. [Further reading](https://styled-components.com/docs/faqs#shouldforwardprop-is-no-longer-provided-by-default)
+
 ### React 17 (v3.0+)
 
 This version introduces React v17. React is very sensitive to having multiple versions installed at the same time.
@@ -66,7 +78,7 @@ All TypeScript models are exported from here and should be imported in your app
 
 Default export `ClientApp` which is a class when instantiated with `new ClientApp` accepts two constructor arguments similar to `ZengentiAppServer.start()` except for use when loading the application via the client-side entrypoint
 
-### /forms
+### /forms (deprecated)
 
 For use when using the newer Content Types and Entries based forms module
 

package/models/app/pages/VersionInfo/components/VersionInfo.styled.d.ts

@@ -1 +1,2 @@
-export declare const VersionInfoStyledTable: any;
+/// <reference types="react" />
+export declare const VersionInfoStyledTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;

package/models/user/components.styled/Login.styled.d.ts

@@ -1,2 +1,2 @@
 export default LoginStyled;
-declare const LoginStyled: any;
+declare const LoginStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/models/user/components.styled/LoginForm.styled.d.ts

@@ -1,2 +1,2 @@
 export default LoginFormStyled;
-declare const LoginFormStyled: any;
+declare const LoginFormStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zengenti/contensis-react-base",
-  "version": "3.2.3-beta.9",
+  "version": "3.3.1-beta.0",
   "repository": "https://github.com/zengenti/contensis-react-base",
   "license": "None",
   "description": "Turbocharge your React web apps with Contensis. This package handles all dependencies for creating full featured web apps in React with Contensis and Site View. Routing is driven by Site View, Redux is used for global state management and server-side rendering (SSR) is handled for you. Also taking care of intricate hosting issues such as cache invalidation and supporting authenticated content where required.",
@@ -31,7 +31,7 @@
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.25.9",
     "@babel/preset-typescript": "^7.26.0",
-    "@eslint/js": "^9.13.0",
+    "@eslint/js": "^9.15.0",
     "@loadable/babel-plugin": "^5.16.1",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
@@ -45,7 +45,7 @@
     "@types/isomorphic-fetch": "^0.0.39",
     "@types/loadable__component": "^5.13.9",
     "@types/loadable__server": "^5.12.11",
-    "@types/node": "^16.18.116",
+    "@types/node": "^20.17.8",
     "@types/query-string": "^5.1.0",
     "@types/react": "^17.0.83",
     "@types/react-dom": "^17.0.25",
@@ -57,22 +57,22 @@
     "babel-plugin-styled-components": "^2.1.4",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
-    "eslint": "^9.13.0",
+    "eslint": "^9.15.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
     "fs-extra": "^11.2.0",
-    "globals": "^15.11.0",
-    "prettier": "^3.3.3",
+    "globals": "^15.12.0",
+    "prettier": "^3.4.1",
     "rimraf": "^6.0.1",
-    "rollup": "^4.24.3",
+    "rollup": "^4.27.4",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "ts-patch": "^3.2.1",
     "typescript": "5.4",
-    "typescript-eslint": "^8.12.2",
-    "typescript-transform-paths": "^3.5.1",
+    "typescript-eslint": "^8.16.0",
+    "typescript-transform-paths": "^3.5.2",
     "zengenti-forms-package": "git+https://gitlab+deploy-token-11:DRbTWzdaRzkjDWc_VixQ@gitlab.zengenti.com/zengenti-packages/forms.git#next",
     "zengenti-search-package": "git+https://gitlab+deploy-token-5:XKRGRE1p2PrFAxnWwLNz@gitlab.zengenti.com/zengenti-packages/search.git#immer"
   },
@@ -93,7 +93,7 @@
     "immer": "^9.0.21",
     "immutable": "4.0.0-rc.12",
     "isomorphic-fetch": "^3.0.0",
-    "jsonpath-mapper": "^2.0.2",
+    "jsonpath-mapper": "^2.0.3",
     "lodash": "^4.17.21",
     "lodash-clean": "^2.2.3",
     "loglevel": "^1.9.2",
@@ -113,12 +113,12 @@
     "react-router-hash-link": "^2.4.3",
     "redux": "^4.2.1",
     "redux-immutable": "^4.0.0",
-    "redux-injectors": "^2.0.0-rc",
+    "redux-injectors": "^2.1.0",
     "redux-saga": "^1.3.0",
     "redux-thunk": "^2.4.2",
     "reselect": "^4.1.8",
     "serialize-javascript": "^6.0.2",
-    "styled-components": "^5.3.11",
+    "styled-components": "^6.1.13",
     "universal-cookie-express": "^7.2.2",
     "xxhashjs": "^0.2.2"
   }