@squiz/formatted-text-editor 2.2.0 → 2.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 2.2.1
+
+### Patch Changes
+
+- b4b34a6: Added basic checks in case no content tools are provided (no context)
+
 ## 2.2.0
 
 ### Minor Changes

package/lib/EditorToolbar/Tools/ContentTools/ContentToolsDropdown.js

@@ -10,7 +10,7 @@ const dxp_ai_client_react_1 = require("@squiz/dxp-ai-client-react");
 const react_2 = require("@remirror/react");
 const ContentToolsDropdown = () => {
     const { contentTools } = (0, dxp_ai_client_react_1.useAiService)();
-    const dropdownItems = contentTools.map((item) => ({
+    const dropdownItems = contentTools?.map((item) => ({
         items: [
             {
                 action: () => alert(JSON.stringify(item, null, 2)),
@@ -21,7 +21,7 @@ const ContentToolsDropdown = () => {
         key: item.id,
     }));
     // No content tools to show, don't show dropdown at all
-    if (contentTools.length === 0) {
+    if (!contentTools || contentTools?.length === 0) {
         return null;
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -30,6 +30,6 @@ const ContentToolsDropdown = () => {
                 format: sds_1.BUTTON_FORMAT_TRANSPARENT,
                 icon: AiIcon_1.ICON_AI,
                 theme: sds_1.BUTTON_THEME_DEFAULT,
-            }, className: "content-tools-dropdown", dropdownPosition: sds_1.DROPDOWN_POSITION_RIGHT, heading: 'Rewrite to...', sections: dropdownItems })));
+            }, className: "content-tools-dropdown", dropdownPosition: sds_1.DROPDOWN_POSITION_RIGHT, heading: 'Rewrite to...', sections: dropdownItems ?? [] })));
 };
 exports.default = ContentToolsDropdown;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squiz/formatted-text-editor",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "private": false,

package/src/EditorToolbar/Tools/ContentTools/ContentToolsDropdown.tsx

@@ -7,7 +7,7 @@ import { VerticalDivider } from '@remirror/react';
 const ContentToolsDropdown = () => {
   const { contentTools } = useAiService();
 
-  const dropdownItems = contentTools.map((item) => ({
+  const dropdownItems = contentTools?.map((item) => ({
     items: [
       {
         action: () => alert(JSON.stringify(item, null, 2)),
@@ -19,7 +19,7 @@ const ContentToolsDropdown = () => {
   }));
 
   // No content tools to show, don't show dropdown at all
-  if (contentTools.length === 0) {
+  if (!contentTools || contentTools?.length === 0) {
     return null;
   }
 
@@ -37,7 +37,7 @@ const ContentToolsDropdown = () => {
         className="content-tools-dropdown"
         dropdownPosition={DROPDOWN_POSITION_RIGHT}
         heading={'Rewrite to...'}
-        sections={dropdownItems}
+        sections={dropdownItems ?? []}
       />
     </>
   );