bigbluebutton-html-plugin-sdk 0.0.57 → 0.0.59

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

@@ -1,5 +1,5 @@
 import { ScreenshareHelperItemType, ScreenshareHelperItemPosition } from './enums';
-import { ScreenshareHelperButtonProps, ScreenshareHelperButtonInterface } from './types';
+import { ScreenshareHelperButtonProps, ScreenshareHelperButtonInterface, ScreenshareHelperButtonOnclickCallback } from './types';
 export declare class ScreenshareHelperButton implements ScreenshareHelperButtonInterface {
     id: string;
     type: ScreenshareHelperItemType;
@@ -8,7 +8,7 @@ export declare class ScreenshareHelperButton implements ScreenshareHelperButtonI
     tooltip: string;
     disabled: boolean;
     position: ScreenshareHelperItemPosition;
-    onClick: () => void;
+    onClick: (args: ScreenshareHelperButtonOnclickCallback) => void;
     /**
      * Returns object to be used in the setter for the Screenshare Helper. In this case,
      * a button.

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;AAMnF,oCAAoC;AAEpC;IAiBE;;;;;;;;;;;;;;;OAeG;IACH,iCAAY,EAGmB;YAF7B,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,EACxE,gBAAkD,EAAlD,QAAQ,mBAAG,qCAA6B,CAAC,SAAS,KAAA;QAFpD,iBAWC;QA3CD,OAAE,GAAW,EAAE,CAAC;QA6ChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,kCAA2B,EAAE,CAAE,CAAC;QAC5C,CAAC,CAAC;QAXA,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,AAjDD,IAiDC;AAjDY,0DAAuB"}
+{"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,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,EACxE,gBAAkD,EAAlD,QAAQ,mBAAG,qCAA6B,CAAC,SAAS,KAAA;QAFpD,iBAWC;QA3CD,OAAE,GAAW,EAAE,CAAC;QA6ChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,kCAA2B,EAAE,CAAE,CAAC;QAC5C,CAAC,CAAC;QAXA,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,AAjDD,IAiDC;AAjDY,0DAAuB"}

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

@@ -1,15 +1,19 @@
+/// <reference types="react" />
 import { PluginProvidedUiItemDescriptor } from '../base';
 import { ScreenshareHelperItemPosition } from './enums';
 export interface ScreenshareHelperInterface extends PluginProvidedUiItemDescriptor {
     position: ScreenshareHelperItemPosition;
 }
+export interface ScreenshareHelperButtonOnclickCallback {
+    browserClickEvent: React.MouseEvent<HTMLElement>;
+}
 export interface ScreenshareHelperButtonInterface extends ScreenshareHelperInterface {
     label: string;
     icon: string;
     tooltip: string;
     disabled: boolean;
     position: ScreenshareHelperItemPosition;
-    onClick: () => void;
+    onClick: (args: ScreenshareHelperButtonOnclickCallback) => void;
 }
 export interface ScreenshareHelperButtonProps {
     label?: string;
@@ -18,5 +22,5 @@ export interface ScreenshareHelperButtonProps {
     disabled: boolean;
     hasSeparator: boolean;
     position: ScreenshareHelperItemPosition;
-    onClick: () => void;
+    onClick: (args: ScreenshareHelperButtonOnclickCallback) => void;
 }

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

@@ -0,0 +1,31 @@
+import { UserCameraHelperItemType, UserCameraHelperItemPosition } from './enums';
+import { UserCameraHelperButtonProps, UserCameraHelperButtonInterface, UserCameraHelperButtonOnclickCallback, UserCameraHelperCallbackFunctionArguments } from './types';
+export declare class UserCameraHelperButton implements UserCameraHelperButtonInterface {
+    id: string;
+    type: UserCameraHelperItemType;
+    label: string;
+    displayFunction?: (args: UserCameraHelperCallbackFunctionArguments) => boolean;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    position: UserCameraHelperItemPosition;
+    onClick: (args: UserCameraHelperButtonOnclickCallback) => void;
+    /**
+     * Returns object to be used in the setter for the UserCamera Helper. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in userCamera helper button (Not mandatory).
+     * @param tooltip - label to be displayed when hovering the userCamera helper button.
+     * @param icon - icon to be used in the userCamera helper button. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the button.
+     * @param displayFunction - function to tell BBB core which cameras will receive this extensible
+     * area.
+     * @param position - position to place the userCamera helper button.
+     * See {@link UserCameraHelperItemPosition}
+     * @param disabled - if true, the userCamera helper button will not be clickable
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ label, icon, tooltip, disabled, onClick, position, displayFunction, }: UserCameraHelperButtonProps);
+    setItemId: (id: string) => void;
+}

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserCameraHelperButton = void 0;
+var enums_1 = require("./enums");
+// UserCameraHelper Extensible Area
+var UserCameraHelperButton = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the UserCamera Helper. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in userCamera helper button (Not mandatory).
+     * @param tooltip - label to be displayed when hovering the userCamera helper button.
+     * @param icon - icon to be used in the userCamera helper button. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the button.
+     * @param displayFunction - function to tell BBB core which cameras will receive this extensible
+     * area.
+     * @param position - position to place the userCamera helper button.
+     * See {@link UserCameraHelperItemPosition}
+     * @param disabled - if true, the userCamera helper button will not be clickable
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function UserCameraHelperButton(_a) {
+        var _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.UserCameraHelperItemPosition.TOP_RIGHT : _g, displayFunction = _a.displayFunction;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserCameraHelperButton_".concat(id);
+        };
+        this.label = label;
+        this.icon = icon;
+        this.tooltip = tooltip;
+        this.disabled = disabled;
+        this.onClick = onClick;
+        this.displayFunction = displayFunction;
+        this.type = enums_1.UserCameraHelperItemType.BUTTON;
+        this.position = position;
+    }
+    return UserCameraHelperButton;
+}());
+exports.UserCameraHelperButton = UserCameraHelperButton;
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-helper-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAiF;AAQjF,mCAAmC;AAEnC;IAmBE;;;;;;;;;;;;;;;OAeG;IACH,gCAAY,EAGkB;YAF5B,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,EACxE,gBAAiD,EAAjD,QAAQ,mBAAG,oCAA4B,CAAC,SAAS,KAAA,EAAE,eAAe,qBAAA;QAFpE,iBAYC;QA9CD,OAAE,GAAW,EAAE,CAAC;QAgDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,iCAA0B,EAAE,CAAE,CAAC;QAC3C,CAAC,CAAC;QAZA,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,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,gCAAwB,CAAC,MAAM,CAAC;QAC5C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,6BAAC;AAAD,CAAC,AApDD,IAoDC;AApDY,wDAAsB"}

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

@@ -0,0 +1,12 @@
+export declare enum UserCameraHelperItemType {
+    BUTTON = "SCREENSHARE_HELPER_BUTTON"
+}
+/**
+ * Enum with the position to insert the userCamera helper item (Information or Button)
+ */
+export declare enum UserCameraHelperItemPosition {
+    TOP_RIGHT = "TOP_RIGHT",
+    TOP_LEFT = "TOP_LEFT",
+    BOTTOM_RIGHT = "BOTTOM_RIGHT",
+    BOTTOM_LEFT = "BOTTOM_LEFT"
+}

package/dist/cjs/extensible-areas/user-camera-helper-item/enums.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserCameraHelperItemPosition = exports.UserCameraHelperItemType = void 0;
+// UserCamera Helper items types:
+var UserCameraHelperItemType;
+(function (UserCameraHelperItemType) {
+    UserCameraHelperItemType["BUTTON"] = "SCREENSHARE_HELPER_BUTTON";
+})(UserCameraHelperItemType || (exports.UserCameraHelperItemType = UserCameraHelperItemType = {}));
+/**
+ * Enum with the position to insert the userCamera helper item (Information or Button)
+ */
+var UserCameraHelperItemPosition;
+(function (UserCameraHelperItemPosition) {
+    UserCameraHelperItemPosition["TOP_RIGHT"] = "TOP_RIGHT";
+    UserCameraHelperItemPosition["TOP_LEFT"] = "TOP_LEFT";
+    UserCameraHelperItemPosition["BOTTOM_RIGHT"] = "BOTTOM_RIGHT";
+    UserCameraHelperItemPosition["BOTTOM_LEFT"] = "BOTTOM_LEFT";
+})(UserCameraHelperItemPosition || (exports.UserCameraHelperItemPosition = UserCameraHelperItemPosition = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/extensible-areas/user-camera-helper-item/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-helper-item/enums.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,IAAY,wBAEX;AAFD,WAAY,wBAAwB;IAClC,gEAAoC,CAAA;AACtC,CAAC,EAFW,wBAAwB,wCAAxB,wBAAwB,QAEnC;AAED;;GAEG;AACH,IAAY,4BAKX;AALD,WAAY,4BAA4B;IACtC,uDAAuB,CAAA;IACvB,qDAAqB,CAAA;IACrB,6DAA6B,CAAA;IAC7B,2DAA2B,CAAA;AAC7B,CAAC,EALW,4BAA4B,4CAA5B,4BAA4B,QAKvC"}

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

@@ -0,0 +1,3 @@
+export { UserCameraHelperButton, } from './component';
+export { UserCameraHelperInterface, } from './types';
+export { UserCameraHelperItemPosition, } from './enums';

package/dist/cjs/extensible-areas/user-camera-helper-item/index.js

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

package/dist/cjs/extensible-areas/user-camera-helper-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-helper-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAEqB;AADnB,mHAAA,sBAAsB,OAAA;AAKxB,iCAEiB;AADf,qHAAA,4BAA4B,OAAA"}

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { PluginProvidedUiItemDescriptor } from '../base';
+import { UserCameraHelperItemPosition } from './enums';
+export interface UserCameraHelperInterface extends PluginProvidedUiItemDescriptor {
+    position: UserCameraHelperItemPosition;
+}
+export interface UserCameraHelperButtonOnclickCallback {
+    userId: string;
+    streamId: string;
+    browserClickEvent: React.MouseEvent<HTMLElement>;
+}
+export interface UserCameraHelperCallbackFunctionArguments {
+    streamId: string;
+    userId: string;
+}
+export interface UserCameraHelperButtonInterface extends UserCameraHelperInterface {
+    label: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    position: UserCameraHelperItemPosition;
+    displayFunction?: (args: UserCameraHelperCallbackFunctionArguments) => boolean;
+    onClick: (args: UserCameraHelperButtonOnclickCallback) => void;
+}
+export interface UserCameraHelperButtonProps {
+    label?: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    displayFunction?: (args: UserCameraHelperCallbackFunctionArguments) => boolean;
+    position: UserCameraHelperItemPosition;
+    onClick: (args: UserCameraHelperButtonOnclickCallback) => void;
+}

package/dist/cjs/extensible-areas/user-camera-helper-item/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/extensible-areas/user-camera-helper-item/types.js.map

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

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

@@ -1,5 +1,5 @@
-import { UserListDropdownInterface, UserListDropdownOptionProps, UserListDropdownSeparatorProps, UserListDropdownInformationProps } from './types';
-import { UserListDropdownItemType } from './enums';
+import { UserListDropdownInterface, UserListDropdownOptionProps, UserListDropdownSeparatorProps, UserListDropdownTitleActionProps, UserListDropdownTitleActionOnClickArguments, UserListDropdownFixedContentInformationProps, UserListDropdownGenericContentInformationProps } from './types';
+import { UserListDropdownItemType, UserListDropdownSeparatorPosition } from './enums';
 export declare class UserListDropdownOption implements UserListDropdownInterface {
     id: string;
     userId: string;
@@ -29,6 +29,7 @@ export declare class UserListDropdownOption implements UserListDropdownInterface
 export declare class UserListDropdownSeparator implements UserListDropdownInterface {
     id: string;
     userId: string;
+    position: UserListDropdownSeparatorPosition;
     type: UserListDropdownItemType;
     /**
      * Returns object to be used in the setter for the User List Dropdown. In this case,
@@ -39,10 +40,10 @@ export declare class UserListDropdownSeparator implements UserListDropdownInterf
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ userId }: UserListDropdownSeparatorProps);
+    constructor({ userId, position }: UserListDropdownSeparatorProps);
     setItemId: (id: string) => void;
 }
-export declare class UserListDropdownInformation implements UserListDropdownInterface {
+export declare class UserListDropdownFixedContentInformation implements UserListDropdownInterface {
     id: string;
     userId: string;
     type: UserListDropdownItemType;
@@ -67,6 +68,54 @@ export declare class UserListDropdownInformation implements UserListDropdownInte
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ label, icon, iconRight, allowed, userId, textColor, }: UserListDropdownInformationProps);
+    constructor({ label, icon, iconRight, allowed, userId, textColor, }: UserListDropdownFixedContentInformationProps);
+    setItemId: (id: string) => void;
+}
+export declare class UserListDropdownGenericContentInformation implements UserListDropdownInterface {
+    id: string;
+    userId: string;
+    allowed: boolean;
+    type: UserListDropdownItemType;
+    contentFunction: (element: HTMLElement) => void;
+    /**
+     * Returns object to be used in the setter for the User List Dropdown. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in user list dropdown information.
+     * @param icon - icon to be used in the user list dropdown information.
+     * It goes on the left side of it.
+     * @param iconRight - icon to be used in the user list dropdown information.
+     * It goes on the right side of it.
+     * @param allowed - if false, the use list dropdown  will not appear in the dropdown.
+     * @param textColor - Color that the text will have.
+     * @param userId - the userId in which this dropdown information will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ contentFunction, allowed, userId, }: UserListDropdownGenericContentInformationProps);
+    setItemId: (id: string) => void;
+}
+export declare class UserListDropdownTitleAction implements UserListDropdownInterface {
+    id: string;
+    userId: string;
+    type: UserListDropdownItemType;
+    icon: string;
+    tooltip: string;
+    onClick: (args: UserListDropdownTitleActionOnClickArguments) => void;
+    /**
+     * Returns object to be used in the setter for the User List Dropdown. In this case,
+     * a button (action) for the title.
+     *
+     * @param onClick - onClick function.
+     * @param tooltip - quick explanatory message that will appear when user hover the action.
+     * @param icon - icon to be used in the user list dropdown title action.
+     * It goes on the left side of it.
+     * @param userId - the userId in which this dropdown title action will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ icon, userId, onClick, tooltip, }: UserListDropdownTitleActionProps);
     setItemId: (id: string) => void;
 }

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserListDropdownInformation = exports.UserListDropdownSeparator = exports.UserListDropdownOption = void 0;
+exports.UserListDropdownTitleAction = exports.UserListDropdownGenericContentInformation = exports.UserListDropdownFixedContentInformation = exports.UserListDropdownSeparator = exports.UserListDropdownOption = void 0;
 var enums_1 = require("./enums");
 // UserListDropdown Extensible Area
 var UserListDropdownOption = /** @class */ (function () {
@@ -47,19 +47,21 @@ var UserListDropdownSeparator = /** @class */ (function () {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function UserListDropdownSeparator(_a) {
-        var _b = _a.userId, userId = _b === void 0 ? '' : _b;
+        var _b = _a.userId, userId = _b === void 0 ? '' : _b, _c = _a.position, position = _c === void 0 ? enums_1.UserListDropdownSeparatorPosition.AFTER : _c;
         var _this = this;
         this.id = '';
+        this.position = enums_1.UserListDropdownSeparatorPosition.AFTER;
         this.setItemId = function (id) {
             _this.id = "UserListDropdownSeparator_".concat(id);
         };
         this.userId = userId;
+        this.position = position;
         this.type = enums_1.UserListDropdownItemType.SEPARATOR;
     }
     return UserListDropdownSeparator;
 }());
 exports.UserListDropdownSeparator = UserListDropdownSeparator;
-var UserListDropdownInformation = /** @class */ (function () {
+var UserListDropdownFixedContentInformation = /** @class */ (function () {
     /**
      * Returns object to be used in the setter for the User List Dropdown. In this case,
      * a button.
@@ -76,12 +78,12 @@ var UserListDropdownInformation = /** @class */ (function () {
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    function UserListDropdownInformation(_a) {
+    function UserListDropdownFixedContentInformation(_a) {
         var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.iconRight, iconRight = _d === void 0 ? '' : _d, _e = _a.allowed, allowed = _e === void 0 ? true : _e, _f = _a.userId, userId = _f === void 0 ? '' : _f, _g = _a.textColor, textColor = _g === void 0 ? '' : _g;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
-            _this.id = "UserListDropdownInformation_".concat(id);
+            _this.id = "UserListDropdownFixedContentInformation_".concat(id);
         };
         this.userId = userId;
         this.label = label;
@@ -89,9 +91,71 @@ var UserListDropdownInformation = /** @class */ (function () {
         this.iconRight = iconRight;
         this.textColor = textColor;
         this.allowed = allowed;
-        this.type = enums_1.UserListDropdownItemType.INFORMATION;
+        this.type = enums_1.UserListDropdownItemType.FIXED_CONTENT_INFORMATION;
     }
-    return UserListDropdownInformation;
+    return UserListDropdownFixedContentInformation;
 }());
-exports.UserListDropdownInformation = UserListDropdownInformation;
+exports.UserListDropdownFixedContentInformation = UserListDropdownFixedContentInformation;
+var UserListDropdownGenericContentInformation = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the User List Dropdown. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in user list dropdown information.
+     * @param icon - icon to be used in the user list dropdown information.
+     * It goes on the left side of it.
+     * @param iconRight - icon to be used in the user list dropdown information.
+     * It goes on the right side of it.
+     * @param allowed - if false, the use list dropdown  will not appear in the dropdown.
+     * @param textColor - Color that the text will have.
+     * @param userId - the userId in which this dropdown information will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function UserListDropdownGenericContentInformation(_a) {
+        var contentFunction = _a.contentFunction, _b = _a.allowed, allowed = _b === void 0 ? true : _b, _c = _a.userId, userId = _c === void 0 ? '' : _c;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserListDropdownGenericContentInformation_".concat(id);
+        };
+        this.userId = userId;
+        this.allowed = allowed;
+        this.contentFunction = contentFunction;
+        this.type = enums_1.UserListDropdownItemType.GENERIC_CONTENT_INFORMATION;
+    }
+    return UserListDropdownGenericContentInformation;
+}());
+exports.UserListDropdownGenericContentInformation = UserListDropdownGenericContentInformation;
+var UserListDropdownTitleAction = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the User List Dropdown. In this case,
+     * a button (action) for the title.
+     *
+     * @param onClick - onClick function.
+     * @param tooltip - quick explanatory message that will appear when user hover the action.
+     * @param icon - icon to be used in the user list dropdown title action.
+     * It goes on the left side of it.
+     * @param userId - the userId in which this dropdown title action will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function UserListDropdownTitleAction(_a) {
+        var _b = _a.icon, icon = _b === void 0 ? '' : _b, _c = _a.userId, userId = _c === void 0 ? '' : _c, onClick = _a.onClick, tooltip = _a.tooltip;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserListDropdownTitleAction_".concat(id);
+        };
+        this.userId = userId;
+        this.icon = icon;
+        this.tooltip = tooltip;
+        this.onClick = onClick;
+        this.type = enums_1.UserListDropdownItemType.TITLE_ACTION;
+    }
+    return UserListDropdownTitleAction;
+}());
+exports.UserListDropdownTitleAction = UserListDropdownTitleAction;
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-dropdown-item/component.ts"],"names":[],"mappings":";;;AAIA,iCAAmD;AAEnD,mCAAmC;AAEnC;IAiBE;;;;;;;;;;;;;OAaG;IACH,gCAAY,EAGkB;YAF5B,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EACvE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA;QAFb,iBAWC;QAzCD,OAAE,GAAW,EAAE,CAAC;QA2ChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,iCAA0B,EAAE,CAAE,CAAC;QAC3C,CAAC,CAAC;QAXA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,gCAAwB,CAAC,MAAM,CAAC;IAC9C,CAAC;IAKH,6BAAC;AAAD,CAAC,AA/CD,IA+CC;AA/CY,wDAAsB;AAiDnC;IAOE;;;;;;;;OAQG;IACH,mCAAY,EAA+C;YAA7C,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA;QAAzB,iBAGC;QAlBD,OAAE,GAAW,EAAE,CAAC;QAoBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,oCAA6B,EAAE,CAAE,CAAC;QAC9C,CAAC,CAAC;QANA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,gCAAwB,CAAC,SAAS,CAAC;IACjD,CAAC;IAKH,gCAAC;AAAD,CAAC,AAxBD,IAwBC;AAxBY,8DAAyB;AA0BtC;IAiBE;;;;;;;;;;;;;;;OAeG;IACH,qCAAY,EAGuB;YAFjC,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACrD,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;QAF7B,iBAWC;QA3CD,OAAE,GAAW,EAAE,CAAC;QA6ChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QAXA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,gCAAwB,CAAC,WAAW,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AAjDD,IAiDC;AAjDY,kEAA2B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-dropdown-item/component.ts"],"names":[],"mappings":"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"}

package/dist/cjs/extensible-areas/user-list-dropdown-item/enums.d.ts

@@ -1,5 +1,11 @@
 export declare enum UserListDropdownItemType {
     OPTION = "USER_LIST_DROPDOWN_OPTION",
     SEPARATOR = "USER_LIST_DROPDOWN_SEPARATOR",
-    INFORMATION = "USER_LIST_DROPDOWN_INFORMATION"
+    FIXED_CONTENT_INFORMATION = "USER_LIST_DROPDOWN_FIXED_CONTENT_INFORMATION",
+    GENERIC_CONTENT_INFORMATION = "USER_LIST_DROPDOWN_GENERIC_CONTENT_INFORMATION",
+    TITLE_ACTION = "USER_LIST_DROPDOWN_TITLE_ACTION"
+}
+export declare enum UserListDropdownSeparatorPosition {
+    BEFORE = "BEFORE_DEFAULT_ITEMS",
+    AFTER = "AFTER_DEFAULT_ITEMS"
 }

package/dist/cjs/extensible-areas/user-list-dropdown-item/enums.js

@@ -1,11 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserListDropdownItemType = void 0;
+exports.UserListDropdownSeparatorPosition = exports.UserListDropdownItemType = void 0;
 // User list dropdown items types:
 var UserListDropdownItemType;
 (function (UserListDropdownItemType) {
     UserListDropdownItemType["OPTION"] = "USER_LIST_DROPDOWN_OPTION";
     UserListDropdownItemType["SEPARATOR"] = "USER_LIST_DROPDOWN_SEPARATOR";
-    UserListDropdownItemType["INFORMATION"] = "USER_LIST_DROPDOWN_INFORMATION";
+    UserListDropdownItemType["FIXED_CONTENT_INFORMATION"] = "USER_LIST_DROPDOWN_FIXED_CONTENT_INFORMATION";
+    UserListDropdownItemType["GENERIC_CONTENT_INFORMATION"] = "USER_LIST_DROPDOWN_GENERIC_CONTENT_INFORMATION";
+    UserListDropdownItemType["TITLE_ACTION"] = "USER_LIST_DROPDOWN_TITLE_ACTION";
 })(UserListDropdownItemType || (exports.UserListDropdownItemType = UserListDropdownItemType = {}));
+var UserListDropdownSeparatorPosition;
+(function (UserListDropdownSeparatorPosition) {
+    UserListDropdownSeparatorPosition["BEFORE"] = "BEFORE_DEFAULT_ITEMS";
+    UserListDropdownSeparatorPosition["AFTER"] = "AFTER_DEFAULT_ITEMS";
+})(UserListDropdownSeparatorPosition || (exports.UserListDropdownSeparatorPosition = UserListDropdownSeparatorPosition = {}));
 //# sourceMappingURL=enums.js.map

package/dist/cjs/extensible-areas/user-list-dropdown-item/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-dropdown-item/enums.ts"],"names":[],"mappings":";;;AAAA,kCAAkC;AAClC,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,gEAAoC,CAAA;IACpC,sEAA0C,CAAA;IAC1C,0EAA8C,CAAA;AAChD,CAAC,EAJW,wBAAwB,wCAAxB,wBAAwB,QAInC"}
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-dropdown-item/enums.ts"],"names":[],"mappings":";;;AAAA,kCAAkC;AAClC,IAAY,wBAMX;AAND,WAAY,wBAAwB;IAClC,gEAAoC,CAAA;IACpC,sEAA0C,CAAA;IAC1C,sGAA0E,CAAA;IAC1E,0GAA8E,CAAA;IAC9E,4EAAgD,CAAA;AAClD,CAAC,EANW,wBAAwB,wCAAxB,wBAAwB,QAMnC;AAED,IAAY,iCAGX;AAHD,WAAY,iCAAiC;IAC3C,oEAA+B,CAAA;IAC/B,kEAA6B,CAAA;AAC/B,CAAC,EAHW,iCAAiC,iDAAjC,iCAAiC,QAG5C"}

package/dist/cjs/extensible-areas/user-list-dropdown-item/index.d.ts

@@ -1,2 +1,3 @@
-export { UserListDropdownOption, UserListDropdownSeparator, UserListDropdownInformation, } from './component';
+export { UserListDropdownOption, UserListDropdownSeparator, UserListDropdownGenericContentInformation, UserListDropdownFixedContentInformation, UserListDropdownTitleAction, } from './component';
 export { UserListDropdownInterface, } from './types';
+export { UserListDropdownSeparatorPosition, } from './enums';

package/dist/cjs/extensible-areas/user-list-dropdown-item/index.js

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserListDropdownInformation = exports.UserListDropdownSeparator = exports.UserListDropdownOption = void 0;
+exports.UserListDropdownSeparatorPosition = exports.UserListDropdownTitleAction = exports.UserListDropdownFixedContentInformation = exports.UserListDropdownGenericContentInformation = exports.UserListDropdownSeparator = exports.UserListDropdownOption = void 0;
 var component_1 = require("./component");
 Object.defineProperty(exports, "UserListDropdownOption", { enumerable: true, get: function () { return component_1.UserListDropdownOption; } });
 Object.defineProperty(exports, "UserListDropdownSeparator", { enumerable: true, get: function () { return component_1.UserListDropdownSeparator; } });
-Object.defineProperty(exports, "UserListDropdownInformation", { enumerable: true, get: function () { return component_1.UserListDropdownInformation; } });
+Object.defineProperty(exports, "UserListDropdownGenericContentInformation", { enumerable: true, get: function () { return component_1.UserListDropdownGenericContentInformation; } });
+Object.defineProperty(exports, "UserListDropdownFixedContentInformation", { enumerable: true, get: function () { return component_1.UserListDropdownFixedContentInformation; } });
+Object.defineProperty(exports, "UserListDropdownTitleAction", { enumerable: true, get: function () { return component_1.UserListDropdownTitleAction; } });
+var enums_1 = require("./enums");
+Object.defineProperty(exports, "UserListDropdownSeparatorPosition", { enumerable: true, get: function () { return enums_1.UserListDropdownSeparatorPosition; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/extensible-areas/user-list-dropdown-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-dropdown-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAIqB;AAHnB,mHAAA,sBAAsB,OAAA;AACtB,sHAAA,yBAAyB,OAAA;AACzB,wHAAA,2BAA2B,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-dropdown-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAMqB;AALnB,mHAAA,sBAAsB,OAAA;AACtB,sHAAA,yBAAyB,OAAA;AACzB,sIAAA,yCAAyC,OAAA;AACzC,oIAAA,uCAAuC,OAAA;AACvC,wHAAA,2BAA2B,OAAA;AAK7B,iCAEiB;AADf,0HAAA,iCAAiC,OAAA"}

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

@@ -1,4 +1,6 @@
+/// <reference types="react" />
 import { PluginProvidedUiItemDescriptor } from '../base';
+import { UserListDropdownSeparatorPosition } from './enums';
 /**
  * User List Dropdown Item - The general user list dropdown extensible area item
  *
@@ -19,8 +21,14 @@ export interface UserListDropdownOptionProps {
 }
 export interface UserListDropdownSeparatorProps {
     userId: string;
+    position?: UserListDropdownSeparatorPosition;
 }
-export interface UserListDropdownInformationProps {
+export interface UserListDropdownGenericContentInformationProps {
+    contentFunction: (element: HTMLElement) => void;
+    allowed: boolean;
+    userId: string;
+}
+export interface UserListDropdownFixedContentInformationProps {
     label: string;
     icon?: string;
     iconRight?: string;
@@ -28,3 +36,12 @@ export interface UserListDropdownInformationProps {
     userId: string;
     textColor: string;
 }
+export interface UserListDropdownTitleActionOnClickArguments {
+    browserEvent: React.MouseEvent<HTMLElement>;
+}
+export interface UserListDropdownTitleActionProps {
+    tooltip: string;
+    icon: string;
+    userId: string;
+    onClick: (args: UserListDropdownTitleActionOnClickArguments) => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bigbluebutton-html-plugin-sdk",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "homepage": "https://github.com/bigbluebutton/bigbluebutton-html-plugin-sdk",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",