@imposium-hub/components 1.43.5 → 1.44.0

package/dist/cjs/components/players/TemplatePlayer.js

@@ -0,0 +1,73 @@
+"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 __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var player_1 = require("../../constants/player");
+var VideoPlayer_1 = require("./VideoPlayer");
+var PreviewNotAvailable_1 = require("../assets/PreviewNotAvailable");
+var TemplatePlayer = /** @class */ (function (_super) {
+    __extends(TemplatePlayer, _super);
+    function TemplatePlayer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.width = 1280;
+        _this.height = 720;
+        _this.audioNode = React.createRef();
+        return _this;
+    }
+    TemplatePlayer.prototype.getImageStyle = function () {
+        var _a = this.props, padding = _a.padding, width = _a.width, height = _a.height;
+        var pad = (padding !== undefined) ? padding : player_1.DEFAULT_PADDING;
+        return (0, VideoPlayer_1.getPlayerStyle)(width, height, this.width, this.height, pad);
+    };
+    TemplatePlayer.prototype.render = function () {
+        var _a = this.props, url = _a.url, active = _a.active;
+        if (active !== false) {
+            return (React.createElement("div", { className: 'media-player' },
+                React.createElement("div", { className: 'inner-viewer', style: this.getImageStyle() },
+                    React.createElement(PreviewNotAvailable_1.PreviewNotAvailable, null))));
+        }
+        else {
+            return null;
+        }
+    };
+    return TemplatePlayer;
+}(React.PureComponent));
+exports.default = TemplatePlayer;
+//# sourceMappingURL=TemplatePlayer.js.map

package/dist/cjs/components/players/TemplatePlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePlayer.js","sourceRoot":"","sources":["../../../../src/components/players/TemplatePlayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,iDAAyD;AACzD,6CAA+C;AAC/C,qEAAoE;AAUpE;IAA6B,kCAAoD;IAM7E,wBAAY,KAAK;QAAjB,YAEI,kBAAM,KAAK,CAAC,SAGf;QARO,WAAK,GAAG,IAAI,CAAC;QACb,YAAM,GAAG,GAAG,CAAC;QAMjB,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;;IACvC,CAAC;IAEM,sCAAa,GAApB;QAEM,IAAA,KAA2B,IAAI,CAAC,KAAK,EAApC,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAc,CAAC;QACxC,IAAM,GAAG,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAe,CAAC;QAEhE,OAAO,IAAA,4BAAc,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvE,CAAC;IAEM,+BAAM,GAAb;QAEU,IAAA,KAAgB,IAAI,CAAC,KAAK,EAAzB,GAAG,SAAA,EAAE,MAAM,YAAc,CAAC;QAEjC,IAAI,MAAM,KAAK,KAAK,EAAE;YAClB,OAAO,CACH,6BAAK,SAAS,EAAG,cAAc;gBAC3B,6BAAK,SAAS,EAAG,cAAc,EAAC,KAAK,EAAI,IAAI,CAAC,aAAa,EAAE;oBACzD,oBAAC,yCAAmB,OAAE,CACpB,CACJ,CACT,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,qBAAC;AAAD,CAAC,AArCD,CAA6B,KAAK,CAAC,aAAa,GAqC/C;AAED,kBAAe,cAAc,CAAC"}

package/dist/cjs/components/players/VideoPlayer.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+interface IVideoPlayerProps {
+    url: string;
+    height?: number;
+    width?: number;
+    padding?: number;
+    muted?: boolean;
+    active?: boolean;
+    maxWidth?: number;
+    maxHeight?: number;
+    hideDefaultControls?: boolean;
+    allowManualScale?: boolean;
+    customControls?: JSX.Element;
+    autoPlay?: boolean;
+}
+interface IVideoPlayerState {
+    videoWidth: number;
+    videoHeight: number;
+    scaleMode: string;
+}
+export declare const getPlayerStyle: (w: any, h: any, contentWidth: any, contentHeight: any, padding: any, maxWidth?: any, maxHeight?: any) => {
+    top: string;
+    left: string;
+    width: string;
+    height: string;
+};
+declare class VideoPlayer extends React.PureComponent<IVideoPlayerProps, IVideoPlayerState> {
+    private videoNode;
+    static SCALE_MODES: {
+        MANUAL: string;
+        AUTOMATIC: string;
+    };
+    constructor(props: any);
+    getVideoStyle(): any;
+    setTime(time: any): void;
+    private metadataLoaded;
+    private renderCustomControls;
+    render(): JSX.Element;
+}
+export default VideoPlayer;

