bigbluebutton-html-plugin-sdk 0.1.4 → 0.1.5

package/dist/cjs/core/auxiliary/plugin-information/locale-messages/utils.js

@@ -0,0 +1,72 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeLocaleMessages = exports.fetchLocaleAndStore = void 0;
+function fetchLocaleAndStore(localeUrl, fetchConfigs) {
+    return __awaiter(this, void 0, void 0, function () {
+        var result, localeMessages;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetch(localeUrl, fetchConfigs)];
+                case 1:
+                    result = _a.sent();
+                    return [4 /*yield*/, result.json()];
+                case 2:
+                    localeMessages = _a.sent();
+                    return [2 /*return*/, localeMessages];
+            }
+        });
+    });
+}
+exports.fetchLocaleAndStore = fetchLocaleAndStore;
+function mergeLocaleMessages(desiredMessages, fallbackMessages) {
+    return __assign(__assign({}, fallbackMessages), desiredMessages);
+}
+exports.mergeLocaleMessages = mergeLocaleMessages;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/core/auxiliary/plugin-information/locale-messages/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/core/auxiliary/plugin-information/locale-messages/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAe,mBAAmB,CAChC,SAAiB,EACjB,YAA0B;;;;;wBAEX,qBAAM,KAAK,CAAC,SAAS,EAAE,YAAY,CAAC,EAAA;;oBAA7C,MAAM,GAAG,SAAoC;oBAC5B,qBAAM,MAAM,CAAC,IAAI,EAAE,EAAA;;oBAApC,cAAc,GAAG,SAAmB;oBAC1C,sBAAO,cAAc,EAAC;;;;CACvB;AASQ,kDAAmB;AAP5B,SAAS,mBAAmB,CAC1B,eAAuC,EACvC,gBAAwC;IAExC,6BAAY,gBAAgB,GAAK,eAAe,EAAG;AACrD,CAAC;AAE6B,kDAAmB"}

package/dist/cjs/core/utils/hooks.d.ts

@@ -0,0 +1 @@
+export declare const usePreviousValue: <T = unknown>(value: T) => T | undefined;

package/dist/cjs/core/utils/hooks.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePreviousValue = void 0;
+var react_1 = require("react");
+var usePreviousValue = function (value) {
+    var ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
+        ref.current = value;
+    });
+    return ref.current;
+};
+exports.usePreviousValue = usePreviousValue;
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/core/utils/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/core/utils/hooks.ts"],"names":[],"mappings":";;;AAAA,+BAA0C;AAEnC,IAAM,gBAAgB,GAAG,UAAc,KAAQ;IACpD,IAAM,GAAG,GAAG,IAAA,cAAM,GAAK,CAAC;IACxB,IAAA,iBAAS,EAAC;QACR,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B"}

package/dist/cjs/data-channel/enums.d.ts

@@ -15,7 +15,7 @@ export declare enum DataChannelHooks {
     DATA_CHANNEL_REPLACE = "Hooks::DataChannelReplace"
 }
 export declare enum DataChannelTypes {
-    All_ITEMS = "Hooks::DataChannel::AllItems",
+    ALL_ITEMS = "Hooks::DataChannel::AllItems",
     NEW_ITEMS = "Hooks::DataChannel::NewItems",
     LATEST_ITEM = "Hooks::DataChannel::LatestItem"
 }

package/dist/cjs/data-channel/enums.js

@@ -22,7 +22,7 @@ var DataChannelHooks;
 })(DataChannelHooks || (exports.DataChannelHooks = DataChannelHooks = {}));
 var DataChannelTypes;
 (function (DataChannelTypes) {
-    DataChannelTypes["All_ITEMS"] = "Hooks::DataChannel::AllItems";
+    DataChannelTypes["ALL_ITEMS"] = "Hooks::DataChannel::AllItems";
     DataChannelTypes["NEW_ITEMS"] = "Hooks::DataChannel::NewItems";
     DataChannelTypes["LATEST_ITEM"] = "Hooks::DataChannel::LatestItem";
 })(DataChannelTypes || (exports.DataChannelTypes = DataChannelTypes = {}));

package/dist/cjs/data-consumption/domain/settings/plugin-settings/hooks.d.ts

@@ -1,5 +1,2 @@
-export declare const usePluginSettings: (pluginName: string) => {
-    data: import("./types").PluginSettingsData | undefined;
-    loading: boolean;
-    error?: import("@apollo/client").ApolloError | undefined;
-};
+import { UsePluginSettingsWrapperFunction } from './types';
+export declare const usePluginSettings: UsePluginSettingsWrapperFunction;

package/dist/cjs/data-consumption/domain/settings/plugin-settings/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../../src/data-consumption/domain/settings/plugin-settings/hooks.ts"],"names":[],"mappings":";;;AAAA,gEAA+E;AAC/E,qCAAkD;AAElD,iCAAuD;AAEhD,IAAM,iBAAiB,GAAG,UAC/B,UAAkB,IACf,OAAA,IAAA,oCAA4B,EAAC,IAAA,6BAAqB,EACT,+BAAqB,EAAE;IAC/D,SAAS,EAAE;QACT,UAAU,YAAA;KACX;CACF,CAAC,CAAC,EALF,CAKE,CAAC;AAPK,QAAA,iBAAiB,qBAOtB"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../../src/data-consumption/domain/settings/plugin-settings/hooks.ts"],"names":[],"mappings":";;;AAAA,gEAA+E;AAC/E,qCAAkD;AAElD,iCAAuD;AAEhD,IAAM,iBAAiB,GAAqC,UACjE,UAAkB,IACf,OAAA,IAAA,oCAA4B,EAAC,IAAA,6BAAqB,EACT,+BAAqB,EAAE;IAC/D,SAAS,EAAE;QACT,UAAU,YAAA;KACX;CACF,CAAC,CAAC,EALF,CAKE,CAAC;AAPK,QAAA,iBAAiB,qBAOtB"}

