@kaizen/components 0.0.0-canary-debug-tab-20251015223744 → 0.0.0-canary-container-query-titleblock-20251105031251

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/SingleSelect.mjs

@@ -22,6 +22,8 @@ import { transformSelectItemToCollectionElement } from './utils/transformSelectI
 import styles from './SingleSelect.module.scss.mjs';
 
 /**
+ * @deprecated SingleSelect is deprecated in v3 and will be replaced in v4.
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
  */

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/dist/esm/src/Tile/InformationTile/InformationTile.mjs

@@ -3,6 +3,8 @@ import React from 'react';
 import { GenericTile } from '../subcomponents/GenericTile/GenericTile.mjs';
 
 /**
+ * @deprecated InformationTile is deprecated in v3 and will be removed in v4.
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#InformationTile%3A Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-tiles-informationtile--docs Storybook}
  */

package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.mjs

@@ -14,6 +14,8 @@ var renderActions = function (primaryAction, secondaryAction) {
   }, secondaryAction)))), /*#__PURE__*/React.createElement(Button, __assign({}, primaryAction)));
 };
 /**
+ * @deprecated MultiActionTile is deprecated in v3 and will be removed in v4.
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#MultiActionTile.1 Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-tiles-multiactiontile--docs Storybook}
  */

package/dist/esm/src/Tile/TileGrid/TileGrid.mjs

@@ -4,6 +4,8 @@ import classnames from 'classnames';
 import styles from './TileGrid.module.scss.mjs';
 
 /**
+ * @deprecated TileGrid is deprecated in v3 and will be removed in v4.
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#TileGrid Guidance} |
  * {@link https://cultureamp.design/storybook/?path=/docs/components-tiles-tilegrid--docs Storybook}
  */

package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ComboBoxTrigger/ComboBoxTrigger.mjs

@@ -17,9 +17,9 @@ var ClearButton = function (_a) {
     fieldLabel = _c.fieldLabel;
   var formatMessage = useIntl().formatMessage;
   var clearButtonAlt = formatMessage({
-    id: 'singleSelect.clearButtonAlt',
-    defaultMessage: 'Clear {field} selection',
-    description: 'Alt text for the clear selection button'
+    id: 'singleSelect.clearButtonAlt_v2',
+    defaultMessage: 'Clear selection: {field}',
+    description: 'Alt text for the clear selection button. The button clears the selection the user has made via a dropdown. The field placeholder is the label of the dropdown.'
   }, {
     field: fieldLabel
   });