package/dist/cjs/components/players/VideoPlayer.js

@@ -0,0 +1,126 @@
+"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 __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPlayerStyle = void 0;
+var React = __importStar(require("react"));
+var Util_1 = require("../../Util");
+var player_1 = require("../../constants/player");
+var getPlayerStyle = function (w, h, contentWidth, contentHeight, padding, maxWidth, maxHeight) {
+    var containerDimensions = { width: w, height: h };
+    var contentDimensions = { width: contentWidth, height: contentHeight };
+    var _a = (0, Util_1.fitToContainer)(containerDimensions, contentDimensions, {
+        scaleMode: 'proportionalInside',
+        maxWidth: maxWidth,
+        maxHeight: maxHeight,
+        padding: padding
+    }), width = _a.width, height = _a.height, top = _a.top, left = _a.left;
+    return {
+        top: "".concat(top, "px"),
+        left: "".concat(left, "px"),
+        width: "".concat(width, "px"),
+        height: "".concat(height, "px")
+    };
+};
+exports.getPlayerStyle = getPlayerStyle;
+var VideoPlayer = /** @class */ (function (_super) {
+    __extends(VideoPlayer, _super);
+    function VideoPlayer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            videoHeight: 1080,
+            videoWidth: 1920,
+            scaleMode: VideoPlayer.SCALE_MODES.AUTOMATIC
+        };
+        _this.videoNode = React.createRef();
+        return _this;
+    }
+    VideoPlayer.prototype.getVideoStyle = function () {
+        var _a = this.state, videoHeight = _a.videoHeight, videoWidth = _a.videoWidth;
+        var _b = this.props, padding = _b.padding, width = _b.width, height = _b.height, maxWidth = _b.maxWidth, maxHeight = _b.maxHeight;
+        var pad = (padding !== undefined) ? padding : player_1.DEFAULT_PADDING;
+        if (videoHeight && videoWidth) {
+            return (0, exports.getPlayerStyle)(width, height, videoWidth, videoHeight, pad, maxWidth, maxHeight);
+        }
+        return {};
+    };
+    VideoPlayer.prototype.setTime = function (time) {
+        var video = this.videoNode.current;
+        if (video) {
+            video.currentTime = time;
+        }
+    };
+    VideoPlayer.prototype.metadataLoaded = function (e) {
+        this.setState({
+            videoWidth: e.target.videoWidth,
+            videoHeight: e.target.videoHeight
+        });
+    };
+    VideoPlayer.prototype.renderCustomControls = function () {
+        var customControls = this.props.customControls;
+        if (customControls) {
+            return React.cloneElement(customControls, {
+                videoNode: this.videoNode
+            });
+        }
+        return null;
+    };
+    VideoPlayer.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, url = _a.url, active = _a.active, muted = _a.muted, customControls = _a.customControls, hideDefaultControls = _a.hideDefaultControls;
+        var controls = (!customControls && !hideDefaultControls);
+        var autoPlay = (this.props.autoPlay) ? this.props.autoPlay : false;
+        if (active !== false) {
+            return (React.createElement("div", { className: 'media-player' },
+                React.createElement("div", { className: 'inner-viewer', style: this.getVideoStyle() },
+                    React.createElement("video", { controls: controls, onLoadedMetadata: function (e) { return _this.metadataLoaded(e); }, muted: muted, src: url, ref: this.videoNode, preload: 'auto', autoPlay: autoPlay }),
+                    this.renderCustomControls())));
+        }
+        else {
+            return null;
+        }
+    };
+    VideoPlayer.SCALE_MODES = {
+        MANUAL: 'manual',
+        AUTOMATIC: 'automatic'
+    };
+    return VideoPlayer;
+}(React.PureComponent));
+exports.default = VideoPlayer;
+//# sourceMappingURL=VideoPlayer.js.map

