odaptos_design_system 2.0.281 → 2.0.283

package/dist/Molecules/Thematic/Thematic.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface ThematicProps {
     thematicId: string;
     name: string;
@@ -32,5 +32,6 @@ export interface ThematicProps {
     isEditThematicHidden?: boolean;
     isDeleteThematicHidden?: boolean;
     id?: string;
+    isDisabled?: boolean;
 }
-export declare const Thematic: ({ id, thematicId, name, definition, color, tagsList, otherThematicsList, onClickValidateAddTag, onClickValidateEditTag, onSelectThematicToMoveTag, onClickDeleteTag, onClickEditThematic, onClickDeleteThematic, cmsContent, isAddTagHidden, isEditThematicHidden, isDeleteThematicHidden, }: ThematicProps) => React.JSX.Element;
+export declare const Thematic: ({ id, thematicId, name, definition, color, tagsList, otherThematicsList, onClickValidateAddTag, onClickValidateEditTag, onSelectThematicToMoveTag, onClickDeleteTag, onClickEditThematic, onClickDeleteThematic, cmsContent, isAddTagHidden, isEditThematicHidden, isDeleteThematicHidden, isDisabled, }: ThematicProps) => JSX.Element;

package/dist/odaptos_design_system.cjs.development.js

@@ -92078,6 +92078,28 @@ const ControlsBar = ({
     }) : null), /*#__PURE__*/React__default.createElement(Text, {
       text: device.label,
       color: "#fff"
+    }))), /*#__PURE__*/React__default.createElement("div", {
+      className: styles$w.device_selector_divider
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: styles$w.speaker_test_section
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: styles$w.speaker_test_row,
+      role: "button",
+      tabIndex: 0,
+      onClick: onTestSpeakerClick,
+      onKeyDown: e => {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          if (onTestSpeakerClick) onTestSpeakerClick();
+        }
+      }
+    }, /*#__PURE__*/React__default.createElement(VolumeIcon, {
+      fill: "#fff",
+      stroke: "#fff"
+    }), /*#__PURE__*/React__default.createElement(Text, {
+      text: testSpeakerText,
+      color: "#fff",
+      weight: "regular"
     }))))), /*#__PURE__*/React__default.createElement(CircledIconButton, {
       className: `${styles$w.selectorButton} ${!isSpeakerActive ? styles$w.darkRed : ''}`,
       icon: /*#__PURE__*/React__default.createElement(ArrowLineUpIcon, {
@@ -94395,7 +94417,8 @@ const Thematic = ({
   cmsContent,
   isAddTagHidden = false,
   isEditThematicHidden = false,
-  isDeleteThematicHidden = false
+  isDeleteThematicHidden = false,
+  isDisabled = false
 }) => {
   const [areActionsVisible, setAreActionsVisible] = React.useState(false);
   const [newTagName, setNewTagName] = React.useState('');
@@ -94558,6 +94581,7 @@ const Thematic = ({
     }),
     size: "xs",
     variant: "tertiary",
+    disabled: isDisabled,
     onClick: handleOnClickAddTag
   }), !isEditThematicHidden && /*#__PURE__*/React__default.createElement(IconButton, {
     icon: /*#__PURE__*/React__default.createElement(EditIcon, {
@@ -94566,6 +94590,7 @@ const Thematic = ({
     }),
     size: "xs",
     variant: "tertiary",
+    disabled: isDisabled,
     onClick: handleOnClickEditThematic
   }), !isDeleteThematicHidden && /*#__PURE__*/React__default.createElement(IconButton, {
     icon: /*#__PURE__*/React__default.createElement(BinIcon, {
@@ -94574,13 +94599,18 @@ const Thematic = ({
     }),
     size: "xs",
     variant: "tertiary",
+    disabled: isDisabled,
     onClick: handleOnClickDeleteThematic
   }))), tagsList.length > 0 && /*#__PURE__*/React__default.createElement("div", {
     className: styles$N.tagsContainer
   }, tagsList.map((tag, idx) => /*#__PURE__*/React__default.createElement("div", {
     key: `${tag}-${idx}`,
     className: styles$N.tag,
-    onClick: e => handleOnClickTag(e, tag)
+    onClick: e => {
+      if (!isDisabled) {
+        handleOnClickTag(e, tag);
+      }
+    }
   }, /*#__PURE__*/React__default.createElement(Tooltip, {
     tooltipDescription: tag.definition,
     placement: "top",
@@ -97624,7 +97654,7 @@ const Textarea = ({
   };
   React.useEffect(() => {
     setCharCount(String(value).length);
-  }, []);
+  }, [value]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: styles$15.text_area_container
   }, /*#__PURE__*/React__default.createElement(TextInput, {