@gcforms/editor 1.0.11 → 1.0.13

package/CHANGELOG.md

@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.13] - 2026-01-07
+
+- Add editor styles to prevent "double bullets" in nested lists
+
+## [1.0.12] - 2025-12-08
+
+- Move cypress component tests out to app level and port to Vitest
 
 ## [1.0.11] - 2025-10-03
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gcforms/editor",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "author": "Canadian Digital Service",
   "license": "MIT",
   "publishConfig": {

package/src/styles.css

@@ -1,3 +1,10 @@
 .gc-editor-container {
   position: relative;
 }
+
+/* Fix for Lexical's incorrect list nesting structure where nested ul/ol 
+   are placed in separate li elements, causing extra bullets to appear */
+.gc-editor-container li:has(> ul:only-child),
+.gc-editor-container li:has(> ol:only-child) {
+  list-style-type: none;
+}

package/src/tests/Editor.cy.tsx

@@ -1,104 +0,0 @@
-"use client";
-import React from "react";
-import { Editor } from "../Editor";
-
-describe("<RichTextEditor />", () => {
-  it("Adds and styles text", () => {
-    // see: https://on.cypress.io/mounting-react
-    cy.mount(
-      <div className="form-builder">
-        <Editor content="" ariaLabel="AriaLabel" locale="en" />
-      </div>
-    );
-
-    // Add some strings to get formatted
-    cy.get('[id^="editor-"]').type(
-      `
-    H2 heading text
-    H3 heading text
-    Let's bold part of this sentence.
-    Let's italicize part of this sentence.
-    Part of his one will be a link    
-    `
-    );
-
-    // Add H2 heading
-    cy.get('[id^="editor-"]').setSelection("H2 heading text");
-    cy.get('[data-testid="h2-button"]').first().click();
-    cy.get('[id^="editor-"] h2').first().contains("H2 heading text");
-    cy.get('[data-testid="h2-button"]').first().should("have.attr", "aria-pressed", "true");
-
-    // Add H3 heading
-    cy.get('[id^="editor-"]').setSelection("H3 heading text");
-    cy.get('[data-testid="h3-button"]').first().click();
-    cy.get('[id^="editor-"] h3').first().contains("H3 heading text");
-    cy.get('[data-testid="h3-button"]').first().should("have.attr", "aria-pressed", "true");
-
-    // Bold part of the text
-    cy.get('[id^="editor-"]').setSelection("bold part of this");
-    cy.get('[data-testid="bold-button"]').first().click();
-    cy.get('[id^="editor-"] strong').first().contains("bold part of this");
-    cy.get('[data-testid="bold-button"]').first().should("have.attr", "aria-pressed", "true");
-
-    // Italicize part of the text
-    cy.get('[id^="editor-"]').setSelection("italicize part of this");
-    cy.get('[data-testid="italic-button"]').first().click();
-    cy.get('[id^="editor-"] em').first().contains("italicize part of this");
-    cy.get('[data-testid="italic-button"]').first().should("have.attr", "aria-pressed", "true");
-
-    // Add a bullet list
-    cy.get('[id^="editor-"]').type("{moveToEnd}This is a bullet list item");
-    cy.get('[data-testid="bullet-list-button"]').first().click();
-
-    cy.get('[id^="editor-"]')
-      .setCursorAfter("This is a bullet list item")
-      .type("{enter}This is another bullet list item");
-    cy.get('[data-testid="bullet-list-button"]')
-      .first()
-      .should("have.attr", "aria-pressed", "true");
-    cy.get('[id^="editor-"] ul li').first().contains("This is a bullet list item");
-    cy.get('[id^="editor-"] ul li').last().contains("This is another bullet list item");
-
-    // Add a numbered list - two {enter}s are needed to escape the previous list
-    cy.get('[id^="editor-"]').type("{moveToEnd}{enter}{enter}This is a numbered list item");
-    cy.get('[data-testid="numbered-list-button"]').first().click();
-    cy.get('[data-testid="numbered-list-button"]')
-      .first()
-      .should("have.attr", "aria-pressed", "true");
-    cy.get('[id^="editor-"]')
-      .setCursorAfter("This is a numbered list item")
-      .type("{enter}This is another numbered list item");
-    cy.get('[data-testid="numbered-list-button"]')
-      .first()
-      .should("have.attr", "aria-pressed", "true");
-    cy.get('[id^="editor-"] ol li').first().contains("This is a numbered list item");
-    cy.get('[id^="editor-"] ol li').last().contains("This is another numbered list item");
-
-    // Add a link
-    cy.get('[id^="editor-"]').setSelection("will be a link");
-    cy.get('[data-testid="link-button"]').first().click();
-    cy.get('[data-testid="gc-link-editor"] input').type(
-      "{selectAll}https://example.com{enter}{esc}"
-    );
-    cy.get('[id^="editor-"] a').first().contains("will be a link");
-    cy.get('[id^="editor-"] a').first().should("have.attr", "href", "https://example.com");
-
-    // Add a new numbered list to test the indent and outdent buttons
-    cy.get('[id^="editor-"]').type(
-      "{moveToEnd}{enter}{enter}{enter}This is a numbered list item 2"
-    );
-    cy.get('[data-testid="numbered-list-button"]').first().click();
-    cy.get('[id^="editor-"]')
-      .setCursorAfter("This is a numbered list item 2")
-      .type("{enter}This is another numbered list item 2");
-    cy.get('[id^="editor-"] ol li').last().contains("This is another numbered list item 2");
-    // Indent the last list item
-    cy.get('[data-testid="indent-button"]').click();
-    cy.get('[id^="editor-"] ol li').eq(2).contains("This is a numbered list item 2");
-    cy.get('[id^="editor-"] ol li ol li').last().contains("This is another numbered list item 2");
-    // Outdent the last list item (revert)
-    cy.get('[data-testid="outdent-button"]').click();
-    cy.get('[id^="editor-"] ol li').eq(2).contains("This is a numbered list item 2");
-    cy.get('[id^="editor-"] ol li').last().contains("This is another numbered list item 2");
-  });
-});