package/dist/cjs/data-consumption/domain/settings/plugin-settings/types.d.ts

@@ -8,3 +8,5 @@ export interface PluginSettingsResponseFromGraphqlWrapper {
     }[];
 }
 export type UsePluginSettingsFunction = () => GraphqlResponseWrapper<PluginSettingsData>;
+export type UsePluginSettingsWrapperFunction = (pluginName: string) => GraphqlResponseWrapper<PluginSettingsData>;
+export type FilterPluginSpecificSettingsFunction = (completeSettings: GraphqlResponseWrapper<PluginSettingsResponseFromGraphqlWrapper>) => GraphqlResponseWrapper<PluginSettingsData>;

package/dist/cjs/data-consumption/domain/settings/plugin-settings/utils.d.ts

@@ -1,7 +1,2 @@
-import { GraphqlResponseWrapper } from '../../../../core';
-import { PluginSettingsResponseFromGraphqlWrapper } from './types';
-export declare const filterPluginSpecificSettings: (completeSettings: GraphqlResponseWrapper<PluginSettingsResponseFromGraphqlWrapper>) => {
-    data: import("./types").PluginSettingsData | undefined;
-    loading: boolean;
-    error?: import("@apollo/client").ApolloError | undefined;
-};
+import { FilterPluginSpecificSettingsFunction } from './types';
+export declare const filterPluginSpecificSettings: FilterPluginSpecificSettingsFunction;

package/dist/cjs/data-consumption/domain/settings/plugin-settings/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/data-consumption/domain/settings/plugin-settings/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAGO,IAAM,4BAA4B,GAAG,UAC1C,gBAAkF;;IAElF,IAAM,cAAc,GAAG,MAAA,MAAA,gBAAgB;SACpC,IAAI,0CAAE,4BAA4B,CAAC,CAAC,CAAC,0CAAE,QAAQ,CAAC;IACnD,6BACK,gBAAgB,KACnB,IAAI,EAAE,cAAc,IACpB;AACJ,CAAC,CAAC;AATW,QAAA,4BAA4B,gCASvC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/data-consumption/domain/settings/plugin-settings/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAGO,IAAM,4BAA4B,GAAyC,UAChF,gBAAkF;;IAElF,IAAM,cAAc,GAAG,MAAA,MAAA,gBAAgB;SACpC,IAAI,0CAAE,4BAA4B,CAAC,CAAC,CAAC,0CAAE,QAAQ,CAAC;IACnD,6BACK,gBAAgB,KACnB,IAAI,EAAE,cAAc,IACpB;AACJ,CAAC,CAAC;AATW,QAAA,4BAA4B,gCASvC"}

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

@@ -1,29 +1,32 @@
 import { ChangeEvent, MouseEvent } from 'react';
 import { ActionsBarPosition, ActionsBarItemType } from './enums';
-import { ActionsBarInterface, ActionsBarItemProps, ActionsBarButtonProps, ActionsBarSeparatorProps, ActionsBarSelectorProps, SelectOption, ToggleGroupOption, ActionsBarToggleGroupProps } from './types';
+import { ActionsBarInterface, ActionsBarItemProps, ActionsBarButtonProps, ActionsBarSeparatorProps, ActionsBarSelectorProps, SelectOption, ToggleGroupOption, ActionsBarToggleGroupProps, ActionsBarIconType } from './types';
 declare class ActionsBarItem implements ActionsBarInterface {
     id: string;
     type: ActionsBarItemType;
     position: ActionsBarPosition;
-    constructor({ id, type, position, }: ActionsBarItemProps);
+    dataTest: string;
+    constructor({ id, type, position, dataTest, }: ActionsBarItemProps);
     setItemId(id: string): void;
 }
 export declare class ActionsBarButton extends ActionsBarItem {
-    icon: string;
+    icon: ActionsBarIconType;
     tooltip: string;
     onClick: () => void;
     /**
      * 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)
      */
-    constructor({ id, icon, tooltip, onClick, position, }: ActionsBarButtonProps);
+    constructor({ id, icon, tooltip, dataTest, onClick, position, }: ActionsBarButtonProps);
 }
 export declare class ActionsBarSeparator extends ActionsBarItem {
     icon: string;
@@ -34,10 +37,11 @@ export declare class ActionsBarSeparator extends ActionsBarItem {
      * @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)
      */
-    constructor({ position, icon, }: ActionsBarSeparatorProps);
+    constructor({ position, icon, dataTest, }: ActionsBarSeparatorProps);
 }
 export declare class ActionsBarSelector extends ActionsBarItem {
     title: string;
@@ -53,13 +57,14 @@ export declare class ActionsBarSelector extends ActionsBarItem {
      * @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
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ id, title, options, defaultOption, onChange, position, width, }: ActionsBarSelectorProps);
+    constructor({ id, title, options, defaultOption, dataTest, onChange, position, width, }: ActionsBarSelectorProps);
 }
 export declare class ActionsBarToggleGroup extends ActionsBarItem {
     title: string;
@@ -77,11 +82,12 @@ export declare class ActionsBarToggleGroup extends ActionsBarItem {
      * @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)
      */
-    constructor({ id, title, exclusive, options, defaultOption, onChange, position, }: ActionsBarToggleGroupProps);
+    constructor({ id, title, exclusive, options, defaultOption, dataTest, onChange, position, }: ActionsBarToggleGroupProps);
 }
 export {};

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"}