@squiz/formatted-text-editor 2.6.2 → 2.6.4

package/.depcheckrc.yaml

@@ -0,0 +1,2 @@
+ignores: ['@remirror/*', 'prosemirror-*']
+ignorePatterns: ['*.scss']

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change Log
 
+## 2.6.4
+
+### Patch Changes
+
+- a63dfe8: Revise dependencies
+- Updated dependencies [a63dfe8]
+  - @squiz/dx-json-schema-lib@1.80.1
+
+## 2.6.3
+
+### Patch Changes
+
+- 89270a9: Updated Viper/AI Squiz dependencies.
+
 ## 2.6.2
 
 ### Patch Changes

package/lib/index.css

@@ -3076,6 +3076,12 @@
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
   padding: 1rem;
 }
+.squiz-fte-scope .sds-row.no-border {
+  box-shadow: none;
+}
+.squiz-fte-scope .sds-row.no-children .sds-row__header-text {
+  margin-bottom: 0;
+}
 .squiz-fte-scope .sds-row__title {
   font-size: 1.25rem;
   font-weight: 600;
@@ -3083,14 +3089,43 @@
   line-height: 1.5rem;
   color: #3d3d3d;
   display: block;
-  margin-bottom: 0.75rem;
 }
 .squiz-fte-scope .sds-row__title .svg-wrapper svg {
   fill: #3d3d3d;
 }
-.squiz-fte-scope .sds-row__title:only-child,
-.squiz-fte-scope .sds-row__title:last-child {
-  margin-bottom: 0;
+.squiz-fte-scope .sds-row__subtitle {
+  color: #4f4f4f;
+}
+.squiz-fte-scope .sds-row__header-text {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+@media screen and (max-width: 768px) {
+  .squiz-fte-scope .sds-row__header-text {
+    width: 100%;
+  }
+  .squiz-fte-scope .sds-row__header-actions {
+    margin-top: 0.5rem;
+    width: 100%;
+  }
+  .squiz-fte-scope .sds-row__header-actions .sds-button {
+    display: grid;
+    place-items: center;
+    width: 100%;
+  }
+}
+.squiz-fte-scope .sds-row__header {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+@media screen and (min-width: 768px) {
+  .squiz-fte-scope .sds-row__header {
+    flex-direction: row;
+  }
 }
 .squiz-fte-scope .sds-heading--level-1 {
   font-size: 1.625rem;
@@ -4452,9 +4487,6 @@
 }
 
 /* ../../node_modules/@squiz/dxp-content-tools-modal/lib/package.css */
-.dxp-ctm-section .squiz-fte-scope.squiz-fte-scope__editor.squiz-fte-scope__editor--is-disabled.squiz-fte-scope__editor--bordered {
-  overflow-y: scroll;
-}
 @keyframes skeleton-pulse {
   0% {
     opacity: 1;
@@ -4495,6 +4527,7 @@
   display: flex;
   flex: 1;
   flex-direction: column;
+  max-width: calc(50% - 1rem * 2);
   padding: 1rem;
 }
 .squiz-fte-scope .dxp-ctm-content > .dxp-ctm-section > .squiz-fte-scope {
@@ -4503,6 +4536,14 @@
 .squiz-fte-scope .dxp-ctm-content > .dxp-ctm-section > .squiz-fte-scope:not(.dxp-ctm-section__spinner) {
   background-color: #fff;
 }
+.dxp-ctm-section .squiz-fte-scope.squiz-fte-scope__editor.squiz-fte-scope__editor--is-disabled.squiz-fte-scope__editor--bordered {
+  overflow-y: scroll;
+}
+.squiz-fte-scope .dxp-ctm-section__viperTextInput {
+  background-color: #fff !important;
+  flex-grow: 1;
+  overflow-y: auto;
+}
 .squiz-fte-scope .dxp-ctm-dialog .sds-dialog__content {
   max-height: 100%;
 }
@@ -5613,7 +5654,7 @@
   top: -12px;
   width: 0;
 }
-.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n + 2) {
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n+2) {
   cursor: pointer;
   height: 12px;
   overflow: visible;
@@ -5621,7 +5662,7 @@
   position: relative;
   z-index: 15;
 }
-.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n + 2) div.remirror-table-controller-wrapper {
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n+2) div.remirror-table-controller-wrapper {
   align-items: flex-end;
   display: flex;
   flex-direction: row;
@@ -5630,16 +5671,16 @@
   overflow: visible;
   width: 100%;
 }
-.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n + 2) div.remirror-table-controller-trigger-area {
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n+2) div.remirror-table-controller-trigger-area {
   flex: 1;
   height: 36px;
   position: relative;
   z-index: 10;
 }
-.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n + 2) div.remirror-table-controller-mark-row-corner {
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n+2) div.remirror-table-controller-mark-row-corner {
   display: none;
 }
