bigbluebutton-html-plugin-sdk 0.1.13 → 0.1.14

package/dist/cjs/extensible-areas/floating-window/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/floating-window/component.ts"],"names":[],"mappings":";;;AACA,iCAA6C;AAG7C,iCAAiC;AAEjC;IAiBE;;;;;;;;;;;;;;;OAeG;IACH,wBAAY,EAQU;YAPpB,EAAE,QAAA,EACF,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,eAAe,qBAAA;QAPjB,iBAoBC;QApDD,OAAE,GAAW,EAAE,CAAC;QAsDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,yBAAkB,EAAE,CAAE,CAAC;QACnC,CAAC,CAAC;QAfA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,qBAAC;AAAD,CAAC,AA1DD,IA0DC;AA1DY,wCAAc"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/floating-window/component.ts"],"names":[],"mappings":";;;AACA,iCAA6C;AAG7C,iCAAiC;AAEjC;IAqBE;;;;;;;;;;;;;;;;OAgBG;IACH,wBAAY,EAUU;YATpB,EAAE,QAAA,EACF,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,QAAQ,cAAA;QATV,iBAwBC;QA7DD,OAAE,GAAW,EAAE,CAAC;QA+DhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,yBAAkB,EAAE,CAAE,CAAC;QACnC,CAAC,CAAC;QAjBA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,qBAAC;AAAD,CAAC,AAnED,IAmEC;AAnEY,wCAAc"}

package/dist/cjs/extensible-areas/floating-window/types.d.ts

@@ -9,6 +9,8 @@ export interface FloatingWindowProps {
     movable: boolean;
     backgroundColor: string;
     boxShadow: string;
+    zIndex?: number;
+    dataTest?: string;
     contentFunction: (element: HTMLElement) => ReactDOM.Root;
 }
 export type SetFloatingWindows = (FloatingWindows: FloatingWindowInterface[]) => void;

package/dist/cjs/extensible-areas/generic-content-item/component.d.ts

