bigbluebutton-html-plugin-sdk 0.1.2 → 0.1.5

package/dist/cjs/extensible-areas/actions-bar-item/component.js

@@ -20,13 +20,14 @@ var enums_1 = require("./enums");
 // ActionsBar Extensible Area
 var ActionsBarItem = /** @class */ (function () {
     function ActionsBarItem(_a) {
-        var id = _a.id, type = _a.type, _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b;
+        var id = _a.id, type = _a.type, _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b, _c = _a.dataTest, dataTest = _c === void 0 ? '' : _c;
         this.id = '';
         if (id) {
             this.id = id;
         }
         this.type = type;
         this.position = position;
+        this.dataTest = dataTest;
     }
     ActionsBarItem.prototype.setItemId = function (id) {
         this.id = "ActionsBar".concat(this.type, "_").concat(id);
@@ -39,18 +40,26 @@ var ActionsBarButton = /** @class */ (function (_super) {
      * Returns object to be used in the setter for action bar. In this case,
      * a button.
      *
-     * @param icon - icon to be used in the button for the action bar
+     * @param icon - icon to be used in the button for the action bar - it can be the iconName
+     * from BigBlueButton or an svg
      * @param tooltip - tooltip to be displayed when hovering the button
+     * @param dataTest - string attribute to be used for testing
      * @param onClick - function to be called when clicking the button
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function ActionsBarButton(_a) {
-        var id = _a.id, _b = _a.icon, icon = _b === void 0 ? '' : _b, _c = _a.tooltip, tooltip = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.position, position = _e === void 0 ? enums_1.ActionsBarPosition.RIGHT : _e;
-        var _this = _super.call(this, { id: id, type: enums_1.ActionsBarItemType.BUTTON, position: position }) || this;
+        var id = _a.id, icon = _a.icon, _b = _a.tooltip, tooltip = _b === void 0 ? '' : _b, _c = _a.dataTest, dataTest = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.position, position = _e === void 0 ? enums_1.ActionsBarPosition.RIGHT : _e;
+        var _this = _super.call(this, {
+            id: id,
+            type: enums_1.ActionsBarItemType.BUTTON,
+            position: position,
+            dataTest: dataTest,
+        }) || this;
         _this.icon = icon;
         _this.tooltip = tooltip;
+        _this.dataTest = dataTest;
         _this.onClick = onClick;
         return _this;
     }
@@ -66,12 +75,13 @@ var ActionsBarSeparator = /** @class */ (function (_super) {
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      * @param icon - Icon to be displayed as the separator. If not provided, the default separator
     * (a vertical bar) will be displayed.
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function ActionsBarSeparator(_a) {
-        var _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c;
-        var _this = _super.call(this, { type: enums_1.ActionsBarItemType.SEPARATOR, position: position }) || this;
+        var _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.dataTest, dataTest = _d === void 0 ? '' : _d;
+        var _this = _super.call(this, { type: enums_1.ActionsBarItemType.SEPARATOR, position: position, dataTest: dataTest }) || this;
         _this.icon = icon;
         return _this;
     }
@@ -88,6 +98,7 @@ var ActionsBarSelector = /** @class */ (function (_super) {
      * @param options - an array of options to be available in the selector
      * @param defaultOption - the option to be initially selected, if not present, the first option is
      * selected
+     * @param dataTest - string attribute to be used for testing
      * @param onChange - function to be called when selected value changes
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      * @param width - desired width for the selector in px, default is 140
@@ -95,8 +106,13 @@ var ActionsBarSelector = /** @class */ (function (_super) {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function ActionsBarSelector(_a) {
-        var id = _a.id, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.defaultOption, defaultOption = _d === void 0 ? options[0] : _d, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.position, position = _f === void 0 ? enums_1.ActionsBarPosition.RIGHT : _f, _g = _a.width, width = _g === void 0 ? 140 : _g;
-        var _this = _super.call(this, { id: id, type: enums_1.ActionsBarItemType.SELECTOR, position: position }) || this;
+        var id = _a.id, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.defaultOption, defaultOption = _d === void 0 ? options[0] : _d, _e = _a.dataTest, dataTest = _e === void 0 ? '' : _e, _f = _a.onChange, onChange = _f === void 0 ? function () { } : _f, _g = _a.position, position = _g === void 0 ? enums_1.ActionsBarPosition.RIGHT : _g, _h = _a.width, width = _h === void 0 ? 140 : _h;
+        var _this = _super.call(this, {
+            id: id,
+            type: enums_1.ActionsBarItemType.SELECTOR,
+            position: position,
+            dataTest: dataTest,
+        }) || this;
         _this.width = 145;
         _this.title = title;
         _this.options = options;
@@ -120,14 +136,20 @@ var ActionsBarToggleGroup = /** @class */ (function (_super) {
      * @param options - an array of options to be available in the toggle group
      * @param defaultOption - the option to be initially checked, if not present, the first option is
      * checked
+     * @param dataTest - string attribute to be used for testing
      * @param onChange - function to be called when checked value changes
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function ActionsBarToggleGroup(_a) {
-        var id = _a.id, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.exclusive, exclusive = _c === void 0 ? true : _c, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.defaultOption, defaultOption = _e === void 0 ? options[0] : _e, _f = _a.onChange, onChange = _f === void 0 ? function () { } : _f, _g = _a.position, position = _g === void 0 ? enums_1.ActionsBarPosition.RIGHT : _g;
-        var _this = _super.call(this, { id: id, type: enums_1.ActionsBarItemType.TOGGLE_GROUP, position: position }) || this;
+        var id = _a.id, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.exclusive, exclusive = _c === void 0 ? true : _c, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.defaultOption, defaultOption = _e === void 0 ? options[0] : _e, _f = _a.dataTest, dataTest = _f === void 0 ? '' : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { } : _g, _h = _a.position, position = _h === void 0 ? enums_1.ActionsBarPosition.RIGHT : _h;
+        var _this = _super.call(this, {
+            id: id,
+            type: enums_1.ActionsBarItemType.TOGGLE_GROUP,
+            position: position,
+            dataTest: dataTest,
+        }) || this;
         _this.title = title;
         _this.exclusive = exclusive;
         _this.options = options;

package/dist/cjs/extensible-areas/actions-bar-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,iCAAiE;AAYjE,6BAA6B;AAE7B;IAOE,wBAAY,EAEU;YADpB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QAP/C,OAAE,GAAW,EAAE,CAAC;QASd,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,kCAAS,GAAT,UAAU,EAAU;QAClB,IAAI,CAAC,EAAE,GAAG,oBAAa,IAAI,CAAC,IAAI,cAAI,EAAE,CAAE,CAAC;IAC3C,CAAC;IACH,qBAAC;AAAD,CAAC,AApBD,IAoBC;AAED;IAAsC,oCAAc;IAOlD;;;;;;;;;;OAUG;IACH,0BAAY,EAEY;YADtB,EAAE,QAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QADtF,YAGE,kBAAM,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,0BAAkB,CAAC,MAAM,EAAE,QAAQ,UAAA,EAAE,CAAC,SAIzD;QAHC,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;;IACzB,CAAC;IACH,uBAAC;AAAD,CAAC,AA1BD,CAAsC,cAAc,GA0BnD;AA1BY,4CAAgB;AA4B7B;IAAyC,uCAAc;IAGrD;;;;;;;;;OASG;IACH,6BAAY,EAGe;YAFzB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EACnC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;QAFX,YAIE,kBAAM,EAAE,IAAI,EAAE,0BAAkB,CAAC,SAAS,EAAE,QAAQ,UAAA,EAAE,CAAC,SAExD;QADC,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;;IACnB,CAAC;IACH,0BAAC;AAAD,CAAC,AApBD,CAAyC,cAAc,GAoBtD;AApBY,kDAAmB;AAsBhC;IAAwC,sCAAc;IAWpD;;;;;;;;;;;;;OAaG;IAEH,4BAAY,EAQc;YAPxB,EAAE,QAAA,EACF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,qBAA0B,EAA1B,aAAa,mBAAG,OAAO,CAAC,CAAC,CAAC,KAAA,EAC1B,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EACnC,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA;QAPb,YASE,kBAAM,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,0BAAkB,CAAC,QAAQ,EAAE,QAAQ,UAAA,EAAE,CAAC,SAM3D;QAhCD,WAAK,GAAW,GAAG,CAAC;QA2BlB,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,KAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;;IACrB,CAAC;IACH,yBAAC;AAAD,CAAC,AA1CD,CAAwC,cAAc,GA0CrD;AA1CY,gDAAkB;AA4C/B;IAA2C,yCAAc;IAWvD;;;;;;;;;;;;;;OAcG;IAEH,+BAAY,EAQiB;YAP3B,EAAE,QAAA,EACF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,qBAA0B,EAA1B,aAAa,mBAAG,OAAO,CAAC,CAAC,CAAC,KAAA,EAC1B,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QAPrC,YASE,kBAAM,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,0BAAkB,CAAC,YAAY,EAAE,QAAQ,UAAA,EAAE,CAAC,SAM/D;QALC,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,KAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,KAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;;IAC3B,CAAC;IACH,4BAAC;AAAD,CAAC,AA3CD,CAA2C,cAAc,GA2CxD;AA3CY,sDAAqB"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/component.ts"],"names":[],"mappings":"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"}

package/dist/cjs/extensible-areas/actions-bar-item/types.d.ts

@@ -11,23 +11,38 @@ export interface ActionsBarItemProps {
     id?: string;
     position: ActionsBarPosition;
     type: ActionsBarItemType;
+    dataTest?: string;
 }
+export interface ActionsBarButtonIconSvg {
+    svgContent: React.SVGProps<SVGSVGElement>;
+}
+export interface ActionsBarButtonIconName {
+    /**
+     * Default icon name defined by BBB (see options there).
+     */
+    iconName: string;
+}
+export type ActionsBarIconType = ActionsBarButtonIconSvg | ActionsBarButtonIconName;
 export interface ActionsBarButtonProps {
     id?: string;
-    icon: string;
+    icon: ActionsBarIconType;
     tooltip: string;
     position: ActionsBarPosition;
+    dataTest?: string;
     onClick: () => void;
 }
 export interface ActionsBarSeparatorProps {
     position: ActionsBarPosition;
     icon?: string;
+    dataTest?: string;
 }
 export interface SelectOption {
     value: string | number;
     label: string;
+    dataTest?: string;
 }
 export interface ToggleGroupOption extends SelectOption {
+    dataTest?: string;
 }
 export interface ActionsBarSelectorProps {
     id?: string;
@@ -37,6 +52,7 @@ export interface ActionsBarSelectorProps {
     onChange: (value: string | number, event: ChangeEvent<HTMLInputElement>) => void;
     position: ActionsBarPosition;
     width?: number;
+    dataTest?: string;
 }
 export interface ActionsBarToggleGroupProps {
     id?: string;
@@ -46,4 +62,5 @@ export interface ActionsBarToggleGroupProps {
     exclusive?: boolean;
     onChange: (values: string | number | string[] | number[], event: MouseEvent<HTMLElement>) => void;
     position: ActionsBarPosition;
+    dataTest?: string;
 }

package/dist/cjs/extensible-areas/audio-settings-dropdown-item/component.d.ts

@@ -5,6 +5,7 @@ export declare class AudioSettingsDropdownOption implements AudioSettingsDropdow
     type: AudioSettingsDropdownItemType;
     label: string;
     icon: string;
+    dataTest: string;
     onClick: () => void;
     /**
      * Returns object to be used in the setter for the audio settings dropdown. In this case,
@@ -12,16 +13,18 @@ export declare class AudioSettingsDropdownOption implements AudioSettingsDropdow
      *
      * @param label - label to be displayed in audio settings dropdown option
      * @param icon - icon to be used in the option for the dropdown. It goes in the left side of it
+     * @param dataTest - data-test attribute to be used in the option for testing purposes
      * @param onClick - function to be called when clicking the button
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ id, label, icon, onClick, }: AudioSettingsDropdownOptionProps);
+    constructor({ id, label, icon, dataTest, onClick, }: AudioSettingsDropdownOptionProps);
     setItemId: (id: string) => void;
 }
 export declare class AudioSettingsDropdownSeparator implements AudioSettingsDropdownInterface {
     id: string;
     type: AudioSettingsDropdownItemType;
+    dataTest: string;
     /**
      * Returns object to be used in the setter for the audio settings dropdown. In this case,
      * a separator.

package/dist/cjs/extensible-areas/audio-settings-dropdown-item/component.js

@@ -10,12 +10,13 @@ var AudioSettingsDropdownOption = /** @class */ (function () {
      *
      * @param label - label to be displayed in audio settings dropdown option
      * @param icon - icon to be used in the option for the dropdown. It goes in the left side of it
+     * @param dataTest - data-test attribute to be used in the option for testing purposes
      * @param onClick - function to be called when clicking the button
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function AudioSettingsDropdownOption(_a) {
-        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.dataTest, dataTest = _d === void 0 ? '' : _d, _e = _a.onClick, onClick = _e === void 0 ? function () { } : _e;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
@@ -26,6 +27,7 @@ var AudioSettingsDropdownOption = /** @class */ (function () {
         }
         this.label = label;
         this.icon = icon;
+        this.dataTest = dataTest;
         this.onClick = onClick;
         this.type = enums_1.AudioSettingsDropdownItemType.OPTION;
     }
@@ -45,6 +47,7 @@ var AudioSettingsDropdownSeparator = /** @class */ (function () {
     function AudioSettingsDropdownSeparator() {
         var _this = this;
         this.id = '';
+        this.dataTest = 'audioSettingsDropdownSeparator';
         this.setItemId = function (id) {
             _this.id = "AudioSettingsDropdownSeparator_".concat(id);
         };

package/dist/cjs/extensible-areas/audio-settings-dropdown-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/audio-settings-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AAKxD,wCAAwC;AAExC;IAWE;;;;;;;;;OASG;IACH,qCAAY,EAEuB;YADjC,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD/C,iBAUC;QA9BD,OAAE,GAAW,EAAE,CAAC;QAgChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QAXA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,qCAA6B,CAAC,MAAM,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AApCD,IAoCC;AApCY,kEAA2B;AAsCxC;IAKE;;;;;;;;OAQG;IACH;QAAA,iBAEC;QAfD,OAAE,GAAW,EAAE,CAAC;QAiBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,yCAAkC,EAAE,CAAE,CAAC;QACnD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,qCAA6B,CAAC,SAAS,CAAC;IACtD,CAAC;IAKH,qCAAC;AAAD,CAAC,AArBD,IAqBC;AArBY,wEAA8B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/audio-settings-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AAKxD,wCAAwC;AAExC;IAaE;;;;;;;;;;OAUG;IACH,qCAAY,EAEuB;YADjC,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD9D,iBAWC;QAlCD,OAAE,GAAW,EAAE,CAAC;QAoChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QAZA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,qCAA6B,CAAC,MAAM,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AAxCD,IAwCC;AAxCY,kEAA2B;AA0CxC;IAOE;;;;;;;;OAQG;IACH;QAAA,iBAEC;QAjBD,OAAE,GAAW,EAAE,CAAC;QAIhB,aAAQ,GAAW,gCAAgC,CAAC;QAepD,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,yCAAkC,EAAE,CAAE,CAAC;QACnD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,qCAA6B,CAAC,SAAS,CAAC;IACtD,CAAC;IAKH,qCAAC;AAAD,CAAC,AAvBD,IAuBC;AAvBY,wEAA8B"}

package/dist/cjs/extensible-areas/audio-settings-dropdown-item/types.d.ts

@@ -12,5 +12,6 @@ export interface AudioSettingsDropdownOptionProps {
     id?: string;
     label: string;
     icon: string;
+    dataTest?: string;
     onClick: () => void;
 }

package/dist/cjs/extensible-areas/base.d.ts

@@ -1,4 +1,4 @@
-import { ActionButtonDropdownItemType } from './action-button-dropdown-item/enums';
+import { MediaAreaItemType } from './media-area-item/enums';
 import { ActionsBarItemType } from './actions-bar-item/enums';
 import { AppsGalleryType } from './apps-gallery-item/enums';
 import { AudioSettingsDropdownItemType } from './audio-settings-dropdown-item/enums';
@@ -14,7 +14,7 @@ import { UserCameraHelperItemType } from './user-camera-helper-item/enums';
 import { UserCameraDropdownItemType } from './user-camera-dropdown-item/enums';
 import { UserListDropdownItemType } from './user-list-dropdown-item/enums';
 import { UserListItemAdditionalInformationType } from './user-list-item-additional-information/enums';
-type PluginProvidedUiItemType = PresentationToolbarItemType | UserListDropdownItemType | ActionButtonDropdownItemType | ActionsBarItemType | AppsGalleryType | AudioSettingsDropdownItemType | PresentationDropdownItemType | NavBarItemType | OptionsDropdownItemType | CameraSettingsDropdownItemType | UserCameraDropdownItemType | UserListItemAdditionalInformationType | FloatingWindowType | GenericContentType | ScreenshareHelperItemType | UserCameraHelperItemType;
+type PluginProvidedUiItemType = PresentationToolbarItemType | UserListDropdownItemType | MediaAreaItemType | ActionsBarItemType | AppsGalleryType | AudioSettingsDropdownItemType | PresentationDropdownItemType | NavBarItemType | OptionsDropdownItemType | CameraSettingsDropdownItemType | UserCameraDropdownItemType | UserListItemAdditionalInformationType | FloatingWindowType | GenericContentType | ScreenshareHelperItemType | UserCameraHelperItemType;
 export interface PluginProvidedUiItemDescriptor {
     /** Defined by BigBlueButton Plugin Engine. */
     id: string;

package/dist/cjs/extensible-areas/camera-settings-dropdown-item/component.d.ts

@@ -5,6 +5,7 @@ export declare class CameraSettingsDropdownOption implements CameraSettingsDropd
     type: CameraSettingsDropdownItemType;
     label: string;
     icon: string;
+    dataTest: string;
     onClick: () => void;
     /**
      * Returns object to be used in the setter for the camera settings dropdown. In this case,
@@ -12,11 +13,12 @@ export declare class CameraSettingsDropdownOption implements CameraSettingsDropd
      *
      * @param label - label to be displayed in camera settings dropdown option.
      * @param icon - icon to be used in the option for the dropdown. It goes in the left side of it.
+     * @param dataTest - data-test attribute to be used in the option for the dropdown.
      * @param onClick - function to be called when clicking the button.
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ id, label, icon, onClick, }: CameraSettingsDropdownOptionProps);
+    constructor({ id, label, icon, dataTest, onClick, }: CameraSettingsDropdownOptionProps);
     setItemId: (id: string) => void;
 }
 export declare class CameraSettingsDropdownSeparator implements CameraSettingsDropdownInterface {

package/dist/cjs/extensible-areas/camera-settings-dropdown-item/component.js

@@ -10,14 +10,16 @@ var CameraSettingsDropdownOption = /** @class */ (function () {
      *
      * @param label - label to be displayed in camera settings dropdown option.
      * @param icon - icon to be used in the option for the dropdown. It goes in the left side of it.
+     * @param dataTest - data-test attribute to be used in the option for the dropdown.
      * @param onClick - function to be called when clicking the button.
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function CameraSettingsDropdownOption(_a) {
-        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.dataTest, dataTest = _d === void 0 ? '' : _d, _e = _a.onClick, onClick = _e === void 0 ? function () { } : _e;
         var _this = this;
         this.id = '';
+        this.dataTest = '';
         this.setItemId = function (id) {
             _this.id = "CameraSettingsDropdownOption_".concat(id);
         };
@@ -26,6 +28,7 @@ var CameraSettingsDropdownOption = /** @class */ (function () {
         }
         this.label = label;
         this.icon = icon;
+        this.dataTest = dataTest;
         this.onClick = onClick;
         this.type = enums_1.CameraSettingsDropdownItemType.OPTION;
     }

package/dist/cjs/extensible-areas/camera-settings-dropdown-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/camera-settings-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAyD;AAKzD,yCAAyC;AAEzC;IAWE;;;;;;;;;OASG;IACH,sCAAY,EAEwB;YADlC,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD/C,iBAUC;QA9BD,OAAE,GAAW,EAAE,CAAC;QAgChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uCAAgC,EAAE,CAAE,CAAC;QACjD,CAAC,CAAC;QAXA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,sCAA8B,CAAC,MAAM,CAAC;IACpD,CAAC;IAKH,mCAAC;AAAD,CAAC,AApCD,IAoCC;AApCY,oEAA4B;AAsCzC;IAKE;;;;;;;;OAQG;IACH;QAAA,iBAEC;QAfD,OAAE,GAAW,EAAE,CAAC;QAiBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,0CAAmC,EAAE,CAAE,CAAC;QACpD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,sCAA8B,CAAC,SAAS,CAAC;IACvD,CAAC;IAKH,sCAAC;AAAD,CAAC,AArBD,IAqBC;AArBY,0EAA+B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/camera-settings-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAyD;AAKzD,yCAAyC;AAEzC;IAaE;;;;;;;;;;OAUG;IACH,sCAAY,EAEwB;YADlC,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD9D,iBAWC;QAlCD,OAAE,GAAW,EAAE,CAAC;QAQhB,aAAQ,GAAW,EAAE,CAAC;QA4BtB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uCAAgC,EAAE,CAAE,CAAC;QACjD,CAAC,CAAC;QAZA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,sCAA8B,CAAC,MAAM,CAAC;IACpD,CAAC;IAKH,mCAAC;AAAD,CAAC,AAxCD,IAwCC;AAxCY,oEAA4B;AA0CzC;IAKE;;;;;;;;OAQG;IACH;QAAA,iBAEC;QAfD,OAAE,GAAW,EAAE,CAAC;QAiBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,0CAAmC,EAAE,CAAE,CAAC;QACpD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,sCAA8B,CAAC,SAAS,CAAC;IACvD,CAAC;IAKH,sCAAC;AAAD,CAAC,AArBD,IAqBC;AArBY,0EAA+B"}

package/dist/cjs/extensible-areas/camera-settings-dropdown-item/types.d.ts

@@ -12,5 +12,6 @@ export interface CameraSettingsDropdownOptionProps {
     id?: string;
     label: string;
     icon: string;
+    dataTest?: string;
     onClick: () => void;
 }

package/dist/cjs/extensible-areas/index.d.ts

@@ -1,6 +1,6 @@
 export * from './presentation-toolbar-item';
 export * from './user-list-dropdown-item';
-export * from './action-button-dropdown-item';
+export * from './media-area-item';
 export * from './actions-bar-item';
 export * from './apps-gallery-item';
 export * from './audio-settings-dropdown-item';

package/dist/cjs/extensible-areas/index.js

@@ -16,7 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./presentation-toolbar-item"), exports);
 __exportStar(require("./user-list-dropdown-item"), exports);
-__exportStar(require("./action-button-dropdown-item"), exports);
+__exportStar(require("./media-area-item"), exports);
 __exportStar(require("./actions-bar-item"), exports);
 __exportStar(require("./apps-gallery-item"), exports);
 __exportStar(require("./audio-settings-dropdown-item"), exports);

package/dist/cjs/extensible-areas/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/extensible-areas/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8DAA4C;AAC5C,4DAA0C;AAC1C,gEAA8C;AAC9C,qDAAmC;AACnC,sDAAoC;AACpC,iEAA+C;AAC/C,+DAA6C;AAC7C,iDAA+B;AAC/B,4DAA0C;AAC1C,0DAAwC;AACxC,kEAAgD;AAChD,8DAA4C;AAC5C,4DAA0C;AAC1C,0EAAwD;AACxD,oDAAkC;AAClC,yDAAuC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/extensible-areas/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8DAA4C;AAC5C,4DAA0C;AAC1C,oDAAkC;AAClC,qDAAmC;AACnC,sDAAoC;AACpC,iEAA+C;AAC/C,+DAA6C;AAC7C,iDAA+B;AAC/B,4DAA0C;AAC1C,0DAAwC;AACxC,kEAAgD;AAChD,8DAA4C;AAC5C,4DAA0C;AAC1C,0EAAwD;AACxD,oDAAkC;AAClC,yDAAuC"}

package/dist/cjs/extensible-areas/media-area-item/component.d.ts

@@ -0,0 +1,42 @@
+import { MediaAreaItemType } from './enums';
+import { MediaAreaInterface, MediaAreaOptionProps } from './types';
+export declare class MediaAreaOption implements MediaAreaInterface {
+    id: string;
+    type: MediaAreaItemType;
+    label: string;
+    icon: string;
+    tooltip: string;
+    dataTest: string;
+    allowed: boolean;
+    onClick: () => void;
+    /**
+     * Returns the option for the media area
+     *
+     * @param label - label to be displayed on the option
+     * @param icon - icon to be displayed on the option
+     * @param tooltip - tooltip to be displayed when hovering over option
+     * @param dataTest - string attribute to be used for testing
+     * @param allowed - boolean indicating whether the option should be displayed
+     * @param onClick - function to be called when clicking
+     *
+     * @returns the option to be displayed in the media area
+     */
+    constructor({ id, label, icon, tooltip, dataTest, allowed, onClick, }: MediaAreaOptionProps);
+    setItemId: (id: string) => void;
+}
+export declare class MediaAreaSeparator implements MediaAreaInterface {
+    id: string;
+    dataTest?: string;
+    type: MediaAreaItemType;
+    /**
+     * Returns the separator for the media area
+     *
+     * @param dataTest - optional string attribute to be used for testing
+     *
+     * @returns the separator to be displayed in the media area
+     */
+    constructor({ dataTest }: {
+        dataTest?: string | undefined;
+    });
+    setItemId: (id: string) => void;
+}

package/dist/cjs/extensible-areas/media-area-item/component.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaAreaSeparator = exports.MediaAreaOption = void 0;
+var enums_1 = require("./enums");
+// MediaArea Extensible Area
+var MediaAreaOption = /** @class */ (function () {
+    /**
+     * Returns the option for the media area
+     *
+     * @param label - label to be displayed on the option
+     * @param icon - icon to be displayed on the option
+     * @param tooltip - tooltip to be displayed when hovering over option
+     * @param dataTest - string attribute to be used for testing
+     * @param allowed - boolean indicating whether the option should be displayed
+     * @param onClick - function to be called when clicking
+     *
+     * @returns the option to be displayed in the media area
+     */
+    function MediaAreaOption(_a) {
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.tooltip, tooltip = _d === void 0 ? '' : _d, _e = _a.dataTest, dataTest = _e === void 0 ? '' : _e, _f = _a.allowed, allowed = _f === void 0 ? true : _f, _g = _a.onClick, onClick = _g === void 0 ? function () { } : _g;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "MediaAreaOption_".concat(id);
+        };
+        if (id) {
+            this.id = id;
+        }
+        this.label = label;
+        this.icon = icon;
+        this.tooltip = tooltip;
+        this.dataTest = dataTest;
+        this.allowed = allowed;
+        this.onClick = onClick;
+        this.type = enums_1.MediaAreaItemType.OPTION;
+    }
+    return MediaAreaOption;
+}());
+exports.MediaAreaOption = MediaAreaOption;
+var MediaAreaSeparator = /** @class */ (function () {
+    /**
+     * Returns the separator for the media area
+     *
+     * @param dataTest - optional string attribute to be used for testing
+     *
+     * @returns the separator to be displayed in the media area
+     */
+    function MediaAreaSeparator(_a) {
+        var _b = _a.dataTest, dataTest = _b === void 0 ? '' : _b;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "MediaAreaSeparator_".concat(id);
+        };
+        this.type = enums_1.MediaAreaItemType.SEPARATOR;
+        this.dataTest = dataTest;
+    }
+    return MediaAreaSeparator;
+}());
+exports.MediaAreaSeparator = MediaAreaSeparator;
+//# sourceMappingURL=component.js.map

package/dist/cjs/extensible-areas/media-area-item/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/media-area-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAK5C,4BAA4B;AAE5B;IAiBE;;;;;;;;;;;OAWG;IACH,yBAAY,EAEW;YADrB,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD5F,iBAaC;QAzCD,OAAE,GAAW,EAAE,CAAC;QA2ChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,0BAAmB,EAAE,CAAE,CAAC;QACpC,CAAC,CAAC;QAdA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,yBAAiB,CAAC,MAAM,CAAC;IACvC,CAAC;IAKH,sBAAC;AAAD,CAAC,AA/CD,IA+CC;AA/CY,0CAAe;AAiD5B;IAOE;;;;;;OAMG;IACH,4BAAY,EAAiB;YAAf,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;QAA3B,iBAGC;QAhBD,OAAE,GAAW,EAAE,CAAC;QAkBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,6BAAsB,EAAE,CAAE,CAAC;QACvC,CAAC,CAAC;QANA,IAAI,CAAC,IAAI,GAAG,yBAAiB,CAAC,SAAS,CAAC;QACxC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,yBAAC;AAAD,CAAC,AAtBD,IAsBC;AAtBY,gDAAkB"}

package/dist/cjs/extensible-areas/media-area-item/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum MediaAreaItemType {
+    OPTION = "MEDIA_AREA_OPTION",
+    SEPARATOR = "MEDIA_AREA_SEPARATOR"
+}

package/dist/cjs/extensible-areas/media-area-item/enums.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaAreaItemType = void 0;
+// Media area dropdown items types:
+var MediaAreaItemType;
+(function (MediaAreaItemType) {
+    MediaAreaItemType["OPTION"] = "MEDIA_AREA_OPTION";
+    MediaAreaItemType["SEPARATOR"] = "MEDIA_AREA_SEPARATOR";
+})(MediaAreaItemType || (exports.MediaAreaItemType = MediaAreaItemType = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/extensible-areas/media-area-item/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/media-area-item/enums.ts"],"names":[],"mappings":";;;AAAA,mCAAmC;AACnC,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,iDAA4B,CAAA;IAC5B,uDAAkC,CAAA;AACpC,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B"}

package/dist/cjs/extensible-areas/media-area-item/index.d.ts

@@ -0,0 +1,2 @@
+export { MediaAreaOption, MediaAreaSeparator, } from './component';
+export { MediaAreaInterface, } from './types';

package/dist/cjs/extensible-areas/media-area-item/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaAreaSeparator = exports.MediaAreaOption = void 0;
+var component_1 = require("./component");
+Object.defineProperty(exports, "MediaAreaOption", { enumerable: true, get: function () { return component_1.MediaAreaOption; } });
+Object.defineProperty(exports, "MediaAreaSeparator", { enumerable: true, get: function () { return component_1.MediaAreaSeparator; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/extensible-areas/media-area-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/media-area-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAGqB;AAFnB,4GAAA,eAAe,OAAA;AACf,+GAAA,kBAAkB,OAAA"}

package/dist/cjs/extensible-areas/media-area-item/types.d.ts

@@ -0,0 +1,15 @@
+import { PluginProvidedUiItemDescriptor } from '../base';
+/**
+ * Interface for a generic item for the media area.
+ */
+export interface MediaAreaInterface extends PluginProvidedUiItemDescriptor {
+}
+export interface MediaAreaOptionProps {
+    id?: string;
+    label: string;
+    icon: string;
+    tooltip: string;
+    dataTest?: string;
+    allowed: boolean;
+    onClick: () => void;
+}

package/dist/cjs/extensible-areas/media-area-item/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/extensible-areas/media-area-item/types.ts"],"names":[],"mappings":""}

package/dist/cjs/extensible-areas/presentation-toolbar-item/component.d.ts

@@ -7,6 +7,7 @@ export declare class PresentationToolbarButton implements PresentationToolbarInt
     label: string;
     tooltip: string;
     style: React.CSSProperties;
+    dataTest: string;
     onClick: () => void;
     /**
      * Returns object to be used in the setter for presentation toolbar. In this case
@@ -16,10 +17,11 @@ export declare class PresentationToolbarButton implements PresentationToolbarInt
      * @param tooltip - tooltip to be displayed when hovering the button
      * @param onClick - function to be called when clicking the button
      * @param style - style of the button in the presentation toolbar
+     * @param dataTest - data-test attribute for testing purposes
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ id, label, tooltip, onClick, style, }: PresentationToolbarButtonProps);
+    constructor({ id, label, tooltip, dataTest, onClick, style, }: PresentationToolbarButtonProps);
     setItemId: (id: string) => void;
 }
 export declare class PresentationToolbarSpinner implements PresentationToolbarInterface {

package/dist/cjs/extensible-areas/presentation-toolbar-item/component.js

@@ -12,11 +12,12 @@ var PresentationToolbarButton = /** @class */ (function () {
      * @param tooltip - tooltip to be displayed when hovering the button
      * @param onClick - function to be called when clicking the button
      * @param style - style of the button in the presentation toolbar
+     * @param dataTest - data-test attribute for testing purposes
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function PresentationToolbarButton(_a) {
-        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.tooltip, tooltip = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.style, style = _e === void 0 ? {} : _e;
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.tooltip, tooltip = _c === void 0 ? '' : _c, _d = _a.dataTest, dataTest = _d === void 0 ? '' : _d, _e = _a.onClick, onClick = _e === void 0 ? function () { } : _e, _f = _a.style, style = _f === void 0 ? {} : _f;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
@@ -29,6 +30,7 @@ var PresentationToolbarButton = /** @class */ (function () {
         this.tooltip = tooltip;
         this.onClick = onClick;
         this.style = style;
+        this.dataTest = dataTest;
         this.type = enums_1.PresentationToolbarItemType.BUTTON;
     }
     return PresentationToolbarButton;

package/dist/cjs/extensible-areas/presentation-toolbar-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-toolbar-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AAKtD,sCAAsC;AAEtC;IAaE;;;;;;;;;;OAUG;IACH,mCAAY,EAEqB;YAD/B,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA;QAD9D,iBAWC;QAlCD,OAAE,GAAW,EAAE,CAAC;QAoChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,oCAA6B,EAAE,CAAE,CAAC;QAC9C,CAAC,CAAC;QAZA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,mCAA2B,CAAC,MAAM,CAAC;IACjD,CAAC;IAKH,gCAAC;AAAD,CAAC,AAxCD,IAwCC;AAxCY,8DAAyB;AA0CtC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qCAA8B,EAAE,CAAE,CAAC;QAC/C,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,mCAA2B,CAAC,OAAO,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,gEAA0B;AAoBvC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uCAAgC,EAAE,CAAE,CAAC;QACjD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,mCAA2B,CAAC,SAAS,CAAC;IACpD,CAAC;IAKH,mCAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,oEAA4B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-toolbar-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AAKtD,sCAAsC;AAEtC;IAeE;;;;;;;;;;;OAWG;IACH,mCAAY,EAEqB;YAD/B,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA;QAD7E,iBAYC;QAtCD,OAAE,GAAW,EAAE,CAAC;QAwChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,oCAA6B,EAAE,CAAE,CAAC;QAC9C,CAAC,CAAC;QAbA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,mCAA2B,CAAC,MAAM,CAAC;IACjD,CAAC;IAKH,gCAAC;AAAD,CAAC,AA5CD,IA4CC;AA5CY,8DAAyB;AA8CtC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qCAA8B,EAAE,CAAE,CAAC;QAC/C,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,mCAA2B,CAAC,OAAO,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,gEAA0B;AAoBvC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uCAAgC,EAAE,CAAE,CAAC;QACjD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,mCAA2B,CAAC,SAAS,CAAC;IACpD,CAAC;IAKH,mCAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,oEAA4B"}

package/dist/cjs/extensible-areas/presentation-toolbar-item/types.d.ts

@@ -10,5 +10,6 @@ export interface PresentationToolbarButtonProps {
     label: string;
     tooltip: string;
     style: React.CSSProperties;
+    dataTest?: string;
     onClick: () => void;
 }

package/dist/cjs/index.d.ts

@@ -1,7 +1,7 @@
 export * from './extensible-areas';
 export * from './data-consumption';
 export * from './data-channel';
-export * from './ui-data-hooks';
+export * from './ui-data';
 export * from './server-commands';
 export * from './ui-commands';
 export * from './core';

package/dist/cjs/index.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./extensible-areas"), exports);
 __exportStar(require("./data-consumption"), exports);
 __exportStar(require("./data-channel"), exports);
-__exportStar(require("./ui-data-hooks"), exports);
+__exportStar(require("./ui-data"), exports);
 __exportStar(require("./server-commands"), exports);
 __exportStar(require("./ui-commands"), exports);
 __exportStar(require("./core"), exports);

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AAEnC,qDAAmC;AAEnC,iDAA+B;AAE/B,kDAAgC;AAEhC,oDAAkC;AAElC,gDAA8B;AAE9B,yCAAuB;AAEvB,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AAEnC,qDAAmC;AAEnC,iDAA+B;AAE/B,4CAA0B;AAE1B,oDAAkC;AAElC,gDAA8B;AAE9B,yCAAuB;AAEvB,0CAAwB"}