chore: update dependencies (#1041)

.gitignore

@@ -6,3 +6,4 @@ cypress/screenshots
 cypress/downloads
 .env
 .temp
+.nx

cypress/e2e/editorial_workflow_test_backend.spec.ts

@@ -1,31 +1,32 @@
 import format from 'date-fns/format';
 
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import { editorStatus, notifications, publishTypes } from '../utils/constants';
 import {
-  login,
+  assertEntryDeleted,
+  assertFieldValidationError,
+  assertNotification,
+  assertOnCollectionsPage,
+  assertPublishedEntry,
+  assertWorkflowStatus,
+  assertWorkflowStatusInEditor,
   createPost,
   createPostAndExit,
-  exitEditor,
-  goToWorkflow,
-  updateWorkflowStatus,
-  publishWorkflowEntry,
-  assertWorkflowStatusInEditor,
-  assertPublishedEntry,
   deleteEntryInEditor,
-  assertOnCollectionsPage,
-  assertEntryDeleted,
-  assertWorkflowStatus,
-  updateWorkflowStatusInEditor,
-  unpublishEntry,
-  publishEntryInEditor,
   duplicateEntry,
+  exitEditor,
   goToEntry,
+  goToWorkflow,
+  login,
   populateEntry,
   publishAndCreateNewEntryInEditor,
   publishAndDuplicateEntryInEditor,
-  assertNotification,
+  publishEntryInEditor,
-  assertFieldValidationError,
+  publishWorkflowEntry,
+  unpublishEntry,
+  updateWorkflowStatus,
+  updateWorkflowStatusInEditor,
 } from '../utils/steps';
-import { editorStatus, publishTypes, notifications } from '../utils/constants';
 import {
   entry1,
   entry10,
@@ -43,7 +44,6 @@ import {
   entry8,
   entry9,
 } from './common/entries';
-import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 
 describe('Test Backend Editorial Workflow', () => {
   after(() => {

cypress/run.mjs

@@ -1,4 +1,4 @@
-import execa from 'execa';
+import { execa } from 'execa';
 import { globby } from 'globby';
 
 async function runCypress() {

cypress/utils/steps.ts

@@ -1,5 +1,5 @@
-import format from 'date-fns/format';
 import 'cypress-real-events';
+import format from 'date-fns/format';
 
 import { editorStatus, notifications, publishTypes, workflowStatus } from './constants';
 

package.json

@@ -33,15 +33,15 @@
     "all-contributors-cli": "6.26.1",
     "cypress-plugin-tab": "1.0.5",
     "cypress-real-events": "1.11.0",
-    "cypress": "13.4.0",
+    "cypress": "13.6.2",
-    "execa": "5.1.1",
+    "execa": "8.0.1",
     "husky": "8.0.3",
-    "lerna": "7.4.2",
+    "lerna": "8.0.1",
-    "lint-staged": "14.0.1",
+    "lint-staged": "15.2.0",
     "react-dom": "18.2.0",
     "react": "18.2.0",
     "rehype": "13.0.1",
-    "unist-util-visit": "4.1.2"
+    "unist-util-visit": "5.0.0"
   },
   "workspaces": [
     "packages/*"

packages/app/package.json

@@ -44,7 +44,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "stream-browserify": "3.0.0",
-    "ts-loader": "9.4.2"
+    "ts-loader": "9.5.1"
   },
   "devDependencies": {
     "@babel/cli": "7.23.4",
@@ -59,11 +59,11 @@
     "@babel/preset-env": "7.23.7",
     "@babel/preset-react": "7.23.3",
     "@babel/preset-typescript": "7.23.3",
-    "@types/node": "18.17.19",
+    "@types/node": "18.19.4",
-    "@types/react": "18.2.25",
+    "@types/react": "18.2.46",
-    "@types/react-dom": "18.2.10",
+    "@types/react-dom": "18.2.18",
-    "@typescript-eslint/eslint-plugin": "6.7.4",
+    "@typescript-eslint/eslint-plugin": "6.17.0",
-    "@typescript-eslint/parser": "6.7.4",
+    "@typescript-eslint/parser": "6.17.0",
     "autoprefixer": "10.4.16",
     "babel-core": "7.0.0-bridge.0",
     "babel-loader": "9.1.3",
@@ -77,26 +77,26 @@
     "cross-env": "7.0.3",
     "css-loader": "6.8.1",
     "dotenv": "16.3.1",
-    "eslint": "8.50.0",
+    "eslint": "8.56.0",
     "eslint-import-resolver-typescript": "3.6.1",
     "eslint-plugin-cypress": "2.15.1",
-    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-prettier": "5.1.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-unicorn": "48.0.1",
+    "eslint-plugin-unicorn": "50.0.1",
     "mini-css-extract-plugin": "2.7.6",
     "npm-run-all": "4.1.5",
     "postcss": "8.4.32",
-    "postcss-loader": "7.3.3",
+    "postcss-loader": "7.3.4",
     "postcss-scss": "4.0.9",
-    "prettier": "3.0.3",
+    "prettier": "3.1.1",
-    "source-map-loader": "4.0.1",
+    "source-map-loader": "4.0.2",
     "style-loader": "3.3.3",
-    "tailwindcss": "3.3.3",
+    "tailwindcss": "3.4.0",
     "to-string-loader": "1.2.0",
     "tsconfig-paths-webpack-plugin": "4.0.1",
-    "typescript": "5.2.2",
+    "typescript": "5.3.3",
-    "webpack": "5.88.2",
+    "webpack": "5.89.0",
     "webpack-cli": "5.1.4"
   },
   "publishConfig": {

packages/core/package.json

@@ -60,10 +60,10 @@
     "@codemirror/state": "6.2.1",
     "@codemirror/theme-one-dark": "6.1.2",
     "@codemirror/view": "6.21.2",
-    "@dnd-kit/core": "6.0.8",
+    "@dnd-kit/core": "6.1.0",
-    "@dnd-kit/sortable": "7.0.2",
+    "@dnd-kit/sortable": "8.0.0",
-    "@dnd-kit/utilities": "3.2.1",
+    "@dnd-kit/utilities": "3.2.2",
-    "@emotion/react": "11.11.1",
+    "@emotion/react": "11.11.3",
     "@emotion/styled": "11.11.0",
     "@lezer/common": "1.1.0",
     "@mdx-js/mdx": "3.0.0",
@@ -81,7 +81,7 @@
     "@styled-icons/material-outlined": "10.47.0",
     "@styled-icons/material-rounded": "10.47.0",
     "@styled-icons/simple-icons": "10.46.0",
-    "@tanstack/react-virtual": "3.0.0-beta.61",
+    "@tanstack/react-virtual": "3.0.1",
     "@udecode/plate": "23.7.4",
     "@udecode/plate-cursor": "23.7.4",
     "@udecode/plate-juice": "23.7.4",
@@ -95,28 +95,28 @@
     "clean-stack": "5.2.0",
     "codemirror": "6.0.1",
     "common-tags": "1.8.2",
-    "copy-text-to-clipboard": "3.1.0",
+    "copy-text-to-clipboard": "3.2.0",
     "create-react-class": "15.7.0",
     "date-fns": "2.30.0",
     "deepmerge": "4.3.1",
     "diacritics": "1.3.0",
     "escape-html": "1.0.3",
-    "eslint-config-prettier": "9.0.0",
+    "eslint-config-prettier": "9.1.0",
     "eslint-plugin-babel": "5.3.1",
     "fuzzy": "0.1.3",
-    "globby": "13.1.4",
+    "globby": "14.0.0",
     "gotrue-js": "0.9.29",
     "graphql": "16.8.1",
     "graphql-tag": "2.12.6",
     "gray-matter": "4.0.3",
     "history": "5.3.0",
-    "immer": "10.0.1",
+    "immer": "10.0.3",
-    "immutable": "4.3.4",
+    "immutable": "5.0.0-beta.4",
-    "ini": "4.1.0",
+    "ini": "4.1.1",
     "is-hotkey": "0.2.0",
     "js-base64": "3.7.5",
-    "js-sha256": "0.9.0",
+    "js-sha256": "0.10.1",
-    "jwt-decode": "3.1.2",
+    "jwt-decode": "4.0.0",
     "localforage": "1.10.0",
     "lodash": "4.17.21",
     "mdast-util-gfm-footnote": "2.0.0",
@@ -128,7 +128,7 @@
     "micromark-extension-gfm-table": "2.0.0",
     "micromark-extension-gfm-task-list-item": "2.0.1",
     "micromark-util-combine-extensions": "2.0.0",
-    "minimatch": "9.0.0",
+    "minimatch": "9.0.3",
     "node-polyglot": "2.5.0",
     "ol": "7.3.0",
     "path-browserify": "1.0.1",
@@ -144,12 +144,12 @@
     "react-polyglot": "0.7.2",
     "react-redux": "8.1.3",
     "react-resizable-panels": "0.0.55",
-    "react-router-dom": "6.16.0",
+    "react-router-dom": "6.21.1",
-    "react-scroll-sync": "0.11.0",
+    "react-scroll-sync": "0.11.2",
     "react-topbar-progress-indicator": "4.1.1",
     "react-virtualized-auto-sizer": "1.0.20",
     "react-waypoint": "10.3.0",
-    "react-window": "1.8.9",
+    "react-window": "1.8.10",
     "remark-gfm": "4.0.0",
     "remark-html": "16.0.1",
     "remark-mdx": "3.0.0",
@@ -166,7 +166,7 @@
     "symbol-observable": "4.0.0",
     "unified": "11.0.4",
     "unist-util-visit": "5.0.0",
-    "url": "0.11.0",
+    "url": "0.11.3",
     "url-join": "5.0.0",
     "uuid": "9.0.1",
     "validate-color": "2.2.4",
@@ -174,7 +174,7 @@
     "vfile-message": "4.0.2",
     "vfile-statistics": "3.0.0",
     "what-the-diff": "0.6.0",
-    "yaml": "2.3.2"
+    "yaml": "2.3.4"
   },
   "devDependencies": {
     "@babel/cli": "7.23.4",
@@ -193,29 +193,28 @@
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
     "@simbathesailor/use-what-changed": "2.0.0",
     "@testing-library/dom": "9.3.3",
-    "@testing-library/jest-dom": "6.1.3",
+    "@testing-library/jest-dom": "6.2.0",
-    "@testing-library/react": "14.0.0",
+    "@testing-library/react": "14.1.2",
     "@testing-library/user-event": "14.5.2",
     "@types/common-tags": "1.8.4",
     "@types/create-react-class": "15.6.6",
-    "@types/fs-extra": "11.0.1",
+    "@types/fs-extra": "11.0.4",
     "@types/is-hotkey": "0.1.10",
-    "@types/jest": "29.5.5",
+    "@types/jest": "29.5.11",
     "@types/js-yaml": "4.0.9",
-    "@types/jwt-decode": "2.2.1",
     "@types/lodash": "4.14.202",
     "@types/minimatch": "5.1.2",
-    "@types/node": "18.17.19",
+    "@types/node": "18.19.4",
-    "@types/react": "18.2.25",
+    "@types/react": "18.2.46",
     "@types/react-color": "3.0.11",
-    "@types/react-dom": "18.2.10",
+    "@types/react-dom": "18.2.18",
     "@types/react-virtualized-auto-sizer": "1.0.4",
-    "@types/react-window": "1.8.6",
+    "@types/react-window": "1.8.8",
     "@types/unist": "3.0.2",
     "@types/url-join": "4.0.3",
-    "@types/uuid": "9.0.4",
+    "@types/uuid": "9.0.7",
-    "@typescript-eslint/eslint-plugin": "6.7.4",
+    "@typescript-eslint/eslint-plugin": "6.17.0",
-    "@typescript-eslint/parser": "6.7.4",
+    "@typescript-eslint/parser": "6.17.0",
     "autoprefixer": "10.4.16",
     "babel-core": "7.0.0-bridge.0",
     "babel-loader": "9.1.3",
@@ -231,16 +230,16 @@
     "cross-env": "7.0.3",
     "css-loader": "6.8.1",
     "dotenv": "16.3.1",
-    "eslint": "8.50.0",
+    "eslint": "8.56.0",
     "eslint-import-resolver-typescript": "3.6.1",
     "eslint-plugin-cypress": "2.15.1",
-    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-prettier": "5.1.2",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-unicorn": "48.0.1",
+    "eslint-plugin-unicorn": "50.0.1",
-    "execa": "7.1.1",
+    "execa": "8.0.1",
-    "fs-extra": "11.1.1",
+    "fs-extra": "11.2.0",
     "gitlab": "14.2.2",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
@@ -249,22 +248,22 @@
     "ncp": "2.0.0",
     "npm-run-all": "4.1.5",
     "postcss": "8.4.32",
-    "postcss-loader": "7.3.3",
+    "postcss-loader": "7.3.4",
-    "prettier": "3.0.3",
+    "prettier": "3.1.1",
     "process": "0.11.10",
     "react-refresh": "0.14.0",
     "react-svg-loader": "3.0.3",
     "rimraf": "5.0.5",
     "simple-git": "3.22.0",
-    "source-map-loader": "4.0.1",
+    "source-map-loader": "4.0.2",
     "style-loader": "3.3.3",
-    "tailwindcss": "3.3.3",
+    "tailwindcss": "3.4.0",
     "to-string-loader": "1.2.0",
     "ts-jest": "29.1.1",
-    "ts-node": "10.9.1",
+    "ts-node": "10.9.2",
     "tsconfig-paths-webpack-plugin": "4.1.0",
-    "typescript": "5.2.2",
+    "typescript": "5.3.3",
-    "webpack": "5.88.2",
+    "webpack": "5.89.0",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "4.15.1"
   },

packages/core/src/backends/git-gateway/implementation.tsx

@@ -1,5 +1,5 @@
 import ini from 'ini';
-import jwtDecode from 'jwt-decode';
+import { jwtDecode } from 'jwt-decode';
 import get from 'lodash/get';
 import intersection from 'lodash/intersection';
 import pick from 'lodash/pick';

packages/core/src/components/collections/entries/EntryCard.tsx

@@ -8,8 +8,8 @@ import { getPreviewCard } from '@staticcms/core/lib/registry';
 import { getEntryBackupKey } from '@staticcms/core/lib/util/backup.util';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import {
-  selectEntryCollectionTitle,
   getFields,
+  selectEntryCollectionTitle,
   selectTemplateName,
 } from '@staticcms/core/lib/util/collection.util';
 import localForage from '@staticcms/core/lib/util/localForage';

packages/core/src/components/entry-editor/EditorWorkflowToolbarButtons.tsx

@@ -94,8 +94,8 @@ const EditorWorkflowToolbarButtons: FC<EditorWorkflowToolbarButtonsProps> = ({
               isUpdatingStatus
                 ? t('editor.editorToolbar.updating')
                 : isLoading
-                ? t('app.app.loading')
+                  ? t('app.app.loading')
-                : t('editor.editorToolbar.status', { status: statusToTranslation[currentStatus] })
+                  : t('editor.editorToolbar.status', { status: statusToTranslation[currentStatus] })
             }
             color="secondary"
             disabled={disabled}

packages/core/src/components/media-library/common/MediaLibrary.tsx

@@ -208,8 +208,8 @@ const MediaLibrary: FC<MediaLibraryProps> = ({ canInsert = false, isDialog = fal
         const newValue = Array.isArray(selectedFile)
           ? selectedFile
           : selectedFile
-          ? [selectedFile]
+            ? [selectedFile]
-          : [];
+            : [];
         if (newValue.includes(asset.path)) {
           return;
         }
@@ -226,8 +226,8 @@ const MediaLibrary: FC<MediaLibraryProps> = ({ canInsert = false, isDialog = fal
         const newValue = Array.isArray(selectedFile)
           ? [...selectedFile]
           : selectedFile
-          ? [selectedFile]
+            ? [selectedFile]
-          : [];
+            : [];
 
         const index = newValue.indexOf(asset.path);
         if (index < 0) {

packages/core/src/widgets/datetime/getDefaultValue.ts

@@ -1,4 +1,4 @@
-import formatDate from 'date-fns/format';
+import format from 'date-fns/format';
 
 import { isNotNullish } from '@staticcms/core/lib/util/null.util';
 import { DEFAULT_DATETIME_FORMAT, DEFAULT_DATE_FORMAT, DEFAULT_TIME_FORMAT } from './constants';
@@ -29,7 +29,7 @@ const getDefaultValue: FieldGetDefaultMethod<string | Date, DateTimeField> = (
   }
 
   const today = field.picker_utc ? localToUTC(new Date()) : new Date();
-  return formatDate(today, finalFormat);
+  return format(today, finalFormat);
 };
 
 export default getDefaultValue;

packages/core/src/widgets/list/components/ListItem.tsx

@@ -176,8 +176,8 @@ const ListItem: FC<ListItemProps> = ({
         const labelReturn = summary
           ? handleSummary(summary, entry, String(labelFieldValue), objectValue, multiFields, t)
           : labelFieldValue
-          ? String(labelFieldValue)
+            ? String(labelFieldValue)
-          : undefined;
+            : undefined;
 
         return [labelReturn ?? t('editor.editorWidgets.list.noValue'), childObjectField];
       }

packages/core/src/widgets/relation/RelationSummary.tsx

@@ -84,8 +84,8 @@ const RelationSummary: FC<RelationSummaryProps> = ({ value, field, locale, entry
       const newFilteredValue = Array.isArray(value)
         ? value.filter(v => v && String(v) in byValue)
         : String(value) in byValue
-        ? [value]
+          ? [value]
-        : [];
+          : [];
 
       const newInitialOptions = newFilteredValue.map(v => byValue[String(v)]);
 

packages/demo/package.json

@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@babel/eslint-parser": "7.23.3",
-    "@staticcms/core": "^4.0.0-beta.0",
+    "@staticcms/core": "^4.0.0",
     "babel-loader": "9.1.3",
     "react": "18.2.0",
     "react-dom": "18.2.0"
@@ -19,22 +19,22 @@
     "@babel/core": "7.23.7",
     "@babel/plugin-syntax-flow": "7.23.3",
     "@babel/plugin-transform-react-jsx": "7.23.4",
-    "@vitejs/plugin-react": "^4.0.0",
+    "@vitejs/plugin-react": "4.2.1",
     "autoprefixer": "10.4.16",
-    "eslint": "8.50.0",
+    "eslint": "8.56.0",
     "eslint-import-resolver-typescript": "3.6.1",
     "eslint-plugin-cypress": "2.15.1",
-    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-prettier": "5.1.2",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-unicorn": "48.0.1",
+    "eslint-plugin-unicorn": "50.0.1",
     "postcss": "8.4.32",
     "postcss-scss": "4.0.9",
-    "prettier": "3.0.3",
+    "prettier": "3.1.1",
-    "vite": "4.5.1",
+    "vite": "5.0.10",
-    "vite-plugin-svgr": "4.1.0",
+    "vite-plugin-svgr": "4.2.0",
-    "webpack": "5.88.2"
+    "webpack": "5.89.0"
   },
   "browserslist": {
     "production": [

packages/docs/package.json

@@ -14,7 +14,7 @@
     "lint": "run-p -c --aggregate-output \"lint:*\""
   },
   "dependencies": {
-    "@emotion/react": "11.11.1",
+    "@emotion/react": "11.11.3",
     "@emotion/styled": "11.11.0",
     "@mui/icons-material": "5.15.3",
     "@mui/material": "5.15.3",
@@ -30,30 +30,30 @@
     "react-schemaorg": "2.0.0",
     "remark-gfm": "3.0.1",
     "schema-dts": "1.1.2",
-    "yaml": "2.3.2"
+    "yaml": "2.3.4"
   },
   "devDependencies": {
     "@babel/core": "7.23.7",
     "@babel/eslint-parser": "7.23.3",
     "@emotion/eslint-plugin": "11.11.0",
-    "@next/bundle-analyzer": "13.5.6",
+    "@next/bundle-analyzer": "14.0.4",
-    "@next/eslint-plugin-next": "13.5.6",
+    "@next/eslint-plugin-next": "14.0.4",
     "@types/js-yaml": "4.0.9",
-    "@types/node": "18.17.19",
+    "@types/node": "18.19.4",
     "@types/prismjs": "1.26.3",
-    "@types/react": "18.2.25",
+    "@types/react": "18.2.46",
-    "@types/react-dom": "18.2.10",
+    "@types/react-dom": "18.2.18",
-    "@typescript-eslint/eslint-plugin": "6.7.4",
+    "@typescript-eslint/eslint-plugin": "6.17.0",
-    "@typescript-eslint/parser": "6.7.4",
+    "@typescript-eslint/parser": "6.17.0",
-    "eslint": "8.50.0",
+    "eslint": "8.56.0",
     "eslint-config-next": "14.0.4",
-    "eslint-config-prettier": "9.0.0",
+    "eslint-config-prettier": "9.1.0",
     "eslint-plugin-babel": "5.3.1",
-    "eslint-plugin-unicorn": "48.0.1",
+    "eslint-plugin-unicorn": "50.0.1",
     "npm-run-all": "4.1.5",
-    "prettier": "3.0.3",
+    "prettier": "3.1.1",
-    "typescript": "5.2.2",
+    "typescript": "5.3.3",
-    "webpack": "5.88.2"
+    "webpack": "5.89.0"
   },
   "lint-staged": {
     "*.ts": "prettier --write",

packages/docs/src/pages/releases.tsx

@@ -184,8 +184,8 @@ const Releases = ({ docsGroups, searchablePages }: DocsMenuProps) => {
                             isNext
                               ? 'next'
                               : majorVersion !== latestMajorVersion
-                              ? majorVersion
+                                ? majorVersion
-                              : 'www'
+                                : 'www'
                           }.staticcms.org/docs`}
                           target={majorVersion !== latestMajorVersion ? '_blank' : undefined}
                         >

packages/tools/package.json

@@ -10,11 +10,11 @@
     "type-check": "tsc --watch"
   },
   "dependencies": {
-    "@staticcms/core": "^4.0.0-beta.0",
+    "@staticcms/core": "^4.0.0",
     "lodash": "4.17.21",
-    "prettier": "3.0.3",
+    "prettier": "3.1.1",
-    "ts-node": "10.9.1",
+    "ts-node": "10.9.2",
-    "typescript": "5.2.2"
+    "typescript": "5.3.3"
   },
   "devDependencies": {
     "@types/common-tags": "1.8.4",
@@ -23,16 +23,15 @@
     "@types/is-hotkey": "0.1.10",
     "@types/jest": "29.5.5",
     "@types/js-yaml": "4.0.9",
-    "@types/jwt-decode": "2.2.1",
     "@types/lodash": "4.14.202",
     "@types/minimatch": "5.1.2",
-    "@types/node": "18.17.19",
+    "@types/node": "18.19.4",
-    "@types/react": "18.2.25",
+    "@types/react": "18.2.46",
     "@types/react-color": "3.0.11",
-    "@types/react-dom": "18.2.10",
+    "@types/react-dom": "18.2.18",
     "@types/react-virtualized-auto-sizer": "1.0.4",
-    "@types/react-window": "1.8.6",
+    "@types/react-window": "1.8.8",
     "@types/url-join": "4.0.3",
-    "@types/uuid": "9.0.4"
+    "@types/uuid": "9.0.7"
   }
 }