@imposium-hub/components 1.43.5 → 1.44.0

package/dist/cjs/components/number-field/NumberField.js

@@ -0,0 +1,94 @@
+"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;
+};
+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 FieldWrapper_1 = __importDefault(require("../field-wrapper/FieldWrapper"));
+var NumberField = /** @class */ (function (_super) {
+    __extends(NumberField, _super);
+    function NumberField(props) {
+        var _this = _super.call(this, props) || this;
+        _this.inputRef = React.createRef();
+        return _this;
+    }
+    NumberField.prototype.onChange = function (e) {
+        // return null vs an empty string
+        var val = e.target.value;
+        if (val === '') {
+            val = null;
+        }
+        else {
+            val = parseFloat(val);
+        }
+        this.props.onChange(val);
+    };
+    NumberField.prototype.onSelectFocus = function () {
+        // if (this.props.value && this.inputRef.current) {
+        //     this.inputRef.current.setSelectionRange(0, this.props.value.toString().length);
+        // }
+    };
+    NumberField.prototype.onSelectBlur = function () {
+        // if (this.inputRef.current) {
+        //     this.inputRef.current.setSelectionRange(0, 0);
+        // }
+    };
+    NumberField.prototype.handleLabelDrag = function (v) {
+        var newVal = this.props.value + v;
+        this.props.onChange(newVal);
+    };
+    NumberField.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, label = _a.label, placeholder = _a.placeholder, width = _a.width, readOnly = _a.readOnly, buttons = _a.buttons, tooltip = _a.tooltip, info = _a.info, labelPosition = _a.labelPosition, min = _a.min, max = _a.max;
+        var value = this.props.value;
+        if (value === null) {
+            value = '';
+        }
+        return React.createElement(FieldWrapper_1.default, { customClass: 'number-field', 
+            // draggableValue = {true}
+            // onDrag = {(v)=>this.handleLabelDrag(v)}
+            label: label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, width: width },
+            React.createElement("input", { ref: this.inputRef, type: 'number', pattern: '/^-?(0|[1-9]d*)(.d+)?$/', placeholder: placeholder, value: value, readOnly: readOnly, min: min, max: max, onFocus: function () { return _this.onSelectFocus(); }, onBlur: function () { return _this.onSelectBlur(); }, onChange: function (e) { return _this.onChange(e); } }));
+    };
+    return NumberField;
+}(React.PureComponent));
+exports.default = NumberField;
+//# sourceMappingURL=NumberField.js.map

package/dist/cjs/components/number-field/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../../src/components/number-field/NumberField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;AAkBzD;IAA0B,+BAAsC;IAI5D,qBAAY,KAAK;QAAjB,YAEI,kBAAM,KAAK,CAAC,SAGf;QADG,KAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;;IACtC,CAAC;IAEO,8BAAQ,GAAhB,UAAiB,CAAC;QAEd,iCAAiC;QACjC,IAAI,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB,IAAI,GAAG,KAAK,EAAE,EAAE;YACZ,GAAG,GAAG,IAAI,CAAC;SACd;aAAM;YACH,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;SACzB;QAED,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAEO,mCAAa,GAArB;QAEI,mDAAmD;QACnD,sFAAsF;QACtF,IAAI;IACR,CAAC;IAEO,kCAAY,GAApB;QAEI,+BAA+B;QAC/B,qDAAqD;QACrD,IAAI;IACR,CAAC;IAEO,qCAAe,GAAvB,UAAwB,CAAU;QAE9B,IAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;QACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IAEM,4BAAM,GAAb;QAAA,iBA6BC;QA3BS,IAAA,KAAyF,IAAI,CAAC,KAAK,EAAlG,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAE,GAAG,SAAA,EAAE,GAAG,SAAc,CAAC;QAC1G,IAAI,KAAK,GAAS,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACnC,IAAI,KAAK,KAAK,IAAI,EAAE;YAAE,KAAK,GAAG,EAAE,CAAC;SAAE;QAEnC,OAAO,oBAAC,sBAAY,IAChB,WAAW,EAAG,cAAc;YAC5B,0BAA0B;YAC1B,0CAA0C;YAC1C,KAAK,EAAI,KAAK,EACd,OAAO,EAAI,OAAO,EAClB,OAAO,EAAI,OAAO,EAClB,IAAI,EAAI,IAAI,EACZ,aAAa,EAAI,aAAa,EAC9B,KAAK,EAAI,KAAK;YACd,+BACI,GAAG,EAAI,IAAI,CAAC,QAAQ,EACpB,IAAI,EAAG,QAAQ,EACf,OAAO,EAAE,yBAA4B,EACrC,WAAW,EAAI,WAAW,EAC1B,KAAK,EAAI,KAAK,EACd,QAAQ,EAAI,QAAQ,EACpB,GAAG,EAAI,GAAG,EACV,GAAG,EAAI,GAAG,EACV,OAAO,EAAI,cAAM,OAAA,KAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,EACrC,MAAM,EAAI,cAAM,OAAA,KAAI,CAAC,YAAY,EAAE,EAAnB,CAAmB,EACnC,QAAQ,EAAI,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAhB,CAAgB,GAAI,CAChC,CAAC;IACpB,CAAC;IACL,kBAAC;AAAD,CAAC,AA1ED,CAA0B,KAAK,CAAC,aAAa,GA0E5C;AAED,kBAAe,WAAW,CAAC"}

