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

package/locales/ja.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/km-KH.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/ko.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/lt.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Paslėpti informaciją:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Rodyti pasiūlymus {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Išvalyti {field} pasirinkimą"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Papildomi veiksmai"
   }
-}
+}

package/locales/lv.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Paslēpt informāciju:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Rādīt {field} ieteikumus"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Notīrīt {field} atlasi"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Papildu darbības"
   }
-}
+}

package/locales/mi.json

@@ -174,7 +174,7 @@
   },
   "kzErrorPage.goToHome" : {
     "description" : "Home button label",
-    "message" : "Haere ki te whārangi Kāinga"
+    "message" : "Go to Home"
   },
   "kzGenericTile.infoButtonLabel" : {
     "description" : "Prompts user to interact with button to reveal more information",
@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Huna mōhiohio:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Whakaatu whakaaro mo {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Ūkuia {field} tīpakonga"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Ngā mahi tāpiri"
   }
-}
+}

package/locales/ms.json

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

package/locales/nb.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Skjul informasjon:"
   },
-  "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" : "Fjern {field}-valg"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Ytterligere handlinger"
   }
-}
+}

package/locales/nl.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Informatie verbergen:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Suggesties voor {field} weergeven"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Selectie van {field} wissen"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Meer acties"
   }
-}
+}

package/locales/pl.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Ukryj informacje:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Pokaż sugestie dla {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Wyczyść zaznaczenie {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Dodatkowe działania"
   }
-}
+}

package/locales/pt-BR.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Ocultar informações:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Mostrar sugestões para {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Limpar seleção de {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Mais ações"
   }
-}
+}

package/locales/pt.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Ocultar informações:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Mostrar sugestões para {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Limpar seleção de {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Mais ações"
   }
-}
+}

package/locales/ro.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Ascundeți informațiile:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Afișați sugestii pentru {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Ștergeți selecția {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Acțiuni suplimentare"
   }
-}
+}

package/locales/ru.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/si-LK.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/sk.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Skryť informácie:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Zobraziť návrhy pre {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Zrušiť výber: {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Ďalšie činnosti"
   }
-}
+}

package/locales/sr.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Sakrij informacije:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Prikaži predloge za {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Obriši {field} izbor"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Dodatne radnje"
   }
-}
+}

package/locales/sv.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Dölj information:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Visa förslag för {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Rensa {field} val"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Ytterligare åtgärder"
   }
-}
+}

package/locales/th.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/tl.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Itago ang impormasyon:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Ipakita ang mga mungkahi para sa {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "I-clear ang {field} selection"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Karagdagang mga aksiyon"
   }
-}
+}

package/locales/tr.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Bilgileri gizleyin:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "{field} için önerileri göster"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "{field} seçimini temizle"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Ek eylemler"
   }
-}
+}

package/locales/uk.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/vi.json

@@ -184,16 +184,8 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Ẩn thông tin:"
   },
-  "singleSelect.chevronButton" : {
-    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
-    "message" : "Hiển thị gợi ý cho {field}"
-  },
-  "singleSelect.clearButtonAlt" : {
-    "description" : "Alt text for the clear selection button",
-    "message" : "Xóa lựa chọn {field}"
-  },
   "splitButton.dropdownButton.label" : {
     "description" : "Label for a dropdown menu holding additional actions",
     "message" : "Các hành động bổ sung"
   }
-}
+}

package/locales/zh-TW.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/zh.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-debug-tab-20251015223744",
+  "version": "0.0.0-canary-01-rte-strictmode-20251022050526",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",

package/src/RichTextEditor/utils/core/hooks/useRichTextEditor.ts