package/dist/cjs/components/players/VideoPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.js","sourceRoot":"","sources":["../../../../src/components/players/VideoPlayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,mCAA4C;AAC5C,iDAAyD;AAuBlD,IAAM,cAAc,GAAG,UAAC,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,QAAS,EAAE,SAAU;IAE5F,IAAM,mBAAmB,GAAG,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC;IAClD,IAAM,iBAAiB,GAAG,EAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAC,CAAC;IACjE,IAAA,KAA6B,IAAA,qBAAc,EAAC,mBAAmB,EAAE,iBAAiB,EAAE;QACtF,SAAS,EAAE,oBAAoB;QAC/B,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,OAAO,SAAA;KACV,CAAC,EALK,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,GAAG,SAAA,EAAE,IAAI,UAK7B,CAAC;IAEH,OAAO;QACH,GAAG,EAAG,UAAG,GAAG,OAAI;QAChB,IAAI,EAAG,UAAG,IAAI,OAAI;QAClB,KAAK,EAAG,UAAG,KAAK,OAAI;QACpB,MAAM,EAAG,UAAG,MAAM,OAAI;KACzB,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,cAAc,kBAiBzB;AAEF;IAA0B,+BAAyD;IAQ/E,qBAAY,KAAK;QAAjB,YAEI,kBAAM,KAAK,CAAC,SASf;QAPG,KAAI,CAAC,KAAK,GAAG;YACT,WAAW,EAAG,IAAI;YAClB,UAAU,EAAG,IAAI;YACjB,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC,SAAS;SAC/C,CAAC;QAEF,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;;IACvC,CAAC;IAEM,mCAAa,GAApB;QAEU,IAAA,KAA4B,IAAI,CAAC,KAAK,EAArC,WAAW,iBAAA,EAAE,UAAU,gBAAc,CAAC;QACvC,IAAA,KAAkD,IAAI,CAAC,KAAK,EAA1D,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAe,CAAC;QACnE,IAAM,GAAG,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAe,CAAC;QAEhE,IAAI,WAAW,IAAI,UAAU,EAAE;YAC3B,OAAO,IAAA,sBAAc,EAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;SAC3F;QAED,OAAO,EAAE,CAAC;IACd,CAAC;IAEM,6BAAO,GAAd,UAAe,IAAI;QAEf,IAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;QACrC,IAAI,KAAK,EAAE;YACP,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;SAC5B;IACL,CAAC;IAEO,oCAAc,GAAtB,UAAuB,CAAC;QAEpB,IAAI,CAAC,QAAQ,CAAC;YACV,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU;YAC/B,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW;SACpC,CAAC,CAAC;IACP,CAAC;IAEO,0CAAoB,GAA5B;QAEY,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QAEtC,IAAI,cAAc,EAAE;YAChB,OAAO,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE;gBACtC,SAAS,EAAE,IAAI,CAAC,SAAS;aAC5B,CAAC,CAAC;SACN;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,4BAAM,GAAb;QAAA,iBA0BC;QAxBS,IAAA,KAA4D,IAAI,CAAC,KAAK,EAArE,GAAG,SAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,cAAc,oBAAA,EAAE,mBAAmB,yBAAc,CAAC;QAC7E,IAAM,QAAQ,GAAG,CAAC,CAAC,cAAc,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC3D,IAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QAErE,IAAI,MAAM,KAAK,KAAK,EAAE;YAClB,OAAO,CACH,6BAAK,SAAS,EAAG,cAAc;gBAC3B,6BAAK,SAAS,EAAG,cAAc,EAAC,KAAK,EAAI,IAAI,CAAC,aAAa,EAAE;oBACzD,+BACI,QAAQ,EAAI,QAAQ,EACpB,gBAAgB,EAAI,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAtB,CAAsB,EACjD,KAAK,EAAI,KAAK,EACd,GAAG,EAAI,GAAG,EACV,GAAG,EAAI,IAAI,CAAC,SAAS,EACrB,OAAO,EAAG,MAAM,EAChB,QAAQ,EAAI,QAAQ,GAAG;oBAC1B,IAAI,CAAC,oBAAoB,EAAE,CAC1B,CACJ,CACT,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IAEL,CAAC;IAtFa,uBAAW,GAAG;QACxB,MAAM,EAAG,QAAQ;QACjB,SAAS,EAAG,WAAW;KAC1B,CAAC;IAoFN,kBAAC;CAAA,AA1FD,CAA0B,KAAK,CAAC,aAAa,GA0F5C;AAED,kBAAe,WAAW,CAAC"}