package/dist/cjs/components/number-field/NumberField.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import NumberField from './NumberField';
+declare const _default: {
+    title: string;
+    component: typeof NumberField;
+};
+export default _default;
+export declare const defaultNumberField: () => JSX.Element;

package/dist/cjs/components/number-field/NumberField.stories.js

@@ -0,0 +1,62 @@
+"use strict";
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultNumberField = void 0;
+var React = __importStar(require("react"));
+var NumberField_1 = __importDefault(require("./NumberField"));
+exports.default = {
+    title: 'NumberField',
+    component: NumberField_1.default
+};
+var defaultNumberField = function () {
+    var _a = __read(React.useState(0), 2), number = _a[0], setNumber = _a[1];
+    var handleChange = function (e) {
+        if (e.target.value) {
+            setNumber(e.target.value);
+        }
+    };
+    return (React.createElement(NumberField_1.default, { label: 'Number Field', tooltip: 'TOOLTIP', width: '33%', value: number, onChange: handleChange }));
+};
+exports.defaultNumberField = defaultNumberField;
+//# sourceMappingURL=NumberField.stories.js.map

package/dist/cjs/components/number-field/NumberField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.stories.js","sourceRoot":"","sources":["../../../../src/components/number-field/NumberField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,8DAAwC;AAGxC,kBAAe;IACX,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,qBAAW;CACzB,CAAC;AAiBK,IAAM,kBAAkB,GAAG;IACxB,IAAA,KAAA,OAAwB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,EAAvC,MAAM,QAAA,EAAE,SAAS,QAAsB,CAAC;IAEhD,IAAM,YAAY,GAAG,UAAC,CAAC;QACnB,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE;YAChB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SAC7B;IACL,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,qBAAW,IACR,KAAK,EAAI,cAAc,EACvB,OAAO,EAAI,SAAS,EACpB,KAAK,EAAG,KAAK,EACb,KAAK,EAAI,MAAM,EACf,QAAQ,EAAI,YAAY,GACtB,CACT,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,kBAAkB,sBAkB7B"}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface IImagePlayerProps {
+    url: string;
+    height?: number;
+    width?: number;
+    padding?: number;
+    active?: boolean;
+}
+declare class ImagePlayer extends React.PureComponent<IImagePlayerProps, undefined> {
+    private audioNode;
+    private width;
+    private height;
+    constructor(props: any);
+    getImageStyle(): any;
+    render(): JSX.Element;
+}
+export default ImagePlayer;

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