-.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n + 2) div.remirror-table-controller-mark-column-corner {
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n+2) div.remirror-table-controller-mark-column-corner {
   border-color: var(--rmr-color-table-mark);
   border-radius: 50%;
   border-style: solid;
@@ -5650,7 +5691,7 @@
   top: -12px;
   width: 0;
 }
-.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th {
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n+2) th {
   cursor: pointer;
   overflow: visible;
   padding: 0;
@@ -5658,7 +5699,7 @@
   width: 12px;
   z-index: 15;
 }
-.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-wrapper {
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n+2) th div.remirror-table-controller-wrapper {
   align-items: flex-end;
   display: flex;
   flex-direction: column;
@@ -5667,13 +5708,13 @@
   overflow: visible;
   width: 12px;
 }
-.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-trigger-area {
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n+2) th div.remirror-table-controller-trigger-area {
   flex: 1;
   position: relative;
   width: 36px;
   z-index: 10;
 }
-.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-mark-row-corner {
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n+2) th div.remirror-table-controller-mark-row-corner {
   border-color: var(--rmr-color-table-mark);
   border-radius: 50%;
   border-style: solid;
@@ -5684,7 +5725,7 @@
   position: absolute;
   width: 0;
 }
-.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-mark-column-corner {
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n+2) th div.remirror-table-controller-mark-column-corner {
   display: none;
 }
 .squiz-fte-scope .remirror-table-tbody-with-controllers th.remirror-table-controller {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squiz/formatted-text-editor",
-  "version": "2.6.2",
+  "version": "2.6.4",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "private": false,
@@ -25,8 +25,8 @@
     "@mui/icons-material": "5.15.18",
     "@remirror/extension-react-tables": "^2.2.21",
     "@remirror/react": "2.0.35",
-    "@squiz/dx-json-schema-lib": "^1.74.1",
-    "@squiz/dxp-content-tools-modal": "^0.3.2",
+    "@squiz/dx-json-schema-lib": "^1.80.1",
+    "@squiz/dxp-content-tools-modal": "^0.4.0",
     "clsx": "2.1.1",
     "react-hook-form": "7.51.4",
     "react-image-size": "2.0.0",
@@ -34,11 +34,11 @@
   },
   "devDependencies": {
     "@squiz/dam-resource-browser-plugin": "^3.1.0-rc.1",
-    "@squiz/dxp-ai-client-react": "^0.2.0",
+    "@squiz/dxp-ai-client-react": "^1.0.0",
     "@squiz/matrix-resource-browser-plugin": "^3.1.0-rc.5",
     "@squiz/resource-browser": "^3.1.0-rc.0",
-    "@squiz/sds": "^1.4.0",
-    "@testing-library/cypress": "9.0.0",
+    "@squiz/sds": "^1.5.0",
+    "@testing-library/cypress": "^10.0.2",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
@@ -47,14 +47,15 @@
     "@types/react-dom": "^18.2.18",
     "@vitejs/plugin-react": "3.0.0",
     "autoprefixer": "10.4.13",
-    "cypress": "12.5.1",
+    "cypress": "^13.17.0",
     "deepmerge": "4.3.0",
+    "esbuild": "^0.24.2",
     "esbuild-sass-plugin": "^2.8.0",
     "eslint-plugin-cypress": "2.12.1",
+    "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-jsx-a11y": "6.7.1",
     "eslint-plugin-react": "7.32.2",
     "jest": "29.4.1",
-    "jest-environment-jsdom": "29.4.1",
     "jest-remirror": "2.1.5",
     "postcss": "8.4.31",
     "postcss-nested": "6.0.0",
@@ -63,7 +64,6 @@
     "react-diff-viewer-continued": "3.2.6",
     "react-dom": "18.2.0",
     "react-query": "^3.19.6",
-    "rimraf": "5.0.7",
     "tailwindcss": "3.2.6",
     "ts-jest": "29.0.5",
     "typescript": "4.9.3",
@@ -71,10 +71,10 @@
   },
   "peerDependencies": {
     "@squiz/dam-resource-browser-plugin": "^3.1.0-rc.1",
-    "@squiz/dxp-ai-client-react": "^0.2.0",
+    "@squiz/dxp-ai-client-react": "^1.0.0",
     "@squiz/matrix-resource-browser-plugin": "^3.1.0-rc.5",
     "@squiz/resource-browser": "^3.1.0-rc.0",
-    "@squiz/sds": "^1.4.0",
+    "@squiz/sds": "^1.5.0",
     "@types/react": "^16.14.0 || ^17 || ^18",
     "@types/react-dom": "^16.9.0 || ^17 || ^18",
     "lib0": "0.2.69",
@@ -90,6 +90,6 @@
     }
   },
   "volta": {
-    "node": "18.15.0"
+    "extends": "../../package.json"
   }
 }