package/dist/cjs/components/players/VideoPreview.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+interface IVideoPreviewProps {
+    showMedia: boolean;
+    url: string;
+    playbackSettings?: any;
+    style?: React.CSSProperties | any;
+    onRequestClose?(e: any): void;
+}
+declare class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
+    private videoNode;
+    private evtHandlers;
+    constructor(props: any);
+    private onClose;
+    render(): JSX.Element;
+}
+export default VideoPreview;

package/dist/cjs/components/players/VideoPreview.js

@@ -0,0 +1,90 @@
+"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 __());
+    };
+})();
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var Portal_1 = __importDefault(require("../portal/Portal"));
+var Button_1 = __importDefault(require("../button/Button"));
+var copy_1 = require("../../constants/copy");
+var icons_1 = require("../../constants/icons");
+var VideoPreview = /** @class */ (function (_super) {
+    __extends(VideoPreview, _super);
+    function VideoPreview(props) {
+        var _this = _super.call(this, props) || this;
+        _this.videoNode = null;
+        _this.videoNode = React.createRef();
+        _this.evtHandlers = {
+            onClose: function (e) { return _this.onClose(e); }
+        };
+        return _this;
+    }
+    VideoPreview.prototype.onClose = function (e) {
+        var onRequestClose = this.props.onRequestClose;
+        onRequestClose(e);
+    };
+    VideoPreview.prototype.render = function () {
+        var _a = this.props, showMedia = _a.showMedia, url = _a.url, playbackSettings = _a.playbackSettings, style = _a.style;
+        if (showMedia) {
+            return (React.createElement(Portal_1.default, { id: 'portal-root' },
+                React.createElement("div", { style: __assign({}, style), className: 'close-icon-preview' },
+                    React.createElement(Button_1.default, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy_1.assets.field.tooltipFilter }, icons_1.ICON_TIMES)),
+                React.createElement("video", { style: style, muted: true, ref: this.videoNode, autoPlay: playbackSettings.autoPlay, loop: playbackSettings.loop, controls: true, preload: 'preload', src: url, className: 'asset-preview-background' })));
+        }
+        else {
+            return null;
+        }
+    };
+    return VideoPreview;
+}(React.PureComponent));
+exports.default = VideoPreview;
+//# sourceMappingURL=VideoPreview.js.map