@@ -0,0 +1,72 @@
+"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 ImagePlayer = /** @class */ (function (_super) {
+    __extends(ImagePlayer, _super);
+    function ImagePlayer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.width = 1280;
+        _this.height = 720;
+        _this.audioNode = React.createRef();
+        return _this;
+    }
+    ImagePlayer.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);
+    };
+    ImagePlayer.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("audio", { controls: true, src: url, ref: this.audioNode }))));
+        }
+        else {
+            return null;
+        }
+    };
+    return ImagePlayer;
+}(React.PureComponent));
+exports.default = ImagePlayer;
+//# sourceMappingURL=AudioPlayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer.js","sourceRoot":"","sources":["../../../../src/components/players/AudioPlayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,iDAAyD;AACzD,6CAA+C;AAU/C;IAA0B,+BAAiD;IAMvE,qBAAY,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,mCAAa,GAApB;QAEU,IAAA,KAA2B,IAAI,CAAC,KAAK,EAApC,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAc,CAAC;QAC5C,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,4BAAM,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,+BAAO,QAAQ,QAAC,GAAG,EAAI,GAAG,EAAE,GAAG,EAAI,IAAI,CAAC,SAAS,GAAG,CAClD,CACJ,CACT,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,kBAAC;AAAD,CAAC,AArCD,CAA0B,KAAK,CAAC,aAAa,GAqC5C;AAED,kBAAe,WAAW,CAAC"}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+interface IImagePlayerProps {
+    url: string;
+    height?: number;
+    width?: number;
+    padding?: number;
+    active?: boolean;
+}
+interface IImagePlayerState {
+    imageWidth: number;
+    imageHeight: number;
+}
+declare class ImagePlayer extends React.PureComponent<IImagePlayerProps, IImagePlayerState> {
+    private imgNode;
+    constructor(props: any);
+    getImageStyle(): any;
+    private metadataLoaded;
+    render(): JSX.Element;
+}
+export default ImagePlayer;

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

@@ -0,0 +1,85 @@
+"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 ImagePlayer = /** @class */ (function (_super) {
+    __extends(ImagePlayer, _super);
+    function ImagePlayer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            imageHeight: 1080,
+            imageWidth: 1920
+        };
+        _this.imgNode = React.createRef();
+        return _this;
+    }
+    ImagePlayer.prototype.getImageStyle = function () {
+        var _a = this.state, imageHeight = _a.imageHeight, imageWidth = _a.imageWidth;
+        var _b = this.props, padding = _b.padding, width = _b.width, height = _b.height;
+        var pad = (padding !== undefined) ? padding : player_1.DEFAULT_PADDING;
+        if (imageHeight && imageWidth) {
+            return (0, VideoPlayer_1.getPlayerStyle)(width, height, imageWidth, imageHeight, pad, imageWidth, imageHeight);
+        }
+        return {};
+    };
+    ImagePlayer.prototype.metadataLoaded = function (e) {
+        this.setState({
+            imageWidth: e.target.naturalWidth,
+            imageHeight: e.target.naturalHeight
+        });
+    };
+    ImagePlayer.prototype.render = function () {
+        var _this = this;
+        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("img", { onLoad: function (e) { return _this.metadataLoaded(e); }, src: url, ref: this.imgNode }))));
+        }
+        else {
+            return null;
+        }
+    };
+    return ImagePlayer;
+}(React.PureComponent));
+exports.default = ImagePlayer;
+//# sourceMappingURL=ImagePlayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePlayer.js","sourceRoot":"","sources":["../../../../src/components/players/ImagePlayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,iDAAyD;AACzD,6CAA+C;AAe/C;IAA0B,+BAAyD;IAI/E,qBAAY,KAAK;QAAjB,YAEI,kBAAM,KAAK,CAAC,SAQf;QANG,KAAI,CAAC,KAAK,GAAG;YACT,WAAW,EAAG,IAAI;YAClB,UAAU,EAAG,IAAI;SACpB,CAAC;QAEF,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;;IACrC,CAAC;IAEM,mCAAa,GAApB;QAEU,IAAA,KAA4B,IAAI,CAAC,KAAK,EAArC,WAAW,iBAAA,EAAE,UAAU,gBAAc,CAAC;QACvC,IAAA,KAA2B,IAAI,CAAC,KAAK,EAApC,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAc,CAAC;QAC5C,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,4BAAc,EAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;SAC/F;QAED,OAAO,EAAE,CAAC;IACd,CAAC;IAEO,oCAAc,GAAtB,UAAuB,CAAC;QAEpB,IAAI,CAAC,QAAQ,CAAC;YACV,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;YACjC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa;SACtC,CAAC,CAAC;IACP,CAAC;IAEM,4BAAM,GAAb;QAAA,iBAeC;QAbS,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,6BAAK,MAAM,EAAI,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAAE,GAAG,EAAI,GAAG,EAAE,GAAG,EAAI,IAAI,CAAC,OAAO,GAAG,CAC9E,CACJ,CACT,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,kBAAC;AAAD,CAAC,AArDD,CAA0B,KAAK,CAAC,aAAa,GAqD5C;AAED,kBAAe,WAAW,CAAC"}

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

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

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

