@kaizen/components 0.0.0-canary-debug-tab-20251015223744 → 0.0.0-canary-01-rte-strictmode-20251022050526

package/dist/cjs/src/RichTextEditor/utils/core/hooks/useRichTextEditor.cjs

@@ -48,33 +48,30 @@ attributes, options) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [editableStatusRef]);
   var editorRef = React.useCallback(function (node) {
-    if (node !== null) {
-      var instance = createRichTextEditor.createRichTextEditor({
-        node: node,
-        initialEditorState: editorState,
-        onChange: setEditorState,
-        isEditable: function () {
-          return editableStatusRef.current;
-        },
-        attributes: attributes
-      });
-      destroyEditorRef.current = instance.destroy;
-      dispatchTransactionRef.current = instance.dispatchTransaction;
+    if (node === null) {
+      if (destroyEditorRef.current) {
+        destroyEditorRef.current();
+        destroyEditorRef.current = undefined;
+      }
+      return;
     }
+    var instance = createRichTextEditor.createRichTextEditor({
+      node: node,
+      initialEditorState: editorState,
+      onChange: setEditorState,
+      isEditable: function () {
+        return editableStatusRef.current;
+      },
+      attributes: attributes
+    });
+    destroyEditorRef.current = instance.destroy;
+    dispatchTransactionRef.current = instance.dispatchTransaction;
   },
   // Including editorState in the dependencies here will cause an endless
   // loop as the initialization changes its value
   // @todo: Fix if possible - avoiding breaking in eslint upgrade
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [setEditorState, editableStatusRef]);
-  // Tear down ProseMirror when the consuming component is unmounted
-  React.useEffect(function () {
-    return function () {
-      if (destroyEditorRef.current) {
-        destroyEditorRef.current();
-      }
-    };
-  }, [destroyEditorRef]);
   return [editorRef, editorState, dispatchTransaction, setEditableStatus];
 };
 exports.useRichTextEditor = useRichTextEditor;

package/dist/cjs/src/SingleSelect/subcomponents/ListBox/ListBox.cjs

@@ -60,14 +60,10 @@ var ListBox = function (_a) {
       var optionKey = getOptionKeyFromCollection(state);
       var focusToElement = safeQuerySelector("[data-key='".concat(optionKey, "']"));
       if (focusToElement) {
-        focusToElement.focus({
-          preventScroll: true
-        });
+        focusToElement.focus();
       } else {
         // If an element is not found, focus on the listbox. This ensures the list can still be navigated to via keyboard if the keys do not align to the data attributes of the list items.
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus({
-          preventScroll: true
-        });
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
       }
     }
     // Only run this effect for checking the first successful render

package/dist/cjs/src/Tabs/subcomponents/TabList/TabList.cjs

