bigbluebutton-html-plugin-sdk 0.0.69 → 0.0.70

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

@@ -1,11 +1,16 @@
+import { ChangeEvent, MouseEvent } from 'react';
 import { ActionsBarPosition, ActionsBarItemType } from './enums';
-import { ActionsBarInterface, ActionsBarButtonProps, ActionsBarSeparatorProps } from './types';
-export declare class ActionsBarButton implements ActionsBarInterface {
+import { ActionsBarInterface, ActionsBarItemProps, ActionsBarButtonProps, ActionsBarSeparatorProps, ActionsBarSelectorProps, SelectOption, ToggleGroupOption, ActionsBarToggleGroupProps } from './types';
+declare class ActionsBarItem implements ActionsBarInterface {
     id: string;
     type: ActionsBarItemType;
+    position: ActionsBarPosition;
+    constructor({ id, type, position, }: ActionsBarItemProps);
+    setItemId(id: string): void;
+}
+export declare class ActionsBarButton extends ActionsBarItem {
     icon: string;
     tooltip: string;
-    position: ActionsBarPosition;
     onClick: () => void;
     /**
      * Returns object to be used in the setter for action bar. In this case,
@@ -19,20 +24,64 @@ export declare class ActionsBarButton implements ActionsBarInterface {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     constructor({ id, icon, tooltip, onClick, position, }: ActionsBarButtonProps);
-    setItemId: (id: string) => void;
 }
-export declare class ActionsBarSeparator implements ActionsBarInterface {
-    position: ActionsBarPosition;
-    id: string;
-    type: ActionsBarItemType;
+export declare class ActionsBarSeparator extends ActionsBarItem {
+    icon: string;
     /**
      * Returns object to be used in the setter for action bar. In this case,
      * a separator.
      *
      * @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.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    constructor({ position, icon, }: ActionsBarSeparatorProps);
+}
+export declare class ActionsBarSelector extends ActionsBarItem {
+    title: string;
+    options: SelectOption[];
+    defaultOption: SelectOption;
+    onChange: (value: string | number, event: ChangeEvent<HTMLInputElement>) => void;
+    width: number;
+    /**
+     * Returns object to be used in the setter for action bar. In this case,
+     * a selector.
+     *
+     * @param title - title to be used in the selector for the actions bar
+     * @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 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);
+}
+export declare class ActionsBarToggleGroup extends ActionsBarItem {
+    title: string;
+    exclusive: boolean;
+    options: ToggleGroupOption[];
+    defaultOption: ToggleGroupOption;
+    onChange: (values: string | number | string[] | number[], event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Returns object to be used in the setter for action bar. In this case,
+     * a toggle group.
+     *
+     * @param title - title to be used in the selector for the actions bar
+     * @param exclusive - whether the toggle group should be exclusive or not - allow checking
+     * multiple options
+     * @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 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({ position, }: ActionsBarSeparatorProps);
-    setItemId: (id: string) => void;
+    constructor({ id, title, exclusive, options, defaultOption, onChange, position, }: ActionsBarToggleGroupProps);
 }
+export {};

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

@@ -1,9 +1,40 @@
 "use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionsBarSeparator = exports.ActionsBarButton = void 0;
+exports.ActionsBarToggleGroup = exports.ActionsBarSelector = exports.ActionsBarSeparator = exports.ActionsBarButton = void 0;
 var enums_1 = require("./enums");
 // ActionsBar Extensible Area
-var ActionsBarButton = /** @class */ (function () {
+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;
+        this.id = '';
+        if (id) {
+            this.id = id;
+        }
+        this.type = type;
+        this.position = position;
+    }
+    ActionsBarItem.prototype.setItemId = function (id) {
+        this.id = "ActionsBar".concat(this.type, "_").concat(id);
+    };
+    return ActionsBarItem;
+}());
+var ActionsBarButton = /** @class */ (function (_super) {
+    __extends(ActionsBarButton, _super);
     /**
      * Returns object to be used in the setter for action bar. In this case,
      * a button.
@@ -17,43 +48,94 @@ var ActionsBarButton = /** @class */ (function () {
      */
     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 = this;
-        this.id = '';
-        this.setItemId = function (id) {
-            _this.id = "ActionsBarButton_".concat(id);
-        };
-        if (id) {
-            this.id = id;
-        }
-        this.icon = icon;
-        this.tooltip = tooltip;
-        this.onClick = onClick;
-        this.position = position;
-        this.type = enums_1.ActionsBarItemType.BUTTON;
+        var _this = _super.call(this, { id: id, type: enums_1.ActionsBarItemType.BUTTON, position: position }) || this;
+        _this.icon = icon;
+        _this.tooltip = tooltip;
+        _this.onClick = onClick;
+        return _this;
     }
     return ActionsBarButton;
-}());
+}(ActionsBarItem));
 exports.ActionsBarButton = ActionsBarButton;