@@ -0,0 +1,95 @@
+"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 icons_1 = require("../../constants/icons");
+var Button_1 = __importDefault(require("../button/Button"));
+var copy_1 = require("../../constants/copy");
+var ImagePreview = /** @class */ (function (_super) {
+    __extends(ImagePreview, _super);
+    function ImagePreview(props) {
+        var _this = _super.call(this, props) || this;
+        _this.imageNode = null;
+        _this.imageNode = React.createRef();
+        _this.evtHandlers = {
+            onClose: function (e) { return _this.onClose(e); }
+        };
+        _this.state = {
+            loaded: false
+        };
+        return _this;
+    }
+    ImagePreview.prototype.onClose = function (e) {
+        var onRequestClose = this.props.onRequestClose;
+        onRequestClose(e);
+    };
+    ImagePreview.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, showMedia = _a.showMedia, url = _a.url, style = _a.style;
+        var loaded = this.state.loaded;
+        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("img", { onLoad: function () { return _this.setState({ loaded: true }); }, src: url, ref: this.imageNode, className: "media-preview ".concat(!loaded ? 'hidden' : ''), style: style })));
+        }
+        else {
+            return null;
+        }
+    };
+    return ImagePreview;
+}(React.PureComponent));
+exports.default = ImagePreview;
+//# sourceMappingURL=ImagePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../src/components/players/ImagePreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,+CAAiD;AACjD,4DAAsC;AACtC,6CAAoD;AAapD;IAA2B,gCAA2D;IAGlF,sBAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAQf;QAXO,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;QACF,KAAI,CAAC,KAAK,GAAG;YACT,MAAM,EAAE,KAAK;SAChB,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;IAEM,6BAAM,GAAb;QAAA,iBA8BC;QA7BS,IAAA,KAA0B,IAAI,CAAC,KAAK,EAAnC,SAAS,eAAA,EAAE,GAAG,SAAA,EAAE,KAAK,WAAc,CAAC;QACpC,IAAA,MAAM,GAAI,IAAI,CAAC,KAAK,OAAd,CAAe;QAE5B,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BAAK,KAAK,eAAM,KAAK,GAAG,SAAS,EAAE,oBAAoB;oBAC/C,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,CACX;gBACN,6BACI,MAAM,EAAI,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,EAA7B,CAA6B,EAC7C,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,SAAS,EAAE,wBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,EACrD,KAAK,EAAE,KAAK,GACd,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,mBAAC;AAAD,CAAC,AApDD,CAA2B,KAAK,CAAC,aAAa,GAoD7C;AAED,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+interface IImageSequencePlayerProps {
+    url: string;
+    height?: number;
+    width?: number;
+    padding?: number;
+    active?: boolean;
+}
+interface IImageSequencePlayerState {
+    imageWidth: number;
+    imageHeight: number;
+}
+declare class ImageSequencePlayer extends React.PureComponent<IImageSequencePlayerProps, IImageSequencePlayerState> {
+    private imgNode;
+    constructor(props: any);
+    getImageStyle(): any;
+    private metadataLoaded;
+    render(): JSX.Element;
+}
+export default ImageSequencePlayer;

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