@@ -63,39 +63,31 @@ var TabList = function (props) {
     if (!tabs || tabs.length === 0) {
       return;
     }
-    var firstTabObserver = null;
-    var lastTabObserver = null;
-    requestAnimationFrame(function () {
-      var tabList = tabListRef.current;
-      if (!tabList) {
+    var firstTabObserver = new IntersectionObserver(function (entries) {
+      if (!entries[0].isIntersecting) {
+        setLeftArrowEnabled(true);
         return;
       }
-      firstTabObserver = new IntersectionObserver(function (entries) {
-        if (!entries[0].isIntersecting) {
-          setLeftArrowEnabled(true);
-          return;
-        }
-        setLeftArrowEnabled(false);
-      }, {
-        threshold: 0.8,
-        root: containerElement
-      });
-      firstTabObserver.observe(isRTL$1 ? tabs[tabs.length - 1] : tabs[0]);
-      lastTabObserver = new IntersectionObserver(function (entries) {
-        if (!entries[0].isIntersecting) {
-          setRightArrowEnabled(true);
-          return;
-        }
-        setRightArrowEnabled(false);
-      }, {
-        threshold: 0.8,
-        root: containerElement
-      });
-      lastTabObserver.observe(isRTL$1 ? tabs[0] : tabs[tabs.length - 1]);
+      setLeftArrowEnabled(false);
+    }, {
+      threshold: 0.8,
+      root: containerElement
     });
+    firstTabObserver.observe(isRTL$1 ? tabs[tabs.length - 1] : tabs[0]);
+    var lastTabObserver = new IntersectionObserver(function (entries) {
+      if (!entries[0].isIntersecting) {
+        setRightArrowEnabled(true);
+        return;
+      }
+      setRightArrowEnabled(false);
+    }, {
+      threshold: 0.8,
+      root: containerElement
+    });
+    lastTabObserver.observe(isRTL$1 ? tabs[0] : tabs[tabs.length - 1]);
     return function () {
-      firstTabObserver === null || firstTabObserver === void 0 ? void 0 : firstTabObserver.disconnect();
-      lastTabObserver === null || lastTabObserver === void 0 ? void 0 : lastTabObserver.disconnect();
+      firstTabObserver.disconnect();
+      lastTabObserver.disconnect();
     };
   }, [isDocumentReady, containerElement, isRTL$1, tabListContext === null || tabListContext === void 0 ? void 0 : tabListContext.collection.size]);
   React.useEffect(function () {

package/dist/esm/src/RichTextEditor/utils/core/hooks/useRichTextEditor.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import { useState, useRef, useCallback, useEffect } from 'react';
+import { useState, useRef, useCallback } from 'react';
 import { createRichTextEditor } from '../createRichTextEditor.mjs';
 
 /**
@@ -46,33 +46,30 @@ attributes, options) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [editableStatusRef]);
   var editorRef = useCallback(function (node) {
-    if (node !== null) {
-      var instance = createRichTextEditor({
-        node: node,
-        initialEditorState: editorState,
-        onChange: setEditorState,
-        isEditable: function () {
-          return editableStatusRef.current;
-        },
-        attributes: attributes
-      });
-      destroyEditorRef.current = instance.destroy;
-      dispatchTransactionRef.current = instance.dispatchTransaction;
+    if (node === null) {
+      if (destroyEditorRef.current) {
+        destroyEditorRef.current();
+        destroyEditorRef.current = undefined;
+      }
+      return;
     }
+    var instance = createRichTextEditor({
+      node: node,
+      initialEditorState: editorState,
+      onChange: setEditorState,
+      isEditable: function () {
+        return editableStatusRef.current;
+      },
+      attributes: attributes
+    });
+    destroyEditorRef.current = instance.destroy;
+    dispatchTransactionRef.current = instance.dispatchTransaction;
   },
   // Including editorState in the dependencies here will cause an endless
   // loop as the initialization changes its value
   // @todo: Fix if possible - avoiding breaking in eslint upgrade
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [setEditorState, editableStatusRef]);
-  // Tear down ProseMirror when the consuming component is unmounted
-  useEffect(function () {
-    return function () {
-      if (destroyEditorRef.current) {
-        destroyEditorRef.current();
-      }
-    };
-  }, [destroyEditorRef]);
   return [editorRef, editorState, dispatchTransaction, setEditableStatus];
 };
 export { useRichTextEditor };

package/dist/esm/src/SingleSelect/subcomponents/ListBox/ListBox.mjs

@@ -52,14 +52,10 @@ const ListBox = /*#__PURE__*/function () {
         var optionKey = getOptionKeyFromCollection(state);
         var focusToElement = safeQuerySelector("[data-key='".concat(optionKey, "']"));
         if (focusToElement) {
-          focusToElement.focus({
-            preventScroll: true
-          });
+          focusToElement.focus();
         } else {
           // If an element is not found, focus on the listbox. This ensures the list can still be navigated to via keyboard if the keys do not align to the data attributes of the list items.
-          (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus({
-            preventScroll: true
-          });
+          (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
       }
       // Only run this effect for checking the first successful render

package/dist/esm/src/Tabs/subcomponents/TabList/TabList.mjs

@@ -54,39 +54,31 @@ var TabList = function (props) {
     if (!tabs || tabs.length === 0) {
       return;
     }
-    var firstTabObserver = null;
-    var lastTabObserver = null;
-    requestAnimationFrame(function () {
-      var tabList = tabListRef.current;
-      if (!tabList) {
+    var firstTabObserver = new IntersectionObserver(function (entries) {
+      if (!entries[0].isIntersecting) {
+        setLeftArrowEnabled(true);
         return;
       }
-      firstTabObserver = new IntersectionObserver(function (entries) {
-        if (!entries[0].isIntersecting) {
-          setLeftArrowEnabled(true);
-          return;
-        }
-        setLeftArrowEnabled(false);
-      }, {
-        threshold: 0.8,
-        root: containerElement
-      });
-      firstTabObserver.observe(isRTL$1 ? tabs[tabs.length - 1] : tabs[0]);
-      lastTabObserver = new IntersectionObserver(function (entries) {
-        if (!entries[0].isIntersecting) {
-          setRightArrowEnabled(true);
-          return;
-        }
-        setRightArrowEnabled(false);
-      }, {
-        threshold: 0.8,
-        root: containerElement
-      });
-      lastTabObserver.observe(isRTL$1 ? tabs[0] : tabs[tabs.length - 1]);
+      setLeftArrowEnabled(false);
+    }, {
+      threshold: 0.8,
+      root: containerElement
     });
+    firstTabObserver.observe(isRTL$1 ? tabs[tabs.length - 1] : tabs[0]);
+    var lastTabObserver = new IntersectionObserver(function (entries) {
+      if (!entries[0].isIntersecting) {
+        setRightArrowEnabled(true);
+        return;
+      }
+      setRightArrowEnabled(false);
+    }, {
+      threshold: 0.8,
+      root: containerElement
+    });
+    lastTabObserver.observe(isRTL$1 ? tabs[0] : tabs[tabs.length - 1]);
     return function () {
-      firstTabObserver === null || firstTabObserver === void 0 ? void 0 : firstTabObserver.disconnect();
-      lastTabObserver === null || lastTabObserver === void 0 ? void 0 : lastTabObserver.disconnect();
+      firstTabObserver.disconnect();
+      lastTabObserver.disconnect();
     };
   }, [isDocumentReady, containerElement, isRTL$1, tabListContext === null || tabListContext === void 0 ? void 0 : tabListContext.collection.size]);
   useEffect(function () {

package/locales/ar.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "إخفاء المعلومات:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "عرض الاقتراحات لـ {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "محو تحديد {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "إجراءات إضافية"
   }
-}
+}

package/locales/bg.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Скриване на информация:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Покажи предложения за {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Изчисти избора {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Допълнителни действия"
   }
-}
+}

package/locales/cs.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Skrýt informace:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Zobrazit návrhy pro pole {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Zrušit výběr pole {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Další akce"
   }
-}
+}

package/locales/cy.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Cuddio gwybodaeth:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Dangos awgrymiadau ar gyfer {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Clirio dewis {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Gweithredoedd ychwanegol"
   }
-}
+}

package/locales/da.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Skjul oplysninger:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Vis forslag for {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Ryd {field} valg"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Yderligere handlinger"
   }
-}
+}

package/locales/de.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Informationen ausblenden:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Vorschläge für {field} anzeigen"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Auswahl für {field} löschen"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Zusätzliche Maßnahmen"
   }
-}
+}

package/locales/el.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Κρύψτε πληροφορίες:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Εμφάνιση προτάσεων για το πεδίο \"{field}\""
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Διαγραφή επιλογής πεδίου \"{field}\""
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Περαιτέρω ενέργειες"
   }
