bigbluebutton-html-plugin-sdk 0.0.58 → 0.0.60

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

@@ -1,3 +1,4 @@
+import * as ReactDOM from 'react-dom/client';
 import { FloatingWindowType } from './enums';
 import { FloatingWindowInterface, FloatingWindowProps } from './types';
 export declare class FloatingWindow implements FloatingWindowInterface {
@@ -8,19 +9,20 @@ export declare class FloatingWindow implements FloatingWindowInterface {
     movable: boolean;
     backgroundColor: string;
     boxShadow: string;
-    contentFunction: (element: HTMLElement) => void;
+    contentFunction: (element: HTMLElement) => ReactDOM.Root;
     /**
      * Returns object to be used in the setter for the Floating Window
      *
      * @param top - position in which the the top left corner of the floating window is relative
-     * to the top of the rendered window.
+     * to the top of the rendered window. It must return the root element where the floating window
+     * was rendered.
      * @param left - position in which the the top left corner of the floating window is relative
      * to the left of the rendered window.
      * @param movable - tells whether the floating window is movable or static.
      * @param backgroundColor - background color of the floating window.
      * @param boxShadow - box shadow to apply to the floating window
      * @param contentFunction - function that gives the html element to render the content of
-     * the floating window
+     * the floating window. It must return the root element where the floating window was rendered.
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */

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

@@ -8,14 +8,15 @@ var FloatingWindow = /** @class */ (function () {
      * Returns object to be used in the setter for the Floating Window
      *
      * @param top - position in which the the top left corner of the floating window is relative
-     * to the top of the rendered window.
+     * to the top of the rendered window. It must return the root element where the floating window
+     * was rendered.
      * @param left - position in which the the top left corner of the floating window is relative
      * to the left of the rendered window.
      * @param movable - tells whether the floating window is movable or static.
      * @param backgroundColor - background color of the floating window.
      * @param boxShadow - box shadow to apply to the floating window
      * @param contentFunction - function that gives the html element to render the content of
-     * the floating window
+     * the floating window. It must return the root element where the floating window was rendered.
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */

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":";;;AAAA,iCAA6C;AAG7C,iCAAiC;AAEjC;IAiBE;;;;;;;;;;;;;;OAcG;IACH,wBAAY,EAOU;YANpB,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,eAAe,qBAAA;QANjB,iBAgBC;QA/CD,OAAE,GAAW,EAAE,CAAC;QAiDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,yBAAkB,EAAE,CAAE,CAAC;QACnC,CAAC,CAAC;QAZA,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,AArDD,IAqDC;AArDY,wCAAc"}
+{"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,EAOU;YANpB,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,eAAe,qBAAA;QANjB,iBAgBC;QAhDD,OAAE,GAAW,EAAE,CAAC;QAkDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,yBAAkB,EAAE,CAAE,CAAC;QACnC,CAAC,CAAC;QAZA,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,AAtDD,IAsDC;AAtDY,wCAAc"}

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

@@ -1,3 +1,4 @@
+import * as ReactDOM from 'react-dom/client';
 import { PluginProvidedUiItemDescriptor } from '../base';
 export interface FloatingWindowInterface extends PluginProvidedUiItemDescriptor {
 }
@@ -7,6 +8,6 @@ export interface FloatingWindowProps {
     movable: boolean;
     backgroundColor: string;
     boxShadow: string;
-    contentFunction: (element: HTMLElement) => void;
+    contentFunction: (element: HTMLElement) => ReactDOM.Root;
 }
 export type SetFloatingWindows = (FloatingWindows: FloatingWindowInterface[]) => void;

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

@@ -1,9 +1,10 @@
+import * as ReactDOM from 'react-dom/client';
 import { GenericContentType } from './enums';
 import { GenericContentInterface, GenericContentMainAreaProps, GenericContentSidekickAreaProps } from './types';
 export declare class GenericContentMainArea implements GenericContentInterface {
     id: string;
     type: GenericContentType;
-    contentFunction: (element: HTMLElement) => void;
+    contentFunction: (element: HTMLElement) => ReactDOM.Root;
     /**
      * Returns an object that when used in the setter as a generic content will be rendered
      * over the meeting main presentation.
@@ -23,7 +24,7 @@ export declare class GenericContentSidekickArea implements GenericContentInterfa
     section: string;
     buttonIcon: string;
     open: boolean;
-    contentFunction: (element: HTMLElement) => void;
+    contentFunction: (element: HTMLElement) => ReactDOM.Root;
     /**
      * Returns an object that when used in the setter as a generic content will be rendered
      * in the sidekick panel. Every generic sidekick content has an intrinsic button associated,
@@ -31,7 +32,7 @@ export declare class GenericContentSidekickArea implements GenericContentInterfa
      * given generic sidekick content.
      *
      * @param contentFunction - function that gives the html element to render the content of
-     * the generic component
+     * the generic content. It must return the root element where the generic content was rendered.
      * @param name - the label of the associated sidebar navigation button
      * @param section - section name under which the associated sidebar navigation button will be
      *  displayed

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

@@ -34,7 +34,7 @@ var GenericContentSidekickArea = /** @class */ (function () {
      * given generic sidekick content.
      *
      * @param contentFunction - function that gives the html element to render the content of
-     * the generic component
+     * the generic content. It must return the root element where the generic content was rendered.
      * @param name - the label of the associated sidebar navigation button
      * @param section - section name under which the associated sidebar navigation button will be
      *  displayed

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":";;;AAAA,iCAA6C;AAG7C,iCAAiC;AAEjC;IAOE;;;;;;;;OAQG;IACH,gCAAY,EAEkB;YAD5B,eAAe,qBAAA;QADjB,iBAKC;QApBD,OAAE,GAAW,EAAE,CAAC;QAsBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QANA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,6BAAC;AAAD,CAAC,AA1BD,IA0BC;AA1BY,wDAAsB;AA4BnC;IAeE;;;;;;;;;;;;;;;OAeG;IACH,oCAAY,EAEsB;YADhC,eAAe,qBAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;QADlD,iBASC;QAvCD,OAAE,GAAW,EAAE,CAAC;QAIhB,SAAI,GAAW,EAAE,CAAC;QAElB,YAAO,GAAW,EAAE,CAAC;QAErB,eAAU,GAAW,EAAE,CAAC;QAExB,SAAI,GAAY,KAAK,CAAC;QA+BtB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QAVA,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,AA7CD,IA6CC;AA7CY,gEAA0B"}
+{"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,qBAAA;QADjB,iBAKC;QApBD,OAAE,GAAW,EAAE,CAAC;QAsBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QANA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,6BAAC;AAAD,CAAC,AA1BD,IA0BC;AA1BY,wDAAsB;AA4BnC;IAeE;;;;;;;;;;;;;;;OAeG;IACH,oCAAY,EAEsB;YADhC,eAAe,qBAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;QADlD,iBASC;QAvCD,OAAE,GAAW,EAAE,CAAC;QAIhB,SAAI,GAAW,EAAE,CAAC;QAElB,YAAO,GAAW,EAAE,CAAC;QAErB,eAAU,GAAW,EAAE,CAAC;QAExB,SAAI,GAAY,KAAK,CAAC;QA+BtB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QAVA,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,AA7CD,IA6CC;AA7CY,gEAA0B"}

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

@@ -1,11 +1,12 @@
+import * as ReactDOM from 'react-dom/client';
 import { PluginProvidedUiItemDescriptor } from '../base';
 export interface GenericContentInterface extends PluginProvidedUiItemDescriptor {
 }
 export interface GenericContentMainAreaProps {
-    contentFunction: (element: HTMLElement) => void;
+    contentFunction: (element: HTMLElement) => ReactDOM.Root;
 }
 export interface GenericContentSidekickAreaProps {
-    contentFunction: (element: HTMLElement) => void;
+    contentFunction: (element: HTMLElement) => ReactDOM.Root;
     name: string;
     section: string;
     buttonIcon: string;

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.58",
+  "version": "0.0.60",
   "homepage": "https://github.com/bigbluebutton/bigbluebutton-html-plugin-sdk",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",