feat(react): Merge pull request #49 from mindfiredigital/dev

Relaese from Dev

Author: anandmindfire

.gitignore

@@ -16,6 +16,9 @@ examples
 # production
 /build
 packages/**/dist/
+packages/**/docusaurus/build/
+packages/**/docusaurus/.docusaurus/
+packages/document-editor-react/docs/
 
 # misc
 .DS_Store

package.json

@@ -40,8 +40,8 @@
     "@babel/preset-env": "^7.26.0",
     "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.27.12",
-    "@commitlint/cli": "^19.4.0",
-    "@commitlint/config-conventional": "^19.2.2",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
     "@typescript-eslint/eslint-plugin": "^8.23.0",
     "@typescript-eslint/parser": "^8.23.0",
     "babel": "^6.23.0",
@@ -65,7 +65,8 @@
   "pnpm": {
     "overrides": {
       "react": "18.3.1",
-      "react-dom": "18.3.1"
+      "react-dom": "18.3.1",
+      "@commitlint/format": "19.8.1"
     }
   },
   "lint-staged": {

packages/document-editor-react/Brochure.docx

@@ -1,12 +1,12 @@
-<h1 align="center">React Document Editor </h1><br><br>
+<h1 align="center">React Canvas Editor </h1><br><br>
 <p align="center">
 <a href="https://www.npmjs.com/package/@mindfiredigital/react-canvas-editor"><img src="https://img.shields.io/npm/v/@mindfiredigital/react-canvas-editor.svg?sanitize=true" alt="Version"></a>
 <a href="https://www.npmjs.com/package/@mindfiredigital/react-canvas-editor"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs"></a>
 </p>
 
 <br>
 
-<p align="center"> Experience powerful document creation with our React-based canvas editor. Craft and manage multi-page documents effortlessly </p>
+<p align="center"> Experience powerful document creation with our React-based editor. Craft and manage multi-page documents effortlessly </p>
 
 The `@mindfiredigital/react-canvas-editor` is a tool that allows developers to integrate multi page document editors built on top of Canvas using React.
 
@@ -18,7 +18,6 @@ The `@mindfiredigital/react-canvas-editor` is a tool that allows developers to i
 - [Features](#features)
 - [Installation](#installation)
 - [Getting Started](#getting-started)
-- [Contributing](#contributing)
 - [License](#license)
 
 <br>
@@ -471,15 +470,6 @@ DocumentEditorWebComponent({
 
 <br>
 
-## Demo
-
-[React Canvas Editor](https://canvas-editor-htfx.vercel.app/)
-
-## Contributing
-
-We welcome contributions from the community. If you'd like to contribute to the `react-document-editor` npm package, please follow our [Contributing Guidelines](CONTRIBUTING.md).
-<br>
-
 ## License
 
 Copyright (c) Mindfire Digital llp. All rights reserved.

packages/document-editor-react/README.md

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] };

packages/document-editor-react/__mocks__/canvas-editor.js

@@ -11,6 +11,7 @@ function ButtonWrapper(props: ButtonWrapperProps) {
         edge="start"
         aria-label={props.title}
         sx={{ mr: 1, borderRadius: 0, ...props.sx }}
+        onMouseDown={(e) => e.preventDefault()}
         onClick={props.handleClick}
       >
         {props.children}

packages/document-editor-react/__mocks__/fileMock.js

@@ -39,10 +39,11 @@ const ColorPalette: React.FC<IColorPalette> = ({
   };
 
   const handleColor = (hexColor: string) => {
+    const isSame = hexColor === definedColor;
     if (feature === Color.HIGHLIGHT) {
-      DOMEventHandlers.highlightText(hexColor);
+      DOMEventHandlers.highlightText(isSame ? "" : hexColor);
     } else if (feature === Color.COLOR) {
-      DOMEventHandlers.setFontColor(hexColor);
+      DOMEventHandlers.setFontColor(isSame ? "" : hexColor);
     }
   };