-}
+}

package/locales/en-GB.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Hide information:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Show suggestions for {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Clear {field} selection"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Additional actions"
   }
-}
+}

package/locales/es-419.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Ocultar información:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Mostrar sugerencias para {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Borrar la selección de {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Acciones adicionales"
   }
-}
+}

package/locales/es.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Ocultar información:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Mostrar sugerencias para {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Borrar la selección {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Otras acciones"
   }
-}
+}

package/locales/et.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Peida teave:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Näita ettepanekuid {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Tühjenda {field} valik"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Täiendavad toimingud"
   }
-}
+}

package/locales/fi.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Piilota tiedot:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Näytä ehdotuksia kohteelle {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Tyhjennä {field} valinta"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Lisätoimet"
   }
-}
+}

package/locales/fr-CA.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Masquer les informations :"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Afficher les suggestions pour {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Effacer la sélection {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Actions supplémentaires"
   }
-}
+}

package/locales/fr.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Masquer les informations :"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Afficher les suggestions pour {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Effacer la sélection {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Actions supplémentaires"
   }
-}
+}

package/locales/he.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "הסתרת מידע:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "הצגת הצעות עבור {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "ניקוי הבחירה {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "פעולות נוספות"
   }
-}
+}

package/locales/hi.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "जानकारी छिपाएं:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "{field} के लिए सुझाव दिखाएँ"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "{field} चयन हटाएँ"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "अतिरिक्त कार्यवाईयां"
   }
-}
+}

package/locales/ht.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Kache Enfòmasyon:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Afiche sijesyon pou {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Efase seleksyon {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Desizyon adisyonèl"
   }
-}
+}

package/locales/hu.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Információk elrejtése:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Javaslatok megjelenítése a következőhöz: {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "{field} kijelölés törlése"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "További műveletek"
   }
-}
+}

package/locales/id.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Sembunyikan informasi:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Tampilkan saran untuk {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Hapus pilihan {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Tindakan lain"
   }
-}
+}

package/locales/it.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Nascondi informazioni:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Mostra suggerimenti per {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Cancella {field} selezione"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Azioni aggiuntive"
   }
-}
+}