-var ActionsBarSeparator = /** @class */ (function () {
+var ActionsBarSeparator = /** @class */ (function (_super) {
+    __extends(ActionsBarSeparator, _super);
     /**
      * Returns object to be used in the setter for action bar. In this case,
      * a separator.
      *
      * @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.
      *
      * @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;
-        var _this = this;
-        this.id = '';
-        this.setItemId = function (id) {
-            _this.id = "ActionsBarSeparator_".concat(id);
-        };
-        this.position = position;
-        this.type = enums_1.ActionsBarItemType.SEPARATOR;
+        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;
+        _this.icon = icon;
+        return _this;
     }
     return ActionsBarSeparator;
-}());
+}(ActionsBarItem));
 exports.ActionsBarSeparator = ActionsBarSeparator;
+var ActionsBarSelector = /** @class */ (function (_super) {
+    __extends(ActionsBarSelector, _super);
+    /**
+     * Returns object to be used in the setter for action bar. In this case,
+     * a selector.
+     *
+     * @param title - title to be used in the selector for the actions bar
+     * @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 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)
+     */
+    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;
+        _this.width = 145;
+        _this.title = title;
+        _this.options = options;
+        _this.defaultOption = defaultOption;
+        _this.onChange = onChange;
+        _this.width = width;
+        return _this;
+    }
+    return ActionsBarSelector;
+}(ActionsBarItem));
+exports.ActionsBarSelector = ActionsBarSelector;
+var ActionsBarToggleGroup = /** @class */ (function (_super) {
+    __extends(ActionsBarToggleGroup, _super);
+    /**
+     * Returns object to be used in the setter for action bar. In this case,
+     * a toggle group.
+     *
+     * @param title - title to be used in the selector for the actions bar
+     * @param exclusive - whether the toggle group should be exclusive or not - allow checking
+     * multiple options
+     * @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 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;
+        _this.title = title;
+        _this.exclusive = exclusive;
+        _this.options = options;
+        _this.defaultOption = defaultOption;
+        _this.onChange = onChange;
+        return _this;
+    }
+    return ActionsBarToggleGroup;
+}(ActionsBarItem));
+exports.ActionsBarToggleGroup = ActionsBarToggleGroup;
 //# sourceMappingURL=component.js.map

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":";;;AAAA,iCAAiE;AAKjE,6BAA6B;AAE7B;IAaE;;;;;;;;;;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,iBAWC;QAlCD,OAAE,GAAW,EAAE,CAAC;QAoChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,2BAAoB,EAAE,CAAE,CAAC;QACrC,CAAC,CAAC;QAZA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,MAAM,CAAC;IACxC,CAAC;IAKH,uBAAC;AAAD,CAAC,AAxCD,IAwCC;AAxCY,4CAAgB;AA0C7B;IAOE;;;;;;;OAOG;IACH,6BAAY,EAEe;YADzB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QADrC,iBAKC;QAjBD,OAAE,GAAW,EAAE,CAAC;QAmBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,8BAAuB,EAAE,CAAE,CAAC;QACxC,CAAC,CAAC;QANA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,0BAAC;AAAD,CAAC,AAzBD,IAyBC;AAzBY,kDAAmB"}
+{"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/enums.d.ts

@@ -1,6 +1,8 @@
 export declare enum ActionsBarItemType {
     BUTTON = "ACTIONS_BAR_BUTTON",
-    SEPARATOR = "ACTIONS_BAR_SEPARATOR"
+    SEPARATOR = "ACTIONS_BAR_SEPARATOR",
+    SELECTOR = "ACTIONS_BAR_SELECTOR",
+    TOGGLE_GROUP = "ACTIONS_BAR_TOGGLE_GROUP"
 }
 /**
  * Enum with the position to insert the actions bar item (Separator or Button)

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

@@ -6,6 +6,8 @@ var ActionsBarItemType;
 (function (ActionsBarItemType) {
     ActionsBarItemType["BUTTON"] = "ACTIONS_BAR_BUTTON";
     ActionsBarItemType["SEPARATOR"] = "ACTIONS_BAR_SEPARATOR";
+    ActionsBarItemType["SELECTOR"] = "ACTIONS_BAR_SELECTOR";
+    ActionsBarItemType["TOGGLE_GROUP"] = "ACTIONS_BAR_TOGGLE_GROUP";
 })(ActionsBarItemType || (exports.ActionsBarItemType = ActionsBarItemType = {}));
 /**
  * Enum with the position to insert the actions bar item (Separator or Button)

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

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/enums.ts"],"names":[],"mappings":";;;AAAA,0BAA0B;AAC1B,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mDAA6B,CAAA;IAC7B,yDAAmC,CAAA;AACrC,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAED;;GAEG;AACH,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B"}
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/enums.ts"],"names":[],"mappings":";;;AAAA,0BAA0B;AAC1B,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,mDAA6B,CAAA;IAC7B,yDAAmC,CAAA;IACnC,uDAAiC,CAAA;IACjC,+DAAyC,CAAA;AAC3C,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B;AAED;;GAEG;AACH,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B"}

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

@@ -1,3 +1,3 @@
-export { ActionsBarButton, ActionsBarSeparator, } from './component';
+export { ActionsBarButton, ActionsBarSeparator, ActionsBarSelector, ActionsBarToggleGroup, } from './component';
 export { ActionsBarInterface, } from './types';
-export { ActionsBarPosition, } from './enums';
+export { ActionsBarItemType, ActionsBarPosition, } from './enums';

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

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionsBarPosition = exports.ActionsBarSeparator = exports.ActionsBarButton = void 0;
+exports.ActionsBarPosition = exports.ActionsBarItemType = exports.ActionsBarToggleGroup = exports.ActionsBarSelector = exports.ActionsBarSeparator = exports.ActionsBarButton = void 0;
 var component_1 = require("./component");
 Object.defineProperty(exports, "ActionsBarButton", { enumerable: true, get: function () { return component_1.ActionsBarButton; } });
 Object.defineProperty(exports, "ActionsBarSeparator", { enumerable: true, get: function () { return component_1.ActionsBarSeparator; } });
+Object.defineProperty(exports, "ActionsBarSelector", { enumerable: true, get: function () { return component_1.ActionsBarSelector; } });
+Object.defineProperty(exports, "ActionsBarToggleGroup", { enumerable: true, get: function () { return component_1.ActionsBarToggleGroup; } });
 var enums_1 = require("./enums");
+Object.defineProperty(exports, "ActionsBarItemType", { enumerable: true, get: function () { return enums_1.ActionsBarItemType; } });
 Object.defineProperty(exports, "ActionsBarPosition", { enumerable: true, get: function () { return enums_1.ActionsBarPosition; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAGqB;AAFnB,6GAAA,gBAAgB,OAAA;AAChB,gHAAA,mBAAmB,OAAA;AAKrB,iCAEiB;AADf,2GAAA,kBAAkB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAKqB;AAJnB,6GAAA,gBAAgB,OAAA;AAChB,gHAAA,mBAAmB,OAAA;AACnB,+GAAA,kBAAkB,OAAA;AAClB,kHAAA,qBAAqB,OAAA;AAKvB,iCAGiB;AAFf,2GAAA,kBAAkB,OAAA;AAClB,2GAAA,kBAAkB,OAAA"}

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

@@ -1,11 +1,17 @@
+import { ChangeEvent, MouseEvent } from 'react';
 import { PluginProvidedUiItemDescriptor } from '../base';
-import { ActionsBarPosition } from './enums';
+import { ActionsBarItemType, ActionsBarPosition } from './enums';
 /**
  * Interface for the generic Actions bar item. (`position` is mandatory)
  */
 export interface ActionsBarInterface extends PluginProvidedUiItemDescriptor {
     position: ActionsBarPosition;
 }
+export interface ActionsBarItemProps {
+    id?: string;
+    position: ActionsBarPosition;
+    type: ActionsBarItemType;
+}
 export interface ActionsBarButtonProps {
     id?: string;
     icon: string;
@@ -15,4 +21,29 @@ export interface ActionsBarButtonProps {
 }
 export interface ActionsBarSeparatorProps {
     position: ActionsBarPosition;
+    icon?: string;
+}
+export interface SelectOption {
+    value: string | number;
+    label: string;
+}
+export interface ToggleGroupOption extends SelectOption {
+}
+export interface ActionsBarSelectorProps {
+    id?: string;
+    title: string;
+    options: SelectOption[];
+    defaultOption?: SelectOption;
+    onChange: (value: string | number, event: ChangeEvent<HTMLInputElement>) => void;
+    position: ActionsBarPosition;
+    width?: number;
+}
+export interface ActionsBarToggleGroupProps {
+    id?: string;
+    title: string;
+    options: ToggleGroupOption[];
+    defaultOption?: ToggleGroupOption;
+    exclusive?: boolean;
+    onChange: (values: string | number | string[] | number[], event: MouseEvent<HTMLElement>) => void;
+    position: ActionsBarPosition;
 }

package/package.json

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