package/dist/cjs/components/players/VideoPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/players/VideoPreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,4DAAsC;AACtC,6CAAoD;AACpD,+CAAiD;AAUjD;IAA2B,gCAAuC;IAG9D,sBAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAKf;QARO,eAAS,GAAS,IAAI,CAAC;QAI3B,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,KAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAf,CAAe;SAClC,CAAC;;IACN,CAAC;IAEO,8BAAO,GAAf,UAAgB,CAAC;QAEN,IAAA,cAAc,GAAI,IAAI,CAAC,KAAK,eAAd,CAAe;QAEpC,cAAc,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IACM,6BAAM,GAAb;QACU,IAAA,KAA4C,IAAI,CAAC,KAAK,EAArD,SAAS,eAAA,EAAE,GAAG,SAAA,EAAE,gBAAgB,sBAAA,EAAE,KAAK,WAAc,CAAC;QAC7D,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BAAK,KAAK,eAAM,KAAK,GAAG,SAAS,EAAE,oBAAoB;oBACnD,oBAAC,gBAAM,IACH,GAAG,EAAG,YAAY,EAClB,OAAO,EAAI,IAAI,CAAC,WAAW,CAAC,OAAO,EACnC,IAAI,EAAE,OAAO,EACb,KAAK,EAAG,QAAQ,EAChB,OAAO,EAAI,aAAI,CAAC,KAAK,CAAC,aAAa,IAElC,kBAAU,CACN,CACP;gBACN,+BACI,KAAK,EAAI,KAAK,EACd,KAAK,QACL,GAAG,EAAI,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAI,gBAAgB,CAAC,QAAQ,EACrC,IAAI,EAAI,gBAAgB,CAAC,IAAI,EAC7B,QAAQ,QACR,OAAO,EAAG,SAAS,EACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0BAA0B,GACtC,CACG,CACZ,CAAC;SACL;aAAM;YACJ,OAAO,IAAI,CAAC;SACd;IACL,CAAC;IACL,mBAAC;AAAD,CAAC,AAlDD,CAA2B,KAAK,CAAC,aAAa,GAkD7C;AAED,kBAAe,YAAY,CAAC"}

package/dist/cjs/components/portal/Portal.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface IPortalProps {
+    children: ReactNode;
+    id: string;
+}
+declare const Portal: React.FC<IPortalProps>;
+export default Portal;

package/dist/cjs/components/portal/Portal.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var react_dom_1 = require("react-dom");
+var Portal = function (_a) {
+    var children = _a.children, id = _a.id;
+    var mount = document.getElementById(id);
+    var el = document.createElement('div');
+    (0, react_1.useEffect)(function () {
+        mount.appendChild(el);
+        return function () {
+            mount.removeChild(el);
+        };
+    }, [el, mount]);
+    return (0, react_dom_1.createPortal)(children, el);
+};
+exports.default = Portal;
+//# sourceMappingURL=Portal.js.map

package/dist/cjs/components/portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../../src/components/portal/Portal.tsx"],"names":[],"mappings":";;AACA,+BAAkC;AAClC,uCAAyC;AAWzC,IAAM,MAAM,GAA4B,UAAC,EAAgB;QAAd,QAAQ,cAAA,EAAE,EAAE,QAAA;IACnD,IAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC1C,IAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAEzC,IAAA,iBAAS,EAAC;QACN,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACtB,OAAO;YACH,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhB,OAAO,IAAA,wBAAY,EAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/cjs/components/publish-wizard/PublishWizard.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+export interface ICredential {
+    name: string;
+    access_key_id: string;
+    secret_access_key: string;
+    user_id: string;
+}
+interface IBigButtonProps {
+    label?: any;
+    distributionOptions?: any[];
+    key?: any;
+    selected?: boolean;
+    disabled?: boolean;
+    onClick?: (...args: any[]) => any;
+    style?: any;
+}
+interface IBigLinkProps {
+    label: any;
+    link: string;
+}
+declare const _default: any;
+export default _default;
+export declare const BigButton: React.FC<IBigButtonProps>;
+export declare const TabContent: ({ children }: {
+    children: any;
+}) => JSX.Element;
+export declare const TabHeader: (props: {
+    title: string;
+    className?: StyleSheet | any;
+}) => JSX.Element;
+export declare const WizardError: (props: {
+    title: string;
+    description: string;
+}) => JSX.Element;
+export declare const BigLink: React.FC<IBigLinkProps>;