@@ -71,17 +71,23 @@ export const useRichTextEditor = (
 
   const editorRef = useCallback(
     (node: HTMLElement) => {
-      if (node !== null) {
-        const instance = createRichTextEditor({
-          node,
-          initialEditorState: editorState,
-          onChange: setEditorState,
-          isEditable: () => editableStatusRef.current,
-          attributes,
-        })
-        destroyEditorRef.current = instance.destroy
-        dispatchTransactionRef.current = instance.dispatchTransaction
+      if (node === null) {
+        if (destroyEditorRef.current) {
+          destroyEditorRef.current()
+          destroyEditorRef.current = undefined
+        }
+        return
       }
+
+      const instance = createRichTextEditor({
+        node,
+        initialEditorState: editorState,
+        onChange: setEditorState,
+        isEditable: () => editableStatusRef.current,
+        attributes,
+      })
+      destroyEditorRef.current = instance.destroy
+      dispatchTransactionRef.current = instance.dispatchTransaction
     },
 
     // Including editorState in the dependencies here will cause an endless
@@ -91,15 +97,5 @@ export const useRichTextEditor = (
     [setEditorState, editableStatusRef],
   )
 
-  // Tear down ProseMirror when the consuming component is unmounted
-  useEffect(
-    () => () => {
-      if (destroyEditorRef.current) {
-        destroyEditorRef.current()
-      }
-    },
-    [destroyEditorRef],
-  )
-
   return [editorRef, editorState, dispatchTransaction, setEditableStatus]
 }

package/src/SingleSelect/subcomponents/ListBox/ListBox.tsx

@@ -70,10 +70,10 @@ export const ListBox = <Option extends SingleSelectOption>({
       const focusToElement = safeQuerySelector(`[data-key='${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.
-        ref.current?.focus({ preventScroll: true })
+        ref.current?.focus()
       }
     }
     // Only run this effect for checking the first successful render

package/src/Tabs/subcomponents/TabList/TabList.tsx

@@ -66,49 +66,39 @@ export const TabList = (props: TabListProps): JSX.Element => {
       return
     }
 
-    let firstTabObserver: IntersectionObserver | null = null
-    let lastTabObserver: IntersectionObserver | null = null
+    const firstTabObserver = new IntersectionObserver(
+      (entries) => {
+        if (!entries[0].isIntersecting) {
+          setLeftArrowEnabled(true)
+          return
+        }
+        setLeftArrowEnabled(false)
+      },
+      {
+        threshold: 0.8,
+        root: containerElement,
+      },
+    )
+    firstTabObserver.observe(isRTL ? tabs[tabs.length - 1] : tabs[0])
 
-    requestAnimationFrame(() => {
-      const tabList = tabListRef.current
-      if (!tabList) {
-        return
-      }
-
-      firstTabObserver = new IntersectionObserver(
-        (entries) => {
-          if (!entries[0].isIntersecting) {
-            setLeftArrowEnabled(true)
-            return
-          }
-          setLeftArrowEnabled(false)
-        },
-        {
-          threshold: 0.8,
-          root: containerElement,
-        },
-      )
-      firstTabObserver.observe(isRTL ? tabs[tabs.length - 1] : tabs[0])
-
-      lastTabObserver = new IntersectionObserver(
-        (entries) => {
-          if (!entries[0].isIntersecting) {
-            setRightArrowEnabled(true)
-            return
-          }
-          setRightArrowEnabled(false)
-        },
-        {
-          threshold: 0.8,
-          root: containerElement,
-        },
-      )
-      lastTabObserver.observe(isRTL ? tabs[0] : tabs[tabs.length - 1])
-    })
+    const lastTabObserver = new IntersectionObserver(
+      (entries) => {
+        if (!entries[0].isIntersecting) {
+          setRightArrowEnabled(true)
+          return
+        }
+        setRightArrowEnabled(false)
+      },
+      {
+        threshold: 0.8,
+        root: containerElement,
+      },
+    )
+    lastTabObserver.observe(isRTL ? tabs[0] : tabs[tabs.length - 1])
 
     return () => {
-      firstTabObserver?.disconnect()
-      lastTabObserver?.disconnect()
+      firstTabObserver.disconnect()
+      lastTabObserver.disconnect()
     }
   }, [isDocumentReady, containerElement, isRTL, tabListContext?.collection.size])