@@ -0,0 +1,83 @@
+"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 ImageSequencePlayer = /** @class */ (function (_super) {
+    __extends(ImageSequencePlayer, _super);
+    function ImageSequencePlayer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            imageHeight: 1080,
+            imageWidth: 1920
+        };
+        _this.imgNode = React.createRef();
+        return _this;
+    }
+    ImageSequencePlayer.prototype.getImageStyle = function () {
+        var _a = this.state, imageHeight = _a.imageHeight, imageWidth = _a.imageWidth;
+        var _b = this.props, padding = _b.padding, width = _b.width, height = _b.height;
+        var pad = (padding !== undefined) ? padding : player_1.DEFAULT_PADDING;
+        if (imageHeight && imageWidth) {
+            return (0, VideoPlayer_1.getPlayerStyle)(width, height, imageWidth, imageHeight, pad);
+        }
+        return {};
+    };
+    ImageSequencePlayer.prototype.metadataLoaded = function (e) {
+        this.setState({
+            imageWidth: e.target.naturalWidth,
+            imageHeight: e.target.naturalHeight
+        });
+    };
+    ImageSequencePlayer.prototype.render = function () {
+        var _a = this.props, url = _a.url, active = _a.active;
+        if (active !== false) {
+            return (React.createElement("div", { className: 'mediap-player' },
+                React.createElement("div", { className: 'inner-viewer', style: this.getImageStyle() })));
+        }
+        else {
+            return null;
+        }
+    };
+    return ImageSequencePlayer;
+}(React.PureComponent));
+exports.default = ImageSequencePlayer;
+//# sourceMappingURL=ImageSequencePlayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageSequencePlayer.js","sourceRoot":"","sources":["../../../../src/components/players/ImageSequencePlayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,iDAAyD;AACzD,6CAA+C;AAe/C;IAAkC,uCAAyE;IAIvG,6BAAY,KAAK;QAAjB,YAEI,kBAAM,KAAK,CAAC,SAQf;QANG,KAAI,CAAC,KAAK,GAAG;YACT,WAAW,EAAG,IAAI;YAClB,UAAU,EAAG,IAAI;SACpB,CAAC;QAEF,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;;IACrC,CAAC;IAEM,2CAAa,GAApB;QAEU,IAAA,KAA4B,IAAI,CAAC,KAAK,EAArC,WAAW,iBAAA,EAAE,UAAU,gBAAc,CAAC;QACvC,IAAA,KAA2B,IAAI,CAAC,KAAK,EAApC,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAc,CAAC;QAC5C,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,4BAAc,EAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC;SACtE;QAED,OAAO,EAAE,CAAC;IACd,CAAC;IAEO,4CAAc,GAAtB,UAAuB,CAAC;QAEpB,IAAI,CAAC,QAAQ,CAAC;YACV,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;YACjC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa;SACtC,CAAC,CAAC;IACP,CAAC;IAEM,oCAAM,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,eAAe;gBAC5B,6BAAK,SAAS,EAAG,cAAc,EAAC,KAAK,EAAI,IAAI,CAAC,aAAa,EAAE,GAEvD,CACJ,CACT,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,0BAAC;AAAD,CAAC,AArDD,CAAkC,KAAK,CAAC,aAAa,GAqDpD;AAED,kBAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface ITemplatePlayerProps {
+    url: string;
+    height?: number;
+    width?: number;
+    padding?: number;
+    active?: boolean;
+}
+declare class TemplatePlayer extends React.PureComponent<ITemplatePlayerProps, undefined> {
+    private audioNode;
+    private width;
+    private height;
+    constructor(props: any);
+    getImageStyle(): any;
+    render(): JSX.Element;
+}
+export default TemplatePlayer;