@imposium-hub/components 1.51.4 → 1.51.5

package/dist/cjs/components/assets/AssetsTablePreviewCell.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-export declare const PREVIEW_MAX_WIDTH: number;
-export declare const PREVIEW_MAX_HEIGHT: number;
-export declare const HEADER_HEIGHT: number;
 interface IAssetsTablePreviewCell {
     cell: any;
     showMedia: boolean;

package/dist/cjs/components/assets/AssetsTablePreviewCell.js

@@ -49,12 +49,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HEADER_HEIGHT = exports.PREVIEW_MAX_HEIGHT = exports.PREVIEW_MAX_WIDTH = void 0;
 var React = __importStar(require("react"));
 var index_1 = require("../../index");
-exports.PREVIEW_MAX_WIDTH = 400;
-exports.PREVIEW_MAX_HEIGHT = 400;
-exports.HEADER_HEIGHT = 30;
 var AssetsTablePreviewCell = /** @class */ (function (_super) {
     __extends(AssetsTablePreviewCell, _super);
     function AssetsTablePreviewCell(props) {
@@ -79,46 +75,6 @@ var AssetsTablePreviewCell = /** @class */ (function (_super) {
         return;
     };
     AssetsTablePreviewCell.prototype.render = function () {
-        var _this = this;
-        var getMediaPreviewStyle = function (mediaWidth, mediaHeight) {
-            if (!_this.iconRef.current) {
-                return;
-            }
-            if (!mediaWidth) {
-                mediaWidth = exports.PREVIEW_MAX_WIDTH;
-            }
-            if (!mediaHeight) {
-                mediaHeight = exports.PREVIEW_MAX_HEIGHT;
-            }
-            var icon = _this.iconRef.current;
-            var iconRect = icon.getBoundingClientRect();
-            var aspect = mediaWidth / mediaHeight;
-            var width = exports.PREVIEW_MAX_WIDTH;
-            var height = width / aspect;
-            if (height > exports.PREVIEW_MAX_HEIGHT) {
-                height = exports.PREVIEW_MAX_HEIGHT;
-                width = height * aspect;
-            }
-            // try top left
-            var left = iconRect.x + iconRect.width - width;
-            var top = iconRect.y + iconRect.height - height - 20;
-            // if the preview is off on the left, switch to the right of the icon
-            if (left < 0) {
-                left = iconRect.x;
-            }
-            // if the preview is off on the top, switch to bottom of the icon
-            if (top < exports.HEADER_HEIGHT) {
-                top = iconRect.y + 20;
-            }
-            return {
-                top: top,
-                left: left,
-                width: width,
-                height: height,
-                position: 'absolute',
-                zIndex: 9000
-            };
-        };
         var _a = this.props, cell = _a.cell, showMedia = _a.showMedia;
         var playbackSettings = {
             autoPlay: true,
@@ -126,8 +82,8 @@ var AssetsTablePreviewCell = /** @class */ (function (_super) {
         };
         return (React.createElement("div", { ref: this.iconRef, className: 'asset-type-cell', onClick: this.evtHandlers.onClick },
             React.createElement(index_1.AssetsTypeIcon, { type: cell.row.values.type }),
-            cell.row.values.type === index_1.ASSET_TYPES.IMAGE && (React.createElement(index_1.ImagePreview, { style: __assign({}, getMediaPreviewStyle(cell.row.original.width, cell.row.original.height)), showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose })),
-            cell.row.values.type === index_1.ASSET_TYPES.VIDEO && (React.createElement(index_1.VideoPreview, { playbackSettings: playbackSettings, style: getMediaPreviewStyle(cell.row.original.width, cell.row.original.height), showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose }))));
+            cell.row.values.type === index_1.ASSET_TYPES.IMAGE && (React.createElement(index_1.ImagePreview, { style: __assign({}, (0, index_1.getMediaPreviewStyle)(cell.row.original.width, cell.row.original.height, this.iconRef)), showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose })),
+            cell.row.values.type === index_1.ASSET_TYPES.VIDEO && (React.createElement(index_1.VideoPreview, { playbackSettings: playbackSettings, style: (0, index_1.getMediaPreviewStyle)(cell.row.original.width, cell.row.original.height, this.iconRef), showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose }))));
     };
     return AssetsTablePreviewCell;
 }(React.PureComponent));

package/dist/cjs/components/assets/AssetsTablePreviewCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetsTablePreviewCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTablePreviewCell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AssetsTablePreviewCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTablePreviewCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,qCAMqB;AASrB;IAAqC,0CAA4C;IAK7E,gCAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAKf;QAVO,aAAO,GAAQ,KAAK,CAAC,SAAS,EAAkB,CAAC;QAMrD,KAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB;YACjC,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,kBAAkB,EAAE,EAAzB,CAAyB;SAC3C,CAAC;;IACN,CAAC;IAEO,4CAAW,GAAnB;QACY,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QACtC,cAAc,EAAE,CAAC;IACrB,CAAC;IAEO,mDAAkB,GAA1B;QACU,IAAA,KAAyB,IAAI,CAAC,KAAK,EAAjC,OAAO,aAAA,EAAE,SAAS,eAAe,CAAC;QAC1C,IAAI,CAAC,SAAS,EAAE;YACZ,OAAO,EAAE,CAAC;YACV,OAAO;SACV;QACD,OAAO;IACX,CAAC;IAEM,uCAAM,GAAb;QACU,IAAA,KAAsB,IAAI,CAAC,KAAK,EAA9B,IAAI,UAAA,EAAE,SAAS,eAAe,CAAC;QACvC,IAAM,gBAAgB,GAAG;YACrB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,KAAK;SACd,CAAC;QAEF,OAAO,CACH,6BACI,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO;YACjC,oBAAC,sBAAc,IAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,GAAI;YAC7C,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,mBAAW,CAAC,KAAK,IAAI,CAC3C,oBAAC,oBAAY,IACT,KAAK,eACE,IAAA,4BAAoB,EACnB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EACxB,IAAI,CAAC,OAAO,CACf,GAEL,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAC1B,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,GAC1C,CACL;YACA,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,mBAAW,CAAC,KAAK,IAAI,CAC3C,oBAAC,oBAAY,IACT,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,IAAA,4BAAoB,EACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EACxB,IAAI,CAAC,OAAO,CACf,EACD,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAC1B,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,GAC1C,CACL,CACC,CACT,CAAC;IACN,CAAC;IACL,6BAAC;AAAD,CAAC,AAtED,CAAqC,KAAK,CAAC,aAAa,GAsEvD;AAED,IAAM,8BAA8B,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;AAC1E,kBAAe,8BAA8B,CAAC"}

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

@@ -4,7 +4,7 @@ interface IImagePreviewProps {
     url: string;
     playbackSettings?: any;
     style?: React.CSSProperties | any;
-    onRequestClose?(e: any): void;
+    onRequestClose?(): void;
 }
 interface IImagePreviewState {
     loaded: boolean;

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

@@ -73,7 +73,8 @@ var ImagePreview = /** @class */ (function (_super) {
     }
     ImagePreview.prototype.onClose = function (e) {
         var onRequestClose = this.props.onRequestClose;
-        onRequestClose(e);
+        e.stopPropagation();
+        onRequestClose();
     };
     ImagePreview.prototype.render = function () {
         var _this = this;
@@ -83,7 +84,7 @@ var ImagePreview = /** @class */ (function (_super) {
             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 })));
+                React.createElement("img", { onLoad: function () { return _this.setState({ loaded: true }); }, src: url, ref: this.imageNode, className: "asset-preview-background media-preview ".concat(!loaded ? 'hidden' : ''), style: style })));
         }
         else {
             return null;

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

@@ -1 +1 @@
-{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../src/components/players/ImagePreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,+CAAmD;AACnD,4DAAsC;AACtC,6CAAsD;AAatD;IAA2B,gCAA2D;IAKlF,sBAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAQf;QAbO,eAAS,GAAQ,IAAI,CAAC;QAM1B,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;QACL,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QAEtC,cAAc,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAEM,6BAAM,GAAb;QAAA,iBA+BC;QA9BS,IAAA,KAA4B,IAAI,CAAC,KAAK,EAApC,SAAS,eAAA,EAAE,GAAG,SAAA,EAAE,KAAK,WAAe,CAAC;QACrC,IAAA,MAAM,GAAK,IAAI,CAAC,KAAK,OAAf,CAAgB;QAE9B,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,eAAO,KAAK,GACjB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,gBAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAI,CAAC,KAAK,CAAC,aAAa,IAChC,kBAAU,CACN,CACP;gBACN,6BACI,MAAM,EAAE,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAA/B,CAA+B,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,AAtDD,CAA2B,KAAK,CAAC,aAAa,GAsD7C;AAED,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../src/components/players/ImagePreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,+CAAmD;AACnD,4DAAsC;AACtC,6CAAsD;AAatD;IAA2B,gCAA2D;IAKlF,sBAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAQf;QAbO,eAAS,GAAQ,IAAI,CAAC;QAM1B,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;QACL,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,6BAAM,GAAb;QAAA,iBAgCC;QA/BS,IAAA,KAA4B,IAAI,CAAC,KAAK,EAApC,SAAS,eAAA,EAAE,GAAG,SAAA,EAAE,KAAK,WAAe,CAAC;QACrC,IAAA,MAAM,GAAK,IAAI,CAAC,KAAK,OAAf,CAAgB;QAC9B,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,eAAO,KAAK,GACjB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,gBAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAI,CAAC,KAAK,CAAC,aAAa,IAChC,kBAAU,CACN,CACP;gBACN,6BACI,MAAM,EAAE,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAA/B,CAA+B,EAC7C,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,SAAS,EAAE,iDACP,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACzB,EACF,KAAK,EAAE,KAAK,GACd,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,mBAAC;AAAD,CAAC,AAvDD,CAA2B,KAAK,CAAC,aAAa,GAuD7C;AAED,kBAAe,YAAY,CAAC"}

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

@@ -4,7 +4,7 @@ interface IVideoPreviewProps {
     url: string;
     playbackSettings?: any;
     style?: React.CSSProperties | any;
-    onRequestClose?(e: any): void;
+    onRequestClose?(): void;
 }
 declare class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
     private videoNode;

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

@@ -70,7 +70,8 @@ var VideoPreview = /** @class */ (function (_super) {
     }
     VideoPreview.prototype.onClose = function (e) {
         var onRequestClose = this.props.onRequestClose;
-        onRequestClose(e);
+        e.stopPropagation();
+        onRequestClose();
     };
     VideoPreview.prototype.render = function () {
         var _a = this.props, showMedia = _a.showMedia, url = _a.url, playbackSettings = _a.playbackSettings, style = _a.style;
@@ -78,7 +79,7 @@ var VideoPreview = /** @class */ (function (_super) {
             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', playsInline: true, src: url, className: 'asset-preview-background' })));
+                React.createElement("video", { style: style, muted: true, ref: this.videoNode, autoPlay: playbackSettings.autoPlay, loop: playbackSettings.loop, controls: true, preload: 'preload', playsInline: true, src: url, className: 'asset-preview-background media-preview' })));
         }
         else {
             return null;

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

@@ -1 +1 @@
-{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/players/VideoPreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,4DAAsC;AACtC,6CAAsD;AACtD,+CAAmD;AAUnD;IAA2B,gCAAuC;IAK9D,sBAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAKf;QAVO,eAAS,GAAQ,IAAI,CAAC;QAM1B,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;QACL,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QAEtC,cAAc,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAEM,6BAAM,GAAb;QACU,IAAA,KAA8C,IAAI,CAAC,KAAK,EAAtD,SAAS,eAAA,EAAE,GAAG,SAAA,EAAE,gBAAgB,sBAAA,EAAE,KAAK,WAAe,CAAC;QAC/D,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,eAAO,KAAK,GACjB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,gBAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAI,CAAC,KAAK,CAAC,aAAa,IAChC,kBAAU,CACN,CACP;gBACN,+BACI,KAAK,EAAE,KAAK,EACZ,KAAK,QACL,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAC3B,QAAQ,QACR,OAAO,EAAC,SAAS,EACjB,WAAW,QACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0BAA0B,GACtC,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,mBAAC;AAAD,CAAC,AAtDD,CAA2B,KAAK,CAAC,aAAa,GAsD7C;AAED,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/players/VideoPreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,4DAAsC;AACtC,6CAAsD;AACtD,+CAAmD;AAUnD;IAA2B,gCAAuC;IAK9D,sBAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAKf;QAVO,eAAS,GAAQ,IAAI,CAAC;QAM1B,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;QACL,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,6BAAM,GAAb;QACU,IAAA,KAA8C,IAAI,CAAC,KAAK,EAAtD,SAAS,eAAA,EAAE,GAAG,SAAA,EAAE,gBAAgB,sBAAA,EAAE,KAAK,WAAe,CAAC;QAC/D,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,eAAO,KAAK,GACjB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,gBAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAI,CAAC,KAAK,CAAC,aAAa,IAChC,kBAAU,CACN,CACP;gBACN,+BACI,KAAK,EAAE,KAAK,EACZ,KAAK,QACL,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAC3B,QAAQ,QACR,OAAO,EAAC,SAAS,EACjB,WAAW,QACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,wCAAwC,GACpD,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,mBAAC;AAAD,CAAC,AAtDD,CAA2B,KAAK,CAAC,aAAa,GAsD7C;AAED,kBAAe,YAAY,CAAC"}

package/dist/cjs/constants/assets.d.ts

@@ -15,3 +15,6 @@ export declare const ASSET_TYPES: {
 export declare const ASSET_COLORS: {
     [x: string]: string;
 };
+export declare const PREVIEW_MAX_WIDTH: number;
+export declare const PREVIEW_MAX_HEIGHT: number;
+export declare const HEADER_HEIGHT: number;

package/dist/cjs/constants/assets.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ASSET_COLORS = exports.ASSET_TYPES = exports.ASSET_ORIGIN = exports.ASSET_DISTRO = void 0;
+exports.HEADER_HEIGHT = exports.PREVIEW_MAX_HEIGHT = exports.PREVIEW_MAX_WIDTH = exports.ASSET_COLORS = exports.ASSET_TYPES = exports.ASSET_ORIGIN = exports.ASSET_DISTRO = void 0;
 exports.ASSET_DISTRO = 'https://d188rqu2y6x0ew.cloudfront.net';
 exports.ASSET_ORIGIN = 'https://imposium-footage.s3.us-east-1.amazonaws.com';
 exports.ASSET_TYPES = {
@@ -24,4 +24,7 @@ exports.ASSET_COLORS = (_a = {},
     _a[exports.ASSET_TYPES.VIDEO_COMPOSITION] = 'rgba(215, 22, 22, 1)',
     _a[exports.ASSET_TYPES.IMAGE_SEQUENCE] = 'rgba(241,191,21, 1)',
     _a);
+exports.PREVIEW_MAX_WIDTH = 400;
+exports.PREVIEW_MAX_HEIGHT = 400;
+exports.HEADER_HEIGHT = 30;
 //# sourceMappingURL=assets.js.map

package/dist/cjs/constants/assets.js.map

@@ -1 +1 @@
-{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../../src/constants/assets.ts"],"names":[],"mappings":";;;;AAAa,QAAA,YAAY,GAAG,uCAAuC,CAAC;AAEvD,QAAA,YAAY,GAAG,qDAAqD,CAAC;AAErE,QAAA,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEW,QAAA,YAAY;IACrB,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,KAAK,IAAG,oBAAoB;IACzC,GAAC,mBAAW,CAAC,QAAQ,IAAG,sBAAsB;IAC9C,GAAC,mBAAW,CAAC,iBAAiB,IAAG,sBAAsB;IACvD,GAAC,mBAAW,CAAC,cAAc,IAAG,qBAAqB;QACrD"}
+{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../../src/constants/assets.ts"],"names":[],"mappings":";;;;AAAa,QAAA,YAAY,GAAG,uCAAuC,CAAC;AAEvD,QAAA,YAAY,GAAG,qDAAqD,CAAC;AAErE,QAAA,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEW,QAAA,YAAY;IACrB,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,KAAK,IAAG,oBAAoB;IACzC,GAAC,mBAAW,CAAC,QAAQ,IAAG,sBAAsB;IAC9C,GAAC,mBAAW,CAAC,iBAAiB,IAAG,sBAAsB;IACvD,GAAC,mBAAW,CAAC,cAAc,IAAG,qBAAqB;QACrD;AAEW,QAAA,iBAAiB,GAAW,GAAG,CAAC;AAEhC,QAAA,kBAAkB,GAAW,GAAG,CAAC;AAEjC,QAAA,aAAa,GAAW,EAAE,CAAC"}

package/dist/cjs/index.d.ts

@@ -60,7 +60,7 @@ import LogViewer from './components/log-viewer/LogViewer';
 import StoryPreviewer from './components/story-previewer/StoryPreviewer';
 import { IStaticComposition } from './constants/compositions';
 import { ShortcutMenu } from './components/shortcut-menu/ShortcutMenu';
-import { ASSET_TYPES } from './constants/assets';
+import { ASSET_TYPES, HEADER_HEIGHT } from './constants/assets';
 import Portal from './components/portal/Portal';
 import AssetDetails from './components/asset-details/AssetDetails';
 import AnchorField from './components/anchor-field/AnchorField';
@@ -92,4 +92,5 @@ import StorageService from './services/Storage';
 import Timer from './services/Timer';
 import { getFirstStoryInOrg, string2HexCode, toFixed, padStart, parameterizeServiceUrl, scrapeEmail, fitToContainer, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, formatDateDefault, validateAccessLevel, formattedTime } from './Util';
 import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
-export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField };
+import { getMediaPreviewStyle } from './utils/assets';
+export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT };

package/dist/cjs/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AssetsTableTypeCell = exports.AssetsTableTypeFilter = exports.AssetsTableSelectCell = exports.AssetsTableSelectFilter = exports.AssetsTablePreviewCell = exports.AssetsTableDropzone = exports.AssetsTableDateCell = exports.AssetsTypeIcon = exports.ImageSequencePlayer = exports.ImagePreview = exports.VideoPreview = exports.AudioPlayer = exports.VideoPlayer = exports.ImagePlayer = exports.AssetDetails = exports.Portal = exports.ShortcutMenu = exports.StoryPreviewer = exports.LogViewer = exports.ServiceIcon = exports.NoAccess = exports.Spinner = exports.DeterminateLoader = exports.Section = exports.SliderField = exports.ToastService = exports.TextAreaField = exports.TextField = exports.Tag = exports.Tabs = exports.ColorField = exports.SelectField = exports.NumberField = exports.Modal = exports.ListField = exports.HRule = exports.FieldWrapper = exports.DataTablePaginator = exports.DataTable = exports.ControlledList = exports.CheckboxField = exports.Card = exports.ButtonMenuItem = exports.ButtonMenu = exports.ButtonGroupField = exports.Button = exports.ImposiumDropdown = exports.ImposiumHeader = exports.AuthGate = exports.AppWrapper = void 0;
 exports.LegacyAPI = exports.API = exports.SessionService = exports.AuthService = exports.batchActions = exports.activeBatch = exports.assetActions = exports.assetTags = exports.addAssetTagToList = exports.getAssetTagList = exports.selectedAssets = exports.assetUploads = exports.assetList = exports.assetFilters = exports.resetSelection = exports.deselectAsset = exports.selectAsset = exports.uploadAssets = exports.toggleAutoTag = exports.doAssetTableHydration = exports.updateAssetData = exports.updateAssetName = exports.deleteAssetTag = exports.addAssetTag = exports.deleteAssets = exports.getAssets = exports.updateFilters = exports.storyDeleted = exports.orgNameMutated = exports.storyNameMutated = exports.storyAdded = exports.clearCachedAccessList = exports.cacheAccessData = exports.access = exports.clearCachedAuth = exports.login = exports.auth = exports.PreviewNotAvailable = exports.DroppableAssetRenderer = exports.FontAssetPreview = exports.AssetsUploadMenu = exports.AssetField = exports.AssetsTableComplexTagCell = exports.AssetsTableTagsPivot = exports.AssetsTableTagsFilter = exports.AssetsTableTagsCell = exports.AssetsTableDurationCell = exports.AssetsTableNameCell = exports.AssetsTableNameFilter = exports.AssetsTableStatusCell = void 0;
-exports.SMPTEField = exports.AnchorField = exports.PublishStatusIndicator = exports.getStoryPublishStatus = exports.clearStoryPublishStatus = exports.publishVersion = exports.publish = exports.ASSET_TYPES = exports.formatDateDefault = exports.padStart = exports.toFixed = exports.validateAssetMimetype = exports.mimetypeConformsToOverlay = exports.filterHotkeys = exports.formattedTime = exports.fitToContainer = exports.scrapeEmail = exports.parameterizeServiceUrl = exports.string2HexCode = exports.getFirstStoryInOrg = exports.validateAccessLevel = exports.Timer = exports.StorageService = void 0;
+exports.HEADER_HEIGHT = exports.getMediaPreviewStyle = exports.SMPTEField = exports.AnchorField = exports.PublishStatusIndicator = exports.getStoryPublishStatus = exports.clearStoryPublishStatus = exports.publishVersion = exports.publish = exports.ASSET_TYPES = exports.formatDateDefault = exports.padStart = exports.toFixed = exports.validateAssetMimetype = exports.mimetypeConformsToOverlay = exports.filterHotkeys = exports.formattedTime = exports.fitToContainer = exports.scrapeEmail = exports.parameterizeServiceUrl = exports.string2HexCode = exports.getFirstStoryInOrg = exports.validateAccessLevel = exports.Timer = exports.StorageService = void 0;
 /*
     React Components
  */
@@ -133,6 +133,7 @@ var ShortcutMenu_1 = require("./components/shortcut-menu/ShortcutMenu");
 Object.defineProperty(exports, "ShortcutMenu", { enumerable: true, get: function () { return ShortcutMenu_1.ShortcutMenu; } });
 var assets_1 = require("./constants/assets");
 Object.defineProperty(exports, "ASSET_TYPES", { enumerable: true, get: function () { return assets_1.ASSET_TYPES; } });
+Object.defineProperty(exports, "HEADER_HEIGHT", { enumerable: true, get: function () { return assets_1.HEADER_HEIGHT; } });
 var Portal_1 = __importDefault(require("./components/portal/Portal"));
 exports.Portal = Portal_1.default;
 var AssetDetails_1 = __importDefault(require("./components/asset-details/AssetDetails"));
@@ -234,4 +235,6 @@ Object.defineProperty(exports, "validateAccessLevel", { enumerable: true, get: f
 Object.defineProperty(exports, "formattedTime", { enumerable: true, get: function () { return Util_1.formattedTime; } });
 var PublishStatusIndicator_1 = __importDefault(require("./components/publish-wizard/publish/PublishStatusIndicator"));
 exports.PublishStatusIndicator = PublishStatusIndicator_1.default;
+var assets_2 = require("./utils/assets");
+Object.defineProperty(exports, "getMediaPreviewStyle", { enumerable: true, get: function () { return assets_2.getMediaPreviewStyle; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/cjs/utils/assets.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'react';
+export declare const getMediaPreviewStyle: (mediaWidth: number, mediaHeight: number, ref: any) => CSSProperties;

package/dist/cjs/utils/assets.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMediaPreviewStyle = void 0;
+var assets_1 = require("../constants/assets");
+var getMediaPreviewStyle = function (mediaWidth, mediaHeight, ref) {
+    if (!ref.current) {
+        return;
+    }
+    if (!mediaWidth) {
+        mediaWidth = assets_1.PREVIEW_MAX_WIDTH;
+    }
+    if (!mediaHeight) {
+        mediaHeight = assets_1.PREVIEW_MAX_HEIGHT;
+    }
+    var icon = ref.current;
+    var iconRect = icon.getBoundingClientRect();
+    var aspect = mediaWidth / mediaHeight;
+    var width = assets_1.PREVIEW_MAX_WIDTH;
+    var height = width / aspect;
+    if (height > assets_1.PREVIEW_MAX_HEIGHT) {
+        height = assets_1.PREVIEW_MAX_HEIGHT;
+        width = height * aspect;
+    }
+    // try top left
+    var left = iconRect.x + iconRect.width - width - 15;
+    var top = iconRect.y + iconRect.height - height - 20;
+    // if the preview is off on the left, switch to the right of the icon
+    if (left < 0) {
+        left = iconRect.x;
+    }
+    // if the preview is off on the top, switch to bottom of the icon
+    if (top < assets_1.HEADER_HEIGHT) {
+        top = iconRect.y + 20;
+    }
+    return {
+        top: top,
+        left: left,
+        width: width,
+        height: height,
+        position: 'absolute',
+        zIndex: 9000
+    };
+};
+exports.getMediaPreviewStyle = getMediaPreviewStyle;
+//# sourceMappingURL=assets.js.map

package/dist/cjs/utils/assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../../src/utils/assets.ts"],"names":[],"mappings":";;;AAAA,8CAA2F;AAGpF,IAAM,oBAAoB,GAAG,UAChC,UAAkB,EAClB,WAAmB,EACnB,GAAQ;IAER,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;QACd,OAAO;KACV;IACD,IAAI,CAAC,UAAU,EAAE;QACb,UAAU,GAAG,0BAAiB,CAAC;KAClC;IACD,IAAI,CAAC,WAAW,EAAE;QACd,WAAW,GAAG,2BAAkB,CAAC;KACpC;IACD,IAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;IACzB,IAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC9C,IAAM,MAAM,GAAW,UAAU,GAAG,WAAW,CAAC;IAChD,IAAI,KAAK,GAAW,0BAAiB,CAAC;IACtC,IAAI,MAAM,GAAW,KAAK,GAAG,MAAM,CAAC;IAEpC,IAAI,MAAM,GAAG,2BAAkB,EAAE;QAC7B,MAAM,GAAG,2BAAkB,CAAC;QAC5B,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;KAC3B;IAED,eAAe;IACf,IAAI,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,GAAG,KAAK,GAAG,EAAE,CAAC;IACpD,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC;IACrD,qEAAqE;IACrE,IAAI,IAAI,GAAG,CAAC,EAAE;QACV,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;KACrB;IACD,iEAAiE;IACjE,IAAI,GAAG,GAAG,sBAAa,EAAE;QACrB,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;KACzB;IAED,OAAO;QACH,GAAG,KAAA;QACH,IAAI,MAAA;QACJ,KAAK,OAAA;QACL,MAAM,QAAA;QACN,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI;KACf,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,oBAAoB,wBA6C/B"}

package/dist/cjs/utils/general.d.ts

@@ -0,0 +1,2 @@
+export declare const localStorageLoad: (key: any) => any;
+export declare const localStorageSave: (key: any, data: any) => void;

package/dist/cjs/utils/general.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.localStorageSave = exports.localStorageLoad = void 0;
+var localStorageLoad = function (key) {
+    try {
+        var serializedState = localStorage.getItem(key);
+        if (serializedState === null) {
+            return null;
+        }
+        return JSON.parse(serializedState);
+    }
+    catch (err) {
+        return null;
+    }
+};
+exports.localStorageLoad = localStorageLoad;
+var localStorageSave = function (key, data) {
+    try {
+        var serializedState = JSON.stringify(data);
+        localStorage.setItem(key, serializedState);
+    }
+    catch (e) {
+        console.error('Failed to save to local storage:', e);
+    }
+};
+exports.localStorageSave = localStorageSave;
+//# sourceMappingURL=general.js.map

package/dist/cjs/utils/general.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../src/utils/general.ts"],"names":[],"mappings":";;;AAAO,IAAM,gBAAgB,GAAG,UAAC,GAAG;IAChC,IAAI;QACA,IAAM,eAAe,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAClD,IAAI,eAAe,KAAK,IAAI,EAAE;YAC1B,OAAO,IAAI,CAAC;SACf;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;KACtC;IAAC,OAAO,GAAG,EAAE;QACV,OAAO,IAAI,CAAC;KACf;AACL,CAAC,CAAC;AAVW,QAAA,gBAAgB,oBAU3B;AAEK,IAAM,gBAAgB,GAAG,UAAC,GAAG,EAAE,IAAI;IACtC,IAAI;QACA,IAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC7C,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC;KAC9C;IAAC,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,CAAC,CAAC,CAAC;KACxD;AACL,CAAC,CAAC;AAPW,QAAA,gBAAgB,oBAO3B"}

package/dist/esm/components/assets/AssetsTablePreviewCell.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-export declare const PREVIEW_MAX_WIDTH: number;
-export declare const PREVIEW_MAX_HEIGHT: number;
-export declare const HEADER_HEIGHT: number;
 interface IAssetsTablePreviewCell {
     cell: any;
     showMedia: boolean;

package/dist/esm/components/assets/AssetsTablePreviewCell.js

@@ -1,8 +1,5 @@
 import * as React from 'react';
-import { ASSET_TYPES, VideoPreview, AssetsTypeIcon, ImagePreview } from '../../index';
-export const PREVIEW_MAX_WIDTH = 400;
-export const PREVIEW_MAX_HEIGHT = 400;
-export const HEADER_HEIGHT = 30;
+import { ASSET_TYPES, VideoPreview, AssetsTypeIcon, ImagePreview, getMediaPreviewStyle } from '../../index';
 class AssetsTablePreviewCell extends React.PureComponent {
     iconRef = React.createRef();
     evtHandlers;
@@ -26,45 +23,6 @@ class AssetsTablePreviewCell extends React.PureComponent {
         return;
     }
     render() {
-        const getMediaPreviewStyle = (mediaWidth, mediaHeight) => {
-            if (!this.iconRef.current) {
-                return;
-            }
-            if (!mediaWidth) {
-                mediaWidth = PREVIEW_MAX_WIDTH;
-            }
-            if (!mediaHeight) {
-                mediaHeight = PREVIEW_MAX_HEIGHT;
-            }
-            const icon = this.iconRef.current;
-            const iconRect = icon.getBoundingClientRect();
-            const aspect = mediaWidth / mediaHeight;
-            let width = PREVIEW_MAX_WIDTH;
-            let height = width / aspect;
-            if (height > PREVIEW_MAX_HEIGHT) {
-                height = PREVIEW_MAX_HEIGHT;
-                width = height * aspect;
-            }
-            // try top left
-            let left = iconRect.x + iconRect.width - width;
-            let top = iconRect.y + iconRect.height - height - 20;
-            // if the preview is off on the left, switch to the right of the icon
-            if (left < 0) {
-                left = iconRect.x;
-            }
-            // if the preview is off on the top, switch to bottom of the icon
-            if (top < HEADER_HEIGHT) {
-                top = iconRect.y + 20;
-            }
-            return {
-                top,
-                left,
-                width,
-                height,
-                position: 'absolute',
-                zIndex: 9000
-            };
-        };
         const { cell, showMedia } = this.props;
         const playbackSettings = {
             autoPlay: true,
@@ -73,9 +31,9 @@ class AssetsTablePreviewCell extends React.PureComponent {
         return (React.createElement("div", { ref: this.iconRef, className: 'asset-type-cell', onClick: this.evtHandlers.onClick },
             React.createElement(AssetsTypeIcon, { type: cell.row.values.type }),
             cell.row.values.type === ASSET_TYPES.IMAGE && (React.createElement(ImagePreview, { style: {
-                    ...getMediaPreviewStyle(cell.row.original.width, cell.row.original.height)
+                    ...getMediaPreviewStyle(cell.row.original.width, cell.row.original.height, this.iconRef)
                 }, showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose })),
-            cell.row.values.type === ASSET_TYPES.VIDEO && (React.createElement(VideoPreview, { playbackSettings: playbackSettings, style: getMediaPreviewStyle(cell.row.original.width, cell.row.original.height), showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose }))));
+            cell.row.values.type === ASSET_TYPES.VIDEO && (React.createElement(VideoPreview, { playbackSettings: playbackSettings, style: getMediaPreviewStyle(cell.row.original.width, cell.row.original.height, this.iconRef), showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose }))));
     }
 }
 const AssetsTablePreviewCellMemoized = React.memo(AssetsTablePreviewCell);

package/dist/esm/components/assets/AssetsTablePreviewCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetsTablePreviewCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTablePreviewCell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AssetsTablePreviewCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTablePreviewCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,WAAW,EACX,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,oBAAoB,EACvB,MAAM,aAAa,CAAC;AASrB,MAAM,sBAAuB,SAAQ,KAAK,CAAC,aAAsC;IACrE,OAAO,GAAQ,KAAK,CAAC,SAAS,EAAkB,CAAC;IAEjD,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YACjC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE;SAC3C,CAAC;IACN,CAAC;IAEO,WAAW;QACf,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,cAAc,EAAE,CAAC;IACrB,CAAC;IAEO,kBAAkB;QACtB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1C,IAAI,CAAC,SAAS,EAAE;YACZ,OAAO,EAAE,CAAC;YACV,OAAO;SACV;QACD,OAAO;IACX,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,MAAM,gBAAgB,GAAG;YACrB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,KAAK;SACd,CAAC;QAEF,OAAO,CACH,6BACI,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO;YACjC,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,GAAI;YAC7C,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,IAAI,CAC3C,oBAAC,YAAY,IACT,KAAK,EAAE;oBACH,GAAG,oBAAoB,CACnB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EACxB,IAAI,CAAC,OAAO,CACf;iBACJ,EACD,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAC1B,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,GAC1C,CACL;YACA,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,IAAI,CAC3C,oBAAC,YAAY,IACT,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,oBAAoB,CACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EACxB,IAAI,CAAC,OAAO,CACf,EACD,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAC1B,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,GAC1C,CACL,CACC,CACT,CAAC;IACN,CAAC;CACJ;AAED,MAAM,8BAA8B,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;AAC1E,eAAe,8BAA8B,CAAC"}

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

@@ -4,7 +4,7 @@ interface IImagePreviewProps {
     url: string;
     playbackSettings?: any;
     style?: React.CSSProperties | any;
-    onRequestClose?(e: any): void;
+    onRequestClose?(): void;
 }
 interface IImagePreviewState {
     loaded: boolean;

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

@@ -18,7 +18,8 @@ class ImagePreview extends React.PureComponent {
     }
     onClose(e) {
         const { onRequestClose } = this.props;
-        onRequestClose(e);
+        e.stopPropagation();
+        onRequestClose();
     }
     render() {
         const { showMedia, url, style } = this.props;
@@ -27,7 +28,7 @@ class ImagePreview extends React.PureComponent {
             return (React.createElement(Portal, { id: 'portal-root' },
                 React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
                     React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
-                React.createElement("img", { onLoad: () => this.setState({ loaded: true }), src: url, ref: this.imageNode, className: `media-preview ${!loaded ? 'hidden' : ''}`, style: style })));
+                React.createElement("img", { onLoad: () => this.setState({ loaded: true }), src: url, ref: this.imageNode, className: `asset-preview-background media-preview ${!loaded ? 'hidden' : ''}`, style: style })));
         }
         else {
             return null;

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

@@ -1 +1 @@
-{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../src/components/players/ImagePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAatD,MAAM,YAAa,SAAQ,KAAK,CAAC,aAAqD;IAC1E,SAAS,GAAQ,IAAI,CAAC;IAEtB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;QACF,IAAI,CAAC,KAAK,GAAG;YACT,MAAM,EAAE,KAAK;SAChB,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtC,cAAc,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE9B,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,6BACI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC7C,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,KAAK,GACd,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../src/components/players/ImagePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAatD,MAAM,YAAa,SAAQ,KAAK,CAAC,aAAqD;IAC1E,SAAS,GAAQ,IAAI,CAAC;IAEtB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;QACF,IAAI,CAAC,KAAK,GAAG;YACT,MAAM,EAAE,KAAK;SAChB,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9B,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,6BACI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC7C,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,SAAS,EAAE,0CACP,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EACzB,EAAE,EACF,KAAK,EAAE,KAAK,GACd,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,YAAY,CAAC"}

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

@@ -4,7 +4,7 @@ interface IVideoPreviewProps {
     url: string;
     playbackSettings?: any;
     style?: React.CSSProperties | any;
-    onRequestClose?(e: any): void;
+    onRequestClose?(): void;
 }
 declare class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
     private videoNode;

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

@@ -15,7 +15,8 @@ class VideoPreview extends React.PureComponent {
     }
     onClose(e) {
         const { onRequestClose } = this.props;
-        onRequestClose(e);
+        e.stopPropagation();
+        onRequestClose();
     }
     render() {
         const { showMedia, url, playbackSettings, style } = this.props;
@@ -23,7 +24,7 @@ class VideoPreview extends React.PureComponent {
             return (React.createElement(Portal, { id: 'portal-root' },
                 React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
                     React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
-                React.createElement("video", { style: style, muted: true, ref: this.videoNode, autoPlay: playbackSettings.autoPlay, loop: playbackSettings.loop, controls: true, preload: 'preload', playsInline: true, src: url, className: 'asset-preview-background' })));
+                React.createElement("video", { style: style, muted: true, ref: this.videoNode, autoPlay: playbackSettings.autoPlay, loop: playbackSettings.loop, controls: true, preload: 'preload', playsInline: true, src: url, className: 'asset-preview-background media-preview' })));
         }
         else {
             return null;

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

@@ -1 +1 @@
-{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/players/VideoPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAUnD,MAAM,YAAa,SAAQ,KAAK,CAAC,aAAiC;IACtD,SAAS,GAAQ,IAAI,CAAC;IAEtB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtC,cAAc,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/D,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,+BACI,KAAK,EAAE,KAAK,EACZ,KAAK,QACL,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAC3B,QAAQ,QACR,OAAO,EAAC,SAAS,EACjB,WAAW,QACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0BAA0B,GACtC,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/players/VideoPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAUnD,MAAM,YAAa,SAAQ,KAAK,CAAC,aAAiC;IACtD,SAAS,GAAQ,IAAI,CAAC;IAEtB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/D,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,+BACI,KAAK,EAAE,KAAK,EACZ,KAAK,QACL,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAC3B,QAAQ,QACR,OAAO,EAAC,SAAS,EACjB,WAAW,QACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,wCAAwC,GACpD,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,YAAY,CAAC"}

package/dist/esm/constants/assets.d.ts

@@ -15,3 +15,6 @@ export declare const ASSET_TYPES: {
 export declare const ASSET_COLORS: {
     [x: string]: string;
 };
+export declare const PREVIEW_MAX_WIDTH: number;
+export declare const PREVIEW_MAX_HEIGHT: number;
+export declare const HEADER_HEIGHT: number;

package/dist/esm/constants/assets.js

@@ -20,4 +20,7 @@ export const ASSET_COLORS = {
     [ASSET_TYPES.VIDEO_COMPOSITION]: 'rgba(215, 22, 22, 1)',
     [ASSET_TYPES.IMAGE_SEQUENCE]: 'rgba(241,191,21, 1)'
 };
+export const PREVIEW_MAX_WIDTH = 400;
+export const PREVIEW_MAX_HEIGHT = 400;
+export const HEADER_HEIGHT = 30;
 //# sourceMappingURL=assets.js.map

package/dist/esm/constants/assets.js.map

@@ -1 +1 @@
-{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../../src/constants/assets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,uCAAuC,CAAC;AAEpE,MAAM,CAAC,MAAM,YAAY,GAAG,qDAAqD,CAAC;AAElF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC1C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC1C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,oBAAoB;IACzC,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,sBAAsB;IAC9C,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,sBAAsB;IACvD,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,qBAAqB;CACtD,CAAC"}
+{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../../src/constants/assets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,uCAAuC,CAAC;AAEpE,MAAM,CAAC,MAAM,YAAY,GAAG,qDAAqD,CAAC;AAElF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC1C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC1C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,oBAAoB;IACzC,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,sBAAsB;IAC9C,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,sBAAsB;IACvD,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,qBAAqB;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAW,GAAG,CAAC;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAW,GAAG,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAW,EAAE,CAAC"}

package/dist/esm/index.d.ts

@@ -60,7 +60,7 @@ import LogViewer from './components/log-viewer/LogViewer';
 import StoryPreviewer from './components/story-previewer/StoryPreviewer';
 import { IStaticComposition } from './constants/compositions';
 import { ShortcutMenu } from './components/shortcut-menu/ShortcutMenu';
-import { ASSET_TYPES } from './constants/assets';
+import { ASSET_TYPES, HEADER_HEIGHT } from './constants/assets';
 import Portal from './components/portal/Portal';
 import AssetDetails from './components/asset-details/AssetDetails';
 import AnchorField from './components/anchor-field/AnchorField';
@@ -92,4 +92,5 @@ import StorageService from './services/Storage';
 import Timer from './services/Timer';
 import { getFirstStoryInOrg, string2HexCode, toFixed, padStart, parameterizeServiceUrl, scrapeEmail, fitToContainer, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, formatDateDefault, validateAccessLevel, formattedTime } from './Util';
 import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
-export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField };
+import { getMediaPreviewStyle } from './utils/assets';
+export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT };

package/dist/esm/index.js

@@ -62,7 +62,7 @@ import ImageSequencePlayer from './components/players/ImageSequencePlayer';
 import LogViewer from './components/log-viewer/LogViewer';
 import StoryPreviewer from './components/story-previewer/StoryPreviewer';
 import { ShortcutMenu } from './components/shortcut-menu/ShortcutMenu';
-import { ASSET_TYPES } from './constants/assets';
+import { ASSET_TYPES, HEADER_HEIGHT } from './constants/assets';
 import Portal from './components/portal/Portal';
 import AssetDetails from './components/asset-details/AssetDetails';
 import AnchorField from './components/anchor-field/AnchorField';
@@ -103,5 +103,6 @@ import Timer from './services/Timer';
  */
 import { getFirstStoryInOrg, string2HexCode, toFixed, padStart, parameterizeServiceUrl, scrapeEmail, fitToContainer, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, formatDateDefault, validateAccessLevel, formattedTime } from './Util';
 import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
-export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, NumberField, SelectField, ColorField, Tabs, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, SessionService, API, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField };
+import { getMediaPreviewStyle } from './utils/assets';
+export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, NumberField, SelectField, ColorField, Tabs, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, SessionService, API, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/utils/assets.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'react';
+export declare const getMediaPreviewStyle: (mediaWidth: number, mediaHeight: number, ref: any) => CSSProperties;

package/dist/esm/utils/assets.js

@@ -0,0 +1,41 @@
+import { HEADER_HEIGHT, PREVIEW_MAX_HEIGHT, PREVIEW_MAX_WIDTH } from '../constants/assets';
+export const getMediaPreviewStyle = (mediaWidth, mediaHeight, ref) => {
+    if (!ref.current) {
+        return;
+    }
+    if (!mediaWidth) {
+        mediaWidth = PREVIEW_MAX_WIDTH;
+    }
+    if (!mediaHeight) {
+        mediaHeight = PREVIEW_MAX_HEIGHT;
+    }
+    const icon = ref.current;
+    const iconRect = icon.getBoundingClientRect();
+    const aspect = mediaWidth / mediaHeight;
+    let width = PREVIEW_MAX_WIDTH;
+    let height = width / aspect;
+    if (height > PREVIEW_MAX_HEIGHT) {
+        height = PREVIEW_MAX_HEIGHT;
+        width = height * aspect;
+    }
+    // try top left
+    let left = iconRect.x + iconRect.width - width - 15;
+    let top = iconRect.y + iconRect.height - height - 20;
+    // if the preview is off on the left, switch to the right of the icon
+    if (left < 0) {
+        left = iconRect.x;
+    }
+    // if the preview is off on the top, switch to bottom of the icon
+    if (top < HEADER_HEIGHT) {
+        top = iconRect.y + 20;
+    }
+    return {
+        top,
+        left,
+        width,
+        height,
+        position: 'absolute',
+        zIndex: 9000
+    };
+};
+//# sourceMappingURL=assets.js.map

package/dist/esm/utils/assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../../src/utils/assets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG3F,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAChC,UAAkB,EAClB,WAAmB,EACnB,GAAQ,EACK,EAAE;IACf,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;QACd,OAAO;KACV;IACD,IAAI,CAAC,UAAU,EAAE;QACb,UAAU,GAAG,iBAAiB,CAAC;KAClC;IACD,IAAI,CAAC,WAAW,EAAE;QACd,WAAW,GAAG,kBAAkB,CAAC;KACpC;IACD,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;IACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC9C,MAAM,MAAM,GAAW,UAAU,GAAG,WAAW,CAAC;IAChD,IAAI,KAAK,GAAW,iBAAiB,CAAC;IACtC,IAAI,MAAM,GAAW,KAAK,GAAG,MAAM,CAAC;IAEpC,IAAI,MAAM,GAAG,kBAAkB,EAAE;QAC7B,MAAM,GAAG,kBAAkB,CAAC;QAC5B,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;KAC3B;IAED,eAAe;IACf,IAAI,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,GAAG,KAAK,GAAG,EAAE,CAAC;IACpD,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC;IACrD,qEAAqE;IACrE,IAAI,IAAI,GAAG,CAAC,EAAE;QACV,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;KACrB;IACD,iEAAiE;IACjE,IAAI,GAAG,GAAG,aAAa,EAAE;QACrB,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;KACzB;IAED,OAAO;QACH,GAAG;QACH,IAAI;QACJ,KAAK;QACL,MAAM;QACN,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI;KACf,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/utils/general.d.ts

@@ -0,0 +1,2 @@
+export declare const localStorageLoad: (key: any) => any;
+export declare const localStorageSave: (key: any, data: any) => void;

package/dist/esm/utils/general.js

@@ -0,0 +1,22 @@
+export const localStorageLoad = (key) => {
+    try {
+        const serializedState = localStorage.getItem(key);
+        if (serializedState === null) {
+            return null;
+        }
+        return JSON.parse(serializedState);
+    }
+    catch (err) {
+        return null;
+    }
+};
+export const localStorageSave = (key, data) => {
+    try {
+        const serializedState = JSON.stringify(data);
+        localStorage.setItem(key, serializedState);
+    }
+    catch (e) {
+        console.error('Failed to save to local storage:', e);
+    }
+};
+//# sourceMappingURL=general.js.map

package/dist/esm/utils/general.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../src/utils/general.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAO,EAAE;IACzC,IAAI;QACA,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAClD,IAAI,eAAe,KAAK,IAAI,EAAE;YAC1B,OAAO,IAAI,CAAC;SACf;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;KACtC;IAAC,OAAO,GAAG,EAAE;QACV,OAAO,IAAI,CAAC;KACf;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,IAAI,EAAQ,EAAE;IAChD,IAAI;QACA,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC7C,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC;KAC9C;IAAC,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,CAAC,CAAC,CAAC;KACxD;AACL,CAAC,CAAC"}

package/dist/styles.less

@@ -439,6 +439,7 @@ body{
 .asset-preview-background{
     border:1px solid @backgroundDark;
     background-color: @background;
+    
     &.transparent{
         .chess;
     }

package/less/components/assets.less

@@ -193,6 +193,7 @@
 .asset-preview-background{
     border:1px solid @backgroundDark;
     background-color: @background;
+    
     &.transparent{
         .chess;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "1.51.4",
+    "version": "1.51.5",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",

package/src/components/assets/AssetsTablePreviewCell.tsx

@@ -1,8 +1,11 @@
 import * as React from 'react';
-import { ASSET_TYPES, VideoPreview, AssetsTypeIcon, ImagePreview } from '../../index';
-export const PREVIEW_MAX_WIDTH: number = 400;
-export const PREVIEW_MAX_HEIGHT: number = 400;
-export const HEADER_HEIGHT: number = 30;
+import {
+    ASSET_TYPES,
+    VideoPreview,
+    AssetsTypeIcon,
+    ImagePreview,
+    getMediaPreviewStyle
+} from '../../index';
 
 interface IAssetsTablePreviewCell {
     cell: any;
@@ -39,49 +42,6 @@ class AssetsTablePreviewCell extends React.PureComponent<IAssetsTablePreviewCell
     }
 
     public render() {
-        const getMediaPreviewStyle = (mediaWidth: number, mediaHeight: number) => {
-            if (!this.iconRef.current) {
-                return;
-            }
-            if (!mediaWidth) {
-                mediaWidth = PREVIEW_MAX_WIDTH;
-            }
-            if (!mediaHeight) {
-                mediaHeight = PREVIEW_MAX_HEIGHT;
-            }
-            const icon = this.iconRef.current;
-            const iconRect = icon.getBoundingClientRect();
-            const aspect: number = mediaWidth / mediaHeight;
-            let width: number = PREVIEW_MAX_WIDTH;
-            let height: number = width / aspect;
-
-            if (height > PREVIEW_MAX_HEIGHT) {
-                height = PREVIEW_MAX_HEIGHT;
-                width = height * aspect;
-            }
-
-            // try top left
-            let left = iconRect.x + iconRect.width - width;
-            let top = iconRect.y + iconRect.height - height - 20;
-            // if the preview is off on the left, switch to the right of the icon
-            if (left < 0) {
-                left = iconRect.x;
-            }
-            // if the preview is off on the top, switch to bottom of the icon
-            if (top < HEADER_HEIGHT) {
-                top = iconRect.y + 20;
-            }
-
-            return {
-                top,
-                left,
-                width,
-                height,
-                position: 'absolute',
-                zIndex: 9000
-            } as React.CSSProperties;
-        };
-
         const { cell, showMedia } = this.props;
         const playbackSettings = {
             autoPlay: true,
@@ -99,7 +59,8 @@ class AssetsTablePreviewCell extends React.PureComponent<IAssetsTablePreviewCell
                         style={{
                             ...getMediaPreviewStyle(
                                 cell.row.original.width,
-                                cell.row.original.height
+                                cell.row.original.height,
+                                this.iconRef
                             )
                         }}
                         showMedia={showMedia}
@@ -112,7 +73,8 @@ class AssetsTablePreviewCell extends React.PureComponent<IAssetsTablePreviewCell
                         playbackSettings={playbackSettings}
                         style={getMediaPreviewStyle(
                             cell.row.original.width,
-                            cell.row.original.height
+                            cell.row.original.height,
+                            this.iconRef
                         )}
                         showMedia={showMedia}
                         url={cell.row.original.url}

package/src/components/players/ImagePreview.tsx

@@ -8,7 +8,7 @@ interface IImagePreviewProps {
     url: string;
     playbackSettings?: any;
     style?: React.CSSProperties | any;
-    onRequestClose?(e): void;
+    onRequestClose?(): void;
 }
 
 interface IImagePreviewState {
@@ -33,14 +33,13 @@ class ImagePreview extends React.PureComponent<IImagePreviewProps, IImagePreview
 
     private onClose(e) {
         const { onRequestClose } = this.props;
-
-        onRequestClose(e);
+        e.stopPropagation();
+        onRequestClose();
     }
 
     public render() {
         const { showMedia, url, style } = this.props;
         const { loaded } = this.state;
-
         if (showMedia) {
             return (
                 <Portal id='portal-root'>
@@ -60,7 +59,9 @@ class ImagePreview extends React.PureComponent<IImagePreviewProps, IImagePreview
                         onLoad={() => this.setState({ loaded: true })}
                         src={url}
                         ref={this.imageNode}
-                        className={`media-preview ${!loaded ? 'hidden' : ''}`}
+                        className={`asset-preview-background media-preview ${
+                            !loaded ? 'hidden' : ''
+                        }`}
                         style={style}
                     />
                 </Portal>

package/src/components/players/VideoPreview.tsx

@@ -9,7 +9,7 @@ interface IVideoPreviewProps {
     url: string;
     playbackSettings?: any;
     style?: React.CSSProperties | any;
-    onRequestClose?(e): void;
+    onRequestClose?(): void;
 }
 
 class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
@@ -27,8 +27,8 @@ class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
 
     private onClose(e) {
         const { onRequestClose } = this.props;
-
-        onRequestClose(e);
+        e.stopPropagation();
+        onRequestClose();
     }
 
     public render() {
@@ -58,7 +58,7 @@ class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
                         preload='preload'
                         playsInline
                         src={url}
-                        className='asset-preview-background'
+                        className='asset-preview-background media-preview'
                     />
                 </Portal>
             );

package/src/constants/assets.ts

@@ -23,3 +23,9 @@ export const ASSET_COLORS = {
     [ASSET_TYPES.VIDEO_COMPOSITION]: 'rgba(215, 22, 22, 1)',
     [ASSET_TYPES.IMAGE_SEQUENCE]: 'rgba(241,191,21, 1)'
 };
+
+export const PREVIEW_MAX_WIDTH: number = 400;
+
+export const PREVIEW_MAX_HEIGHT: number = 400;
+
+export const HEADER_HEIGHT: number = 30;

package/src/index.ts

@@ -63,7 +63,7 @@ import LogViewer from './components/log-viewer/LogViewer';
 import StoryPreviewer from './components/story-previewer/StoryPreviewer';
 import { IStaticComposition } from './constants/compositions';
 import { ShortcutMenu } from './components/shortcut-menu/ShortcutMenu';
-import { ASSET_TYPES } from './constants/assets';
+import { ASSET_TYPES, HEADER_HEIGHT } from './constants/assets';
 import Portal from './components/portal/Portal';
 import AssetDetails from './components/asset-details/AssetDetails';
 import AnchorField from './components/anchor-field/AnchorField';
@@ -138,6 +138,7 @@ import {
     formattedTime
 } from './Util';
 import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
+import { getMediaPreviewStyle } from './utils/assets';
 
 export {
     AppWrapper,
@@ -267,5 +268,7 @@ export {
     getStoryPublishStatus,
     PublishStatusIndicator,
     AnchorField,
-    SMPTEField
+    SMPTEField,
+    getMediaPreviewStyle,
+    HEADER_HEIGHT
 };

package/src/utils/assets.ts

@@ -0,0 +1,49 @@
+import { HEADER_HEIGHT, PREVIEW_MAX_HEIGHT, PREVIEW_MAX_WIDTH } from '../constants/assets';
+import { CSSProperties } from 'react';
+
+export const getMediaPreviewStyle = (
+    mediaWidth: number,
+    mediaHeight: number,
+    ref: any
+): CSSProperties => {
+    if (!ref.current) {
+        return;
+    }
+    if (!mediaWidth) {
+        mediaWidth = PREVIEW_MAX_WIDTH;
+    }
+    if (!mediaHeight) {
+        mediaHeight = PREVIEW_MAX_HEIGHT;
+    }
+    const icon = ref.current;
+    const iconRect = icon.getBoundingClientRect();
+    const aspect: number = mediaWidth / mediaHeight;
+    let width: number = PREVIEW_MAX_WIDTH;
+    let height: number = width / aspect;
+
+    if (height > PREVIEW_MAX_HEIGHT) {
+        height = PREVIEW_MAX_HEIGHT;
+        width = height * aspect;
+    }
+
+    // try top left
+    let left = iconRect.x + iconRect.width - width - 15;
+    let top = iconRect.y + iconRect.height - height - 20;
+    // if the preview is off on the left, switch to the right of the icon
+    if (left < 0) {
+        left = iconRect.x;
+    }
+    // if the preview is off on the top, switch to bottom of the icon
+    if (top < HEADER_HEIGHT) {
+        top = iconRect.y + 20;
+    }
+
+    return {
+        top,
+        left,
+        width,
+        height,
+        position: 'absolute',
+        zIndex: 9000
+    };
+};