@squiz/formatted-text-editor 2.6.1 → 2.6.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 2.6.3
+
+### Patch Changes
+
+- 89270a9: Updated Viper/AI Squiz dependencies.
+
+## 2.6.2
+
+### Patch Changes
+
+- 6ee7c0c: Updated various Squiz dependencies.
+
 ## 2.6.1
 
 ### Patch Changes

package/lib/index.css

@@ -2301,6 +2301,18 @@
   margin: 0;
   padding: 0;
 }
+.squiz-fte-scope .sds-dropdown-section__heading {
+  background: #f5f5f5;
+  border-radius: 0.25rem;
+  color: #707070;
+  font-weight: 600;
+  margin: 0.25rem 0;
+  padding: 0.25rem 0.5rem;
+  text-align: center;
+}
+.squiz-fte-scope .sds-dropdown-heading + div > .sds-dropdown-section:nth-child(1) .sds-dropdown-section__heading {
+  margin-top: 0;
+}
 .squiz-fte-scope .sds-dropdown-list {
   list-style-type: none;
   margin: 0;
@@ -3064,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;
@@ -3071,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;
@@ -3471,6 +3518,67 @@
 .squiz-fte-scope .sds-skip-links__button:active {
   background: #ededed;
 }
+.squiz-fte-scope .sds-sortable-list.presentation-only .sds-sortable-list__item-content {
+  margin-right: unset;
+}
+.squiz-fte-scope .sds-sortable-list__item {
+  align-items: center;
+  display: flex;
+  gap: 0.5rem;
+  position: relative;
+}
+.squiz-fte-scope .sds-sortable-list__item:last-of-type::before {
+  content: none;
+}
+.squiz-fte-scope .sds-sortable-list__list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  list-style-type: none;
+  padding: 0;
+}
+.squiz-fte-scope .sds-sortable-list__list--dragging .sds-sortable-list__item-dots {
+  display: none;
+}
+.squiz-fte-scope .sds-sortable-list__list--dragging .sds-tooltip {
+  visibility: hidden;
+}
+.squiz-fte-scope .sds-sortable-list__item-content {
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+  width: 100%;
+}
+@media screen and (min-width: 576px) {
+  .squiz-fte-scope .sds-sortable-list__item-content {
+    gap: 1rem;
+  }
+}
+.squiz-fte-scope .sds-sortable-list .sds-tooltip__wrapper {
+  height: -moz-min-content;
+  height: min-content;
+}
+.squiz-fte-scope .sds-sortable-list .sds-tooltip__wrapper:has(.sds-sortable-list__item-remove) {
+  position: absolute;
+  right: 1rem;
+  top: 0.75rem;
+}
+.squiz-fte-scope .sds-sortable-list__item-drag-btn {
+  align-self: baseline;
+}
+.squiz-fte-scope .sds-sortable-list__item-drag-btn svg {
+  height: 1.5rem;
+  width: 1.5rem;
+}
+.squiz-fte-scope .sds-sortable-list__item-drag-btn--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.squiz-fte-scope .sds-sortable-list--presentation-grey-box .sds-sortable-list__item-content {
+  background-color: #ededed;
+  border-radius: 0.25rem;
+  padding: 0.375rem 0.625rem;
+}
 .squiz-fte-scope .sds-source-selector__item button {
   font-size: 0.875rem;
   font-weight: 400;
@@ -3588,6 +3696,12 @@
   border-radius: 50%;
   color: currentcolor;
 }
+.squiz-fte-scope .sds-spinner.spinner--lg {
+  border: 0.1875rem solid currentcolor;
+  height: 3rem;
+  width: 3rem;
+  border-right-color: transparent;
+}
 .squiz-fte-scope .sds-spinner.spinner--regular {
   border: 0.1875rem solid currentcolor;
   height: 2rem;
@@ -4368,11 +4482,11 @@
   gap: 0.75rem;
   margin-left: 3rem;
 }
+.squiz-fte-scope .sds-sequence-list .simple-list {
+  padding-inline-start: 0;
+}
 
 /* ../../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;
@@ -4413,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 {
@@ -4421,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%;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squiz/formatted-text-editor",
-  "version": "2.6.1",
+  "version": "2.6.3",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "private": false,
@@ -25,19 +25,19 @@
     "@mui/icons-material": "5.15.18",
     "@remirror/extension-react-tables": "^2.2.21",
     "@remirror/react": "2.0.35",
-    "@squiz/dam-resource-browser-plugin": "^3.0.3-rc.0",
     "@squiz/dx-json-schema-lib": "^1.74.1",
-    "@squiz/dxp-ai-client-react": "^0.2.0",
-    "@squiz/dxp-content-tools-modal": "^0.3.2",
-    "@squiz/matrix-resource-browser-plugin": "^3.0.3-rc.0",
-    "@squiz/resource-browser": "^3.0.1-rc.0",
-    "@squiz/sds": "^1.0.2",
+    "@squiz/dxp-content-tools-modal": "^0.4.0",
     "clsx": "2.1.1",
     "react-hook-form": "7.51.4",
     "react-image-size": "2.0.0",
     "remirror": "2.0.39"
   },
   "devDependencies": {
+    "@squiz/dam-resource-browser-plugin": "^3.1.0-rc.1",
+    "@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.5.0",
     "@testing-library/cypress": "9.0.0",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "14.0.0",
@@ -70,6 +70,11 @@
     "vite": "^4.5.3"
   },
   "peerDependencies": {
+    "@squiz/dam-resource-browser-plugin": "^3.1.0-rc.1",
+    "@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.5.0",
     "@types/react": "^16.14.0 || ^17 || ^18",
     "@types/react-dom": "^16.9.0 || ^17 || ^18",
     "lib0": "0.2.69",
@@ -85,6 +90,6 @@
     }
   },
   "volta": {
-    "node": "18.15.0"
+    "extends": "../../package.json"
   }
 }