@@ -5,16 +5,18 @@ export declare class GenericContentMainArea implements GenericContentInterface {
     id: string;
     type: GenericContentType;
     contentFunction: (element: HTMLElement) => ReactDOM.Root;
+    dataTest: string;
     /**
      * Returns an object that when used in the setter as a generic content will be rendered
      * over the meeting main presentation.
      *
      * @param contentFunction - function that gives the html element to render the content of
      * the generic component
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ id, contentFunction, }: GenericContentMainAreaProps);
+    constructor({ id, contentFunction, dataTest, }: GenericContentMainAreaProps);
     setItemId: (id: string) => void;
 }
 export declare class GenericContentSidekickArea implements GenericContentInterface {
@@ -24,6 +26,7 @@ export declare class GenericContentSidekickArea implements GenericContentInterfa
     section: string;
     buttonIcon: string;
     open: boolean;
+    dataTest: string;
     contentFunction: (element: HTMLElement) => ReactDOM.Root;
     /**
      * Returns an object that when used in the setter as a generic content will be rendered
@@ -38,9 +41,10 @@ export declare class GenericContentSidekickArea implements GenericContentInterfa
      *  displayed
      * @param buttonIcon - the icon of the associated sidebar navigation button
      * @param open - boolean value to decide wether to start open
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ id, contentFunction, name, section, buttonIcon, open, }: GenericContentSidekickAreaProps);
+    constructor({ id, contentFunction, name, section, buttonIcon, open, dataTest, }: GenericContentSidekickAreaProps);
     setItemId: (id: string) => void;
 }

package/dist/cjs/extensible-areas/generic-content-item/component.js

@@ -10,11 +10,12 @@ var GenericContentMainArea = /** @class */ (function () {
      *
      * @param contentFunction - function that gives the html element to render the content of
      * the generic component
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function GenericContentMainArea(_a) {
-        var id = _a.id, contentFunction = _a.contentFunction;
+        var id = _a.id, contentFunction = _a.contentFunction, _b = _a.dataTest, dataTest = _b === void 0 ? '' : _b;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
@@ -24,6 +25,7 @@ var GenericContentMainArea = /** @class */ (function () {
             this.id = id;
         }
         this.contentFunction = contentFunction;
+        this.dataTest = dataTest;
         this.type = enums_1.GenericContentType.MAIN_AREA;
     }
     return GenericContentMainArea;
@@ -43,11 +45,12 @@ var GenericContentSidekickArea = /** @class */ (function () {
      *  displayed
      * @param buttonIcon - the icon of the associated sidebar navigation button
      * @param open - boolean value to decide wether to start open
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function GenericContentSidekickArea(_a) {
-        var id = _a.id, contentFunction = _a.contentFunction, name = _a.name, section = _a.section, buttonIcon = _a.buttonIcon, open = _a.open;
+        var id = _a.id, contentFunction = _a.contentFunction, name = _a.name, section = _a.section, buttonIcon = _a.buttonIcon, open = _a.open, _b = _a.dataTest, dataTest = _b === void 0 ? '' : _b;
         var _this = this;
         this.id = '';
         this.name = '';
@@ -64,6 +67,7 @@ var GenericContentSidekickArea = /** @class */ (function () {
         this.name = name;
         this.section = section;
         this.buttonIcon = buttonIcon;
+        this.dataTest = dataTest;
         this.type = enums_1.GenericContentType.SIDEKICK_AREA;
         this.open = open;
     }

package/dist/cjs/extensible-areas/generic-content-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/generic-content-item/component.ts"],"names":[],"mappings":";;;AACA,iCAA6C;AAG7C,iCAAiC;AAEjC;IAOE;;;;;;;;OAQG;IACH,gCAAY,EAEkB;YAD5B,EAAE,QAAA,EAAE,eAAe,qBAAA;QADrB,iBAQC;QAvBD,OAAE,GAAW,EAAE,CAAC;QAyBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QATA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,6BAAC;AAAD,CAAC,AA7BD,IA6BC;AA7BY,wDAAsB;AA+BnC;IAeE;;;;;;;;;;;;;;;OAeG;IACH,oCAAY,EAEsB;YADhC,EAAE,QAAA,EAAE,eAAe,qBAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;QADtD,iBAYC;QA1CD,OAAE,GAAW,EAAE,CAAC;QAIhB,SAAI,GAAW,EAAE,CAAC;QAElB,YAAO,GAAW,EAAE,CAAC;QAErB,eAAU,GAAW,EAAE,CAAC;QAExB,SAAI,GAAY,KAAK,CAAC;QAkCtB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QAbA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,aAAa,CAAC;QAC7C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAKH,iCAAC;AAAD,CAAC,AAhDD,IAgDC;AAhDY,gEAA0B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/generic-content-item/component.ts"],"names":[],"mappings":";;;AACA,iCAA6C;AAG7C,iCAAiC;AAEjC;IASE;;;;;;;;;OASG;IACH,gCAAY,EAEkB;YAD5B,EAAE,QAAA,EAAE,eAAe,qBAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;QADpC,iBASC;QA3BD,OAAE,GAAW,EAAE,CAAC;QA6BhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QAVA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,6BAAC;AAAD,CAAC,AAjCD,IAiCC;AAjCY,wDAAsB;AAmCnC;IAiBE;;;;;;;;;;;;;;;;OAgBG;IACH,oCAAY,EAEsB;YADhC,EAAE,QAAA,EAAE,eAAe,qBAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;QADrE,iBAaC;QA9CD,OAAE,GAAW,EAAE,CAAC;QAIhB,SAAI,GAAW,EAAE,CAAC;QAElB,YAAO,GAAW,EAAE,CAAC;QAErB,eAAU,GAAW,EAAE,CAAC;QAExB,SAAI,GAAY,KAAK,CAAC;QAsCtB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QAdA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,aAAa,CAAC;QAC7C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAKH,iCAAC;AAAD,CAAC,AApDD,IAoDC;AApDY,gEAA0B"}

package/dist/cjs/extensible-areas/generic-content-item/types.d.ts

@@ -5,6 +5,7 @@ export interface GenericContentInterface extends PluginProvidedUiItemDescriptor
 export interface GenericContentMainAreaProps {
     id?: string;
     contentFunction: (element: HTMLElement) => ReactDOM.Root;
+    dataTest?: string;
 }
 export interface GenericContentSidekickAreaProps {
     id?: string;
@@ -13,4 +14,5 @@ export interface GenericContentSidekickAreaProps {
     section: string;
     buttonIcon: string;
     open: boolean;
+    dataTest?: string;
 }

package/dist/cjs/extensible-areas/nav-bar-item/component.d.ts

@@ -7,6 +7,7 @@ export declare class NavBarButton implements NavBarInterface {
     icon: string;
     tooltip: string;
     disabled: boolean;
+    dataTest: string;
     position: NavBarItemPosition;
     hasSeparator: boolean;
     onClick: () => void;
@@ -23,16 +24,18 @@ export declare class NavBarButton implements NavBarInterface {
      * @param hasSeparator - boolean indicating whether the navigation bar button has separator
      * (vertical bar)
      * @param disabled - if true, the navigation bar button will not be clickable
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ id, label, icon, tooltip, disabled, onClick, position, hasSeparator, }: NavBarButtonProps);
+    constructor({ id, label, icon, tooltip, disabled, dataTest, onClick, position, hasSeparator, }: NavBarButtonProps);
     setItemId: (id: string) => void;
 }
 export declare class NavBarInfo implements NavBarInterface {
     id: string;
     type: NavBarItemType;
     label: string;
+    dataTest: string;
     hasSeparator: boolean;
     position: NavBarItemPosition;
     /**
@@ -44,9 +47,10 @@ export declare class NavBarInfo implements NavBarInterface {
      * See {@link NavBarItemPosition}
      * @param hasSeparator - boolean indicating whether the navigation bar information has separator
      * (vertical bar)
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ id, label, position, hasSeparator, }: NavBarInfoProps);
+    constructor({ id, label, position, hasSeparator, dataTest, }: NavBarInfoProps);
     setItemId: (id: string) => void;
 }

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

@@ -17,11 +17,12 @@ var NavBarButton = /** @class */ (function () {
      * @param hasSeparator - boolean indicating whether the navigation bar button has separator
      * (vertical bar)
      * @param disabled - if true, the navigation bar button will not be clickable
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function NavBarButton(_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.disabled, disabled = _e === void 0 ? true : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, _g = _a.position, position = _g === void 0 ? enums_1.NavBarItemPosition.RIGHT : _g, _h = _a.hasSeparator, hasSeparator = _h === void 0 ? true : _h;
+        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.disabled, disabled = _e === void 0 ? true : _e, _f = _a.dataTest, dataTest = _f === void 0 ? '' : _f, _g = _a.onClick, onClick = _g === void 0 ? function () { } : _g, _h = _a.position, position = _h === void 0 ? enums_1.NavBarItemPosition.RIGHT : _h, _j = _a.hasSeparator, hasSeparator = _j === void 0 ? true : _j;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
@@ -34,6 +35,7 @@ var NavBarButton = /** @class */ (function () {
         this.icon = icon;
         this.tooltip = tooltip;
         this.disabled = disabled;
+        this.dataTest = dataTest;
         this.onClick = onClick;
         this.type = enums_1.NavBarItemType.BUTTON;
         this.hasSeparator = hasSeparator;
@@ -52,11 +54,12 @@ var NavBarInfo = /** @class */ (function () {
      * See {@link NavBarItemPosition}
      * @param hasSeparator - boolean indicating whether the navigation bar information has separator
      * (vertical bar)
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function NavBarInfo(_a) {
-        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.position, position = _c === void 0 ? enums_1.NavBarItemPosition.RIGHT : _c, _d = _a.hasSeparator, hasSeparator = _d === void 0 ? true : _d;
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.position, position = _c === void 0 ? enums_1.NavBarItemPosition.RIGHT : _c, _d = _a.hasSeparator, hasSeparator = _d === void 0 ? true : _d, _e = _a.dataTest, dataTest = _e === void 0 ? '' : _e;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
@@ -66,6 +69,7 @@ var NavBarInfo = /** @class */ (function () {
             this.id = id;
         }
         this.label = label;
+        this.dataTest = dataTest;
         this.type = enums_1.NavBarItemType.INFO;
         this.position = position;
         this.hasSeparator = hasSeparator;

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/nav-bar-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAA6D;AAM7D,yBAAyB;AAEzB;IAmBE;;;;;;;;;;;;;;;OAeG;IACH,sBAAY,EAGQ;YAFlB,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAC5E,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;QAF1D,iBAeC;QAjDD,OAAE,GAAW,EAAE,CAAC;QAmDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uBAAgB,EAAE,CAAE,CAAC;QACjC,CAAC,CAAC;QAfA,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,IAAI,GAAG,sBAAc,CAAC,MAAM,CAAC;QAClC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,mBAAC;AAAD,CAAC,AAvDD,IAuDC;AAvDY,oCAAY;AAyDzB;IAWE;;;;;;;;;;;OAWG;IACH,oBAAY,EAGM;YAFhB,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EACnD,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;QAFrB,iBAWC;QAjCD,OAAE,GAAW,EAAE,CAAC;QAmChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qBAAc,EAAE,CAAE,CAAC;QAC/B,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,sBAAc,CAAC,IAAI,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAKH,iBAAC;AAAD,CAAC,AAvCD,IAuCC;AAvCY,gCAAU"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/nav-bar-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAA6D;AAM7D,yBAAyB;AAEzB;IAqBE;;;;;;;;;;;;;;;;OAgBG;IACH,sBAAY,EAGQ;YAFlB,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAC3F,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;QAF1D,iBAgBC;QArDD,OAAE,GAAW,EAAE,CAAC;QAuDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uBAAgB,EAAE,CAAE,CAAC;QACjC,CAAC,CAAC;QAhBA,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,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,sBAAc,CAAC,MAAM,CAAC;QAClC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,mBAAC;AAAD,CAAC,AA3DD,IA2DC;AA3DY,oCAAY;AA6DzB;IAaE;;;;;;;;;;;;OAYG;IACH,oBAAY,EAGM;YAFhB,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EACnD,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;QAFpC,iBAYC;QArCD,OAAE,GAAW,EAAE,CAAC;QAuChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qBAAc,EAAE,CAAE,CAAC;QAC/B,CAAC,CAAC;QAZA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,sBAAc,CAAC,IAAI,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAKH,iBAAC;AAAD,CAAC,AA3CD,IA2CC;AA3CY,gCAAU"}

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

@@ -13,10 +13,12 @@ export interface NavBarButtonProps {
     hasSeparator: boolean;
     position: NavBarItemPosition;
     onClick: () => void;
+    dataTest?: string;
 }
 export interface NavBarInfoProps {
     id?: string;
     label: string;
     hasSeparator: boolean;
     position: NavBarItemPosition;
+    dataTest?: string;
 }

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

@@ -5,6 +5,7 @@ export declare class OptionsDropdownOption implements OptionsDropdownInterface {
     type: OptionsDropdownItemType;
     label: string;
     icon: string;
+    dataTest: string;
     onClick: () => void;
     /**
      * Returns object to be used in the setter for the Options Dropdown. In this case,
@@ -12,22 +13,28 @@ export declare class OptionsDropdownOption implements OptionsDropdownInterface {
      *
      * @param label - label to be displayed in the options dropdown option.
      * @param icon - icon to be displayed in the options dropdown. It goes in the left side of it.
+     * @param dataTest - string attribute to be used for testing
      * @param onClick - function to be called when clicking the option.
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ id, label, icon, onClick, }: OptionsDropdownOptionProps);
+    constructor({ id, label, icon, dataTest, onClick, }: OptionsDropdownOptionProps);
     setItemId: (id: string) => void;
 }
 export declare class OptionsDropdownSeparator implements OptionsDropdownInterface {
     id: string;
     type: OptionsDropdownItemType;
+    dataTest: string;
     /**
      * Returns object to be used in the setter for the Navigation Bar. In this case,
      * a separator.
      *
+     * @param dataTest - string attribute to be used for testing
+     *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor();
+    constructor({ dataTest }?: {
+        dataTest?: string | undefined;
+    });
     setItemId: (id: string) => void;
 }

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

@@ -10,12 +10,13 @@ var OptionsDropdownOption = /** @class */ (function () {
      *
      * @param label - label to be displayed in the options dropdown option.
      * @param icon - icon to be displayed in the options dropdown. It goes in the left side of it.
+     * @param dataTest - string attribute to be used for testing
      * @param onClick - function to be called when clicking the option.
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function OptionsDropdownOption(_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 OptionsDropdownOption = /** @class */ (function () {
         }
         this.label = label;
         this.icon = icon;
+        this.dataTest = dataTest;
         this.onClick = onClick;
         this.type = enums_1.OptionsDropdownItemType.OPTION;
     }
@@ -37,14 +39,18 @@ var OptionsDropdownSeparator = /** @class */ (function () {
      * Returns object to be used in the setter for the Navigation Bar. In this case,
      * a separator.
      *
+     * @param dataTest - string attribute to be used for testing
+     *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    function OptionsDropdownSeparator() {
+    function OptionsDropdownSeparator(_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.dataTest, dataTest = _c === void 0 ? '' : _c;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "OptionsDropdownSeparator_".concat(id);
         };
+        this.dataTest = dataTest;
         this.type = enums_1.OptionsDropdownItemType.SEPARATOR;
     }
     return OptionsDropdownSeparator;

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/options-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAKlD,kCAAkC;AAElC;IAWE;;;;;;;;;OASG;IACH,+BAAY,EAEiB;YAD3B,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,gCAAyB,EAAE,CAAE,CAAC;QAC1C,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,+BAAuB,CAAC,MAAM,CAAC;IAC7C,CAAC;IAKH,4BAAC;AAAD,CAAC,AApCD,IAoCC;AApCY,sDAAqB;AAsClC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,mCAA4B,EAAE,CAAE,CAAC;QAC7C,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,+BAAuB,CAAC,SAAS,CAAC;IAChD,CAAC;IAKH,+BAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,4DAAwB"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/options-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAKlD,kCAAkC;AAElC;IAaE;;;;;;;;;;OAUG;IACH,+BAAY,EAEiB;YAD3B,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,gCAAyB,EAAE,CAAE,CAAC;QAC1C,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,+BAAuB,CAAC,MAAM,CAAC;IAC7C,CAAC;IAKH,4BAAC;AAAD,CAAC,AAxCD,IAwCC;AAxCY,sDAAqB;AA0ClC;IAOE;;;;;;;OAOG;IACH,kCAAY,EAAsB;YAAtB,qBAAoB,EAAE,KAAA,EAApB,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;QAA3B,iBAGC;QAjBD,OAAE,GAAW,EAAE,CAAC;QAmBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,mCAA4B,EAAE,CAAE,CAAC;QAC7C,CAAC,CAAC;QANA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,+BAAuB,CAAC,SAAS,CAAC;IAChD,CAAC;IAKH,+BAAC;AAAD,CAAC,AAvBD,IAuBC;AAvBY,4DAAwB"}

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

@@ -13,4 +13,5 @@ export interface OptionsDropdownOptionProps {
     label: string;
     icon: string;
     onClick: () => void;
+    dataTest?: string;
 }

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

@@ -5,6 +5,7 @@ export declare class PresentationDropdownOption implements PresentationDropdownI
     type: PresentationDropdownItemType;
     label: string;
     icon: string;
+    dataTest: string;
     onClick: () => void;
     /**
      * Returns object to be used in the setter for the Presentation Dropdown. In this case,
@@ -13,22 +14,28 @@ export declare class PresentationDropdownOption implements PresentationDropdownI
      * @param label - label to be displayed in the presentation dropdown option.
      * @param icon - icon to be displayed in the presentation dropdown.
      * It goes in the left side of it.
+     * @param dataTest - string attribute to be used for testing
      * @param onClick - function to be called when clicking the option.
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ id, label, icon, onClick, }: PresentationDropdownOptionProps);
+    constructor({ id, label, icon, dataTest, onClick, }: PresentationDropdownOptionProps);
     setItemId: (id: string) => void;
 }
 export declare class PresentationDropdownSeparator implements PresentationDropdownInterface {
     id: string;
     type: PresentationDropdownItemType;
+    dataTest: string;
     /**
      * Returns object to be used in the setter for the Presentation Dropdown. In this case,
      * a separator (horizontal thin black line).
-  
+     *
+     * @param dataTest - string attribute to be used for testing
+     *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor();
+    constructor({ dataTest }?: {
+        dataTest?: string | undefined;
+    });
     setItemId: (id: string) => void;
 }

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

@@ -11,12 +11,13 @@ var PresentationDropdownOption = /** @class */ (function () {
      * @param label - label to be displayed in the presentation dropdown option.
      * @param icon - icon to be displayed in the presentation dropdown.
      * It goes in the left side of it.
+     * @param dataTest - string attribute to be used for testing
      * @param onClick - function to be called when clicking the option.
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function PresentationDropdownOption(_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) {
@@ -27,6 +28,7 @@ var PresentationDropdownOption = /** @class */ (function () {
         }
         this.label = label;
         this.icon = icon;
+        this.dataTest = dataTest;
         this.onClick = onClick;
         this.type = enums_1.PresentationDropdownItemType.OPTION;
     }
@@ -37,15 +39,19 @@ var PresentationDropdownSeparator = /** @class */ (function () {
     /**
      * Returns object to be used in the setter for the Presentation Dropdown. In this case,
      * a separator (horizontal thin black line).
-  
+     *
+     * @param dataTest - string attribute to be used for testing
+     *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    function PresentationDropdownSeparator() {
+    function PresentationDropdownSeparator(_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.dataTest, dataTest = _c === void 0 ? '' : _c;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "PresentationDropdownSeparator_".concat(id);
         };
+        this.dataTest = dataTest;
         this.type = enums_1.PresentationDropdownItemType.SEPARATOR;
     }
     return PresentationDropdownSeparator;

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAKvD,uCAAuC;AAEvC;IAWE;;;;;;;;;;OAUG;IACH,oCAAY,EAEsB;YADhC,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;QA/BD,OAAE,GAAW,EAAE,CAAC;QAiChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qCAA8B,EAAE,CAAE,CAAC;QAC/C,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,oCAA4B,CAAC,MAAM,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AArCD,IAqCC;AArCY,gEAA0B;AAuCvC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,wCAAiC,EAAE,CAAE,CAAC;QAClD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,SAAS,CAAC;IACrD,CAAC;IAKH,oCAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,sEAA6B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAKvD,uCAAuC;AAEvC;IAaE;;;;;;;;;;;OAWG;IACH,oCAAY,EAEsB;YADhC,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;QAnCD,OAAE,GAAW,EAAE,CAAC;QAqChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qCAA8B,EAAE,CAAE,CAAC;QAC/C,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,oCAA4B,CAAC,MAAM,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AAzCD,IAyCC;AAzCY,gEAA0B;AA2CvC;IAOE;;;;;;;OAOG;IACH,uCAAY,EAAsB;YAAtB,qBAAoB,EAAE,KAAA,EAApB,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;QAA3B,iBAGC;QAjBD,OAAE,GAAW,EAAE,CAAC;QAmBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,wCAAiC,EAAE,CAAE,CAAC;QAClD,CAAC,CAAC;QANA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,SAAS,CAAC;IACrD,CAAC;IAKH,oCAAC;AAAD,CAAC,AAvBD,IAuBC;AAvBY,sEAA6B"}

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

@@ -13,4 +13,5 @@ export interface PresentationDropdownOptionProps {
     label: string;
     icon: string;
     onClick: () => void;
+    dataTest?: string;
 }

package/dist/cjs/extensible-areas/screenshare-helper-item/component.d.ts

@@ -7,6 +7,7 @@ export declare class ScreenshareHelperButton implements ScreenshareHelperButtonI
     icon: string;
     tooltip: string;
     disabled: boolean;
+    dataTest: string;
     position: ScreenshareHelperItemPosition;
     onClick: (args: ScreenshareHelperButtonOnclickCallback) => void;
     /**
@@ -22,9 +23,10 @@ export declare class ScreenshareHelperButton implements ScreenshareHelperButtonI
      * @param hasSeparator - boolean indicating whether the screenshare helper button has separator
      * (vertical bar)
      * @param disabled - if true, the screenshare helper button will not be clickable
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ id, label, icon, tooltip, disabled, onClick, position, }: ScreenshareHelperButtonProps);
+    constructor({ id, label, icon, tooltip, disabled, dataTest, onClick, position, }: ScreenshareHelperButtonProps);
     setItemId: (id: string) => void;
 }

package/dist/cjs/extensible-areas/screenshare-helper-item/component.js

@@ -17,11 +17,12 @@ var ScreenshareHelperButton = /** @class */ (function () {
      * @param hasSeparator - boolean indicating whether the screenshare helper button has separator
      * (vertical bar)
      * @param disabled - if true, the screenshare helper button will not be clickable
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function ScreenshareHelperButton(_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.disabled, disabled = _e === void 0 ? true : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, _g = _a.position, position = _g === void 0 ? enums_1.ScreenshareHelperItemPosition.TOP_RIGHT : _g;
+        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.disabled, disabled = _e === void 0 ? true : _e, _f = _a.dataTest, dataTest = _f === void 0 ? '' : _f, _g = _a.onClick, onClick = _g === void 0 ? function () { } : _g, _h = _a.position, position = _h === void 0 ? enums_1.ScreenshareHelperItemPosition.TOP_RIGHT : _h;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
@@ -34,6 +35,7 @@ var ScreenshareHelperButton = /** @class */ (function () {
         this.icon = icon;
         this.tooltip = tooltip;
         this.disabled = disabled;
+        this.dataTest = dataTest;
         this.onClick = onClick;
         this.type = enums_1.ScreenshareHelperItemType.BUTTON;
         this.position = position;

package/dist/cjs/extensible-areas/screenshare-helper-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/screenshare-helper-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAmF;AAOnF,oCAAoC;AAEpC;IAiBE;;;;;;;;;;;;;;;OAeG;IACH,iCAAY,EAGmB;YAF7B,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAC5E,gBAAkD,EAAlD,QAAQ,mBAAG,qCAA6B,CAAC,SAAS,KAAA;QAFpD,iBAcC;QA9CD,OAAE,GAAW,EAAE,CAAC;QAgDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,kCAA2B,EAAE,CAAE,CAAC;QAC5C,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,IAAI,GAAG,iCAAyB,CAAC,MAAM,CAAC;QAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,8BAAC;AAAD,CAAC,AApDD,IAoDC;AApDY,0DAAuB"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/screenshare-helper-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAmF;AAOnF,oCAAoC;AAEpC;IAmBE;;;;;;;;;;;;;;;;OAgBG;IACH,iCAAY,EAGmB;YAF7B,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAC3F,gBAAkD,EAAlD,QAAQ,mBAAG,qCAA6B,CAAC,SAAS,KAAA;QAFpD,iBAeC;QAlDD,OAAE,GAAW,EAAE,CAAC;QAoDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,kCAA2B,EAAE,CAAE,CAAC;QAC5C,CAAC,CAAC;QAfA,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,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,iCAAyB,CAAC,MAAM,CAAC;QAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,8BAAC;AAAD,CAAC,AAxDD,IAwDC;AAxDY,0DAAuB"}

package/dist/cjs/extensible-areas/screenshare-helper-item/types.d.ts

@@ -24,4 +24,5 @@ export interface ScreenshareHelperButtonProps {
     hasSeparator: boolean;
     position: ScreenshareHelperItemPosition;
     onClick: (args: ScreenshareHelperButtonOnclickCallback) => void;
+    dataTest?: string;
 }

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

@@ -5,6 +5,7 @@ export declare class UserCameraDropdownOption implements UserCameraDropdownInter
     type: UserCameraDropdownItemType;
     label: string;
     icon: string;
+    dataTest: string;
     onClick: (args: OnclickFunctionCallbackArguments) => void;
     displayFunction?: (args: UserCameraDropdownCallbackFunctionsArguments) => boolean;
     /**
@@ -13,23 +14,27 @@ export declare class UserCameraDropdownOption implements UserCameraDropdownInter
      *
      * @param label - label to be displayed in the option.
      * @param icon - icon to be displayed in the option. Left side of it.
+     * @param dataTest - string attribute to be used for testing
      * @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, displayFunction, }: UserCameraDropdownOptionProps);
+    constructor({ id, label, icon, dataTest, onClick, displayFunction, }: UserCameraDropdownOptionProps);
     setItemId: (id: string) => void;
 }
 export declare class UserCameraDropdownSeparator implements UserCameraDropdownInterface {
     id: string;
     type: UserCameraDropdownItemType;
+    dataTest: string;
     displayFunction?: (args: UserCameraDropdownCallbackFunctionsArguments) => boolean;
     /**
      * Returns object to be used in the setter for User Camera Dropdown. In this case
      * a separator.
      *
+     * @param dataTest - string attribute to be used for testing
+     *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ displayFunction, }?: UserCameraDropdownSeparatorProps);
+    constructor({ displayFunction, dataTest, }?: UserCameraDropdownSeparatorProps);
     setItemId: (id: string) => void;
 }

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

@@ -10,12 +10,13 @@ var UserCameraDropdownOption = /** @class */ (function () {
      *
      * @param label - label to be displayed in the option.
      * @param icon - icon to be displayed in the option. Left side of it.
+     * @param dataTest - string attribute to be used for testing
      * @param onClick - function to be called when clicking the button
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function UserCameraDropdownOption(_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, _e = _a.displayFunction, displayFunction = _e === void 0 ? function () { return true; } : _e;
+        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, _f = _a.displayFunction, displayFunction = _f === void 0 ? function () { return true; } : _f;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
@@ -27,6 +28,7 @@ var UserCameraDropdownOption = /** @class */ (function () {
         this.displayFunction = displayFunction;
         this.label = label;
         this.icon = icon;
+        this.dataTest = dataTest;
         this.onClick = onClick;
         this.type = enums_1.UserCameraDropdownItemType.OPTION;
     }
@@ -38,16 +40,19 @@ var UserCameraDropdownSeparator = /** @class */ (function () {
      * Returns object to be used in the setter for User Camera Dropdown. In this case
      * a separator.
      *
+     * @param dataTest - string attribute to be used for testing
+     *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function UserCameraDropdownSeparator(_a) {
-        var _b = _a === void 0 ? { displayFunction: function () { return true; } } : _a, displayFunction = _b.displayFunction;
+        var _b = _a === void 0 ? { displayFunction: function () { return true; } } : _a, displayFunction = _b.displayFunction, _c = _b.dataTest, dataTest = _c === void 0 ? '' : _c;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "UserCameraDropdownSeparator_".concat(id);
         };
         this.displayFunction = displayFunction;
+        this.dataTest = dataTest;
         this.type = enums_1.UserCameraDropdownItemType.SEPARATOR;
     }
     return UserCameraDropdownSeparator;

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAQrD,qCAAqC;AAErC;IAaE;;;;;;;;;OASG;IACH,kCAAY,EAGoB;YAF9B,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAC7C,uBAA4B,EAA5B,eAAe,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA;QAF9B,iBAYC;QAlCD,OAAE,GAAW,EAAE,CAAC;QAoChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,mCAA4B,EAAE,CAAE,CAAC;QAC7C,CAAC,CAAC;QAZA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,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,kCAA0B,CAAC,MAAM,CAAC;IAChD,CAAC;IAKH,+BAAC;AAAD,CAAC,AAxCD,IAwCC;AAxCY,4DAAwB;AA0CrC;IAOE;;;;;OAKG;IACH,qCAAY,EAEyD;YAFzD,qBAE0B,EAAE,eAAe,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,EAAE,KAAA,EADnE,eAAe,qBAAA;QADjB,iBAKC;QAjBD,OAAE,GAAW,EAAE,CAAC;QAmBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QANA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,kCAA0B,CAAC,SAAS,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AAvBD,IAuBC;AAvBY,kEAA2B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAQrD,qCAAqC;AAErC;IAeE;;;;;;;;;;OAUG;IACH,kCAAY,EAGoB;YAF9B,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,EAC5D,uBAA4B,EAA5B,eAAe,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA;QAF9B,iBAaC;QAtCD,OAAE,GAAW,EAAE,CAAC;QAwChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,mCAA4B,EAAE,CAAE,CAAC;QAC7C,CAAC,CAAC;QAbA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,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,kCAA0B,CAAC,MAAM,CAAC;IAChD,CAAC;IAKH,+BAAC;AAAD,CAAC,AA5CD,IA4CC;AA5CY,4DAAwB;AA8CrC;IASE;;;;;;;OAOG;IACH,qCAAY,EAEyD;YAFzD,qBAE0B,EAAE,eAAe,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,EAAE,KAAA,EADnE,eAAe,qBAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;QADhC,iBAMC;QAtBD,OAAE,GAAW,EAAE,CAAC;QAwBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QAPA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,kCAA0B,CAAC,SAAS,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AA5BD,IA4BC;AA5BY,kEAA2B"}

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

@@ -18,6 +18,7 @@ export interface UserCameraDropdownInterface extends PluginProvidedUiItemDescrip
 }
 export interface UserCameraDropdownSeparatorProps {
     displayFunction?: (args: UserCameraDropdownCallbackFunctionsArguments) => boolean;
+    dataTest?: string;
 }
 export interface UserCameraDropdownOptionProps {
     id?: string;
@@ -25,4 +26,5 @@ export interface UserCameraDropdownOptionProps {
     icon: string;
     onClick: (args: OnclickFunctionCallbackArguments) => void;
     displayFunction?: (args: UserCameraDropdownCallbackFunctionsArguments) => boolean;
+    dataTest?: string;
 }

package/dist/cjs/extensible-areas/user-camera-helper-item/component.d.ts

@@ -8,6 +8,7 @@ export declare class UserCameraHelperButton implements UserCameraHelperButtonInt
     icon: string;
     tooltip: string;
     disabled: boolean;
+    dataTest: string;
     position: UserCameraHelperItemPosition;
     onClick: (args: UserCameraHelperButtonOnclickCallback) => void;
     /**
@@ -23,9 +24,10 @@ export declare class UserCameraHelperButton implements UserCameraHelperButtonInt
      * @param position - position to place the userCamera helper button.
      * See {@link UserCameraHelperItemPosition}
      * @param disabled - if true, the userCamera helper button will not be clickable
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ id, label, icon, tooltip, disabled, onClick, position, displayFunction, }: UserCameraHelperButtonProps);
+    constructor({ id, label, icon, tooltip, disabled, dataTest, onClick, position, displayFunction, }: UserCameraHelperButtonProps);
     setItemId: (id: string) => void;
 }