@imposium-hub/components 2.2.1 → 2.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/players/AudioPreview.d.ts +1 -0
- package/dist/cjs/components/players/AudioPreview.js +10 -6
- package/dist/cjs/components/players/AudioPreview.js.map +1 -1
- package/dist/cjs/components/players/ImagePreview.d.ts +1 -0
- package/dist/cjs/components/players/ImagePreview.js +10 -6
- package/dist/cjs/components/players/ImagePreview.js.map +1 -1
- package/dist/cjs/components/players/VideoPreview.d.ts +1 -0
- package/dist/cjs/components/players/VideoPreview.js +10 -6
- package/dist/cjs/components/players/VideoPreview.js.map +1 -1
- package/dist/cjs/utils/assets.d.ts +1 -1
- package/dist/cjs/utils/assets.js +10 -9
- package/dist/cjs/utils/assets.js.map +1 -1
- package/dist/esm/components/players/AudioPreview.d.ts +1 -0
- package/dist/esm/components/players/AudioPreview.js +10 -6
- package/dist/esm/components/players/AudioPreview.js.map +1 -1
- package/dist/esm/components/players/ImagePreview.d.ts +1 -0
- package/dist/esm/components/players/ImagePreview.js +10 -6
- package/dist/esm/components/players/ImagePreview.js.map +1 -1
- package/dist/esm/components/players/VideoPreview.d.ts +1 -0
- package/dist/esm/components/players/VideoPreview.js +10 -6
- package/dist/esm/components/players/VideoPreview.js.map +1 -1
- package/dist/esm/utils/assets.d.ts +1 -1
- package/dist/esm/utils/assets.js +9 -9
- package/dist/esm/utils/assets.js.map +1 -1
- package/package.json +1 -1
- package/src/components/players/AudioPreview.tsx +11 -6
- package/src/components/players/ImagePreview.tsx +11 -6
- package/src/components/players/VideoPreview.tsx +11 -6
- package/src/utils/assets.ts +12 -9
|
@@ -84,14 +84,18 @@ var AudioPreview = /** @class */ (function (_super) {
|
|
|
84
84
|
}
|
|
85
85
|
AudioPreview.prototype.componentDidMount = function () {
|
|
86
86
|
var _this = this;
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
87
|
+
if (!this.props.disableOutsideClick) {
|
|
88
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
89
|
+
this.clickOutsideTimeout = setTimeout(function () {
|
|
90
|
+
window.addEventListener('click', _this.clickHandler);
|
|
91
|
+
}, 25);
|
|
92
|
+
}
|
|
91
93
|
};
|
|
92
94
|
AudioPreview.prototype.componentWillUnmount = function () {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
+
if (!this.props.disableOutsideClick) {
|
|
96
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
97
|
+
window.removeEventListener('click', this.clickHandler);
|
|
98
|
+
}
|
|
95
99
|
};
|
|
96
100
|
AudioPreview.prototype.onClose = function (e) {
|
|
97
101
|
var onRequestClose = this.props.onRequestClose;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioPreview.js","sourceRoot":"","sources":["../../../../src/components/players/AudioPreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,4DAAsC;AACtC,6CAAsD;AACtD,+CAAmD;
|
|
1
|
+
{"version":3,"file":"AudioPreview.js","sourceRoot":"","sources":["../../../../src/components/players/AudioPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -84,14 +84,18 @@ var ImagePreview = /** @class */ (function (_super) {
|
|
|
84
84
|
}
|
|
85
85
|
ImagePreview.prototype.componentDidMount = function () {
|
|
86
86
|
var _this = this;
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
87
|
+
if (!this.props.disableOutsideClick) {
|
|
88
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
89
|
+
this.clickOutsideTimeout = setTimeout(function () {
|
|
90
|
+
window.addEventListener('click', _this.clickHandler);
|
|
91
|
+
}, 25);
|
|
92
|
+
}
|
|
91
93
|
};
|
|
92
94
|
ImagePreview.prototype.componentWillUnmount = function () {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
+
if (!this.props.disableOutsideClick) {
|
|
96
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
97
|
+
window.removeEventListener('click', this.clickHandler);
|
|
98
|
+
}
|
|
95
99
|
};
|
|
96
100
|
ImagePreview.prototype.onClose = function (e) {
|
|
97
101
|
var onRequestClose = this.props.onRequestClose;
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../src/components/players/ImagePreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -84,14 +84,18 @@ var VideoPreview = /** @class */ (function (_super) {
|
|
|
84
84
|
}
|
|
85
85
|
VideoPreview.prototype.componentDidMount = function () {
|
|
86
86
|
var _this = this;
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
87
|
+
if (!this.props.disableOutsideClick) {
|
|
88
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
89
|
+
this.clickOutsideTimeout = setTimeout(function () {
|
|
90
|
+
window.addEventListener('click', _this.clickHandler);
|
|
91
|
+
}, 25);
|
|
92
|
+
}
|
|
91
93
|
};
|
|
92
94
|
VideoPreview.prototype.componentWillUnmount = function () {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
+
if (!this.props.disableOutsideClick) {
|
|
96
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
97
|
+
window.removeEventListener('click', this.clickHandler);
|
|
98
|
+
}
|
|
95
99
|
};
|
|
96
100
|
VideoPreview.prototype.onClose = function (e) {
|
|
97
101
|
var onRequestClose = this.props.onRequestClose;
|
|
@@ -1 +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;
|
|
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;AAenD;IAA2B,gCAA2D;IAWlF,sBAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAWf;QAtBO,eAAS,GAAQ,IAAI,CAAC;QAEtB,cAAQ,GAAQ,IAAI,CAAC;QAIrB,kBAAY,GAAQ,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAA1B,CAA0B,CAAC;QAkCtD,wBAAkB,GAAG,UAAC,CAAM;YACxB,IAAA,MAAM,GAAK,CAAC,OAAN,CAAO;YAErB,IAAM,WAAW,GACb,KAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,KAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;YAEnF,IAAI,CAAC,WAAW,EAAE;gBACd,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACnB;QACL,CAAC,CAAC;QArCE,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,KAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QAClC,KAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAf,CAAe;SAClC,CAAC;QAEF,KAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;SAChB,CAAC;;IACN,CAAC;IAEM,wCAAiB,GAAxB;QAAA,iBAOC;QANG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;YACjC,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACvC,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC;gBAClC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAI,CAAC,YAAY,CAAC,CAAC;YACxD,CAAC,EAAE,EAAE,CAAC,CAAC;SACV;IACL,CAAC;IAEM,2CAAoB,GAA3B;QACI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;YACjC,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACvC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;SAC1D;IACL,CAAC;IAaO,8BAAO,GAAf,UAAgB,CAAC;QACL,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QACtC,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,6BAAM,GAAb;QAAA,iBA0CC;QAzCS,IAAA,KAAmC,IAAI,CAAC,KAAK,EAA3C,GAAG,SAAA,EAAE,gBAAgB,sBAAA,EAAE,KAAK,WAAe,CAAC;QAC5C,IAAA,KAAK,GAAK,IAAI,CAAC,KAAK,MAAf,CAAgB;QAC7B,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;YACpB,6BAAK,GAAG,EAAE,IAAI,CAAC,QAAQ;gBACnB,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,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAA5C,CAA4C,EAC3D,gBAAgB,EAAE,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAA/B,CAA+B,EACvD,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;gBACD,KAAK,CAAC,CAAC,CAAC,CACL,6BACI,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,KAAK,sBAEV,CACT,CAAC,CAAC,CAAC,IAAI,CACN,CACD,CACZ,CAAC;IACN,CAAC;IACL,mBAAC;AAAD,CAAC,AApGD,CAA2B,KAAK,CAAC,aAAa,GAoG7C;AAED,kBAAe,YAAY,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
export declare const getMediaPreviewStyle: (mediaWidth: number, mediaHeight: number, element: any) => CSSProperties;
|
|
2
|
+
export declare const getMediaPreviewStyle: (mediaWidth: number, mediaHeight: number, element: any, offsetY?: number) => CSSProperties;
|
package/dist/cjs/utils/assets.js
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getMediaPreviewStyle = void 0;
|
|
4
4
|
var assets_1 = require("../constants/assets");
|
|
5
|
-
var getMediaPreviewStyle = function (mediaWidth, mediaHeight, element) {
|
|
5
|
+
var getMediaPreviewStyle = function (mediaWidth, mediaHeight, element, offsetY) {
|
|
6
|
+
if (offsetY === void 0) { offsetY = 0; }
|
|
6
7
|
if (!element) {
|
|
7
8
|
return;
|
|
8
9
|
}
|
|
@@ -24,17 +25,17 @@ var getMediaPreviewStyle = function (mediaWidth, mediaHeight, element) {
|
|
|
24
25
|
height = assets_1.PREVIEW_MAX_HEIGHT;
|
|
25
26
|
width = height * aspect;
|
|
26
27
|
}
|
|
27
|
-
//
|
|
28
|
-
var left = iconRect.x + iconRect.width - width
|
|
29
|
-
var top = iconRect.y
|
|
30
|
-
//
|
|
28
|
+
// Default to top right
|
|
29
|
+
var left = iconRect.x + iconRect.width - width;
|
|
30
|
+
var top = iconRect.y - height - offsetY;
|
|
31
|
+
// If it's off on the top, put it on the bottom
|
|
32
|
+
if (top < assets_1.HEADER_HEIGHT) {
|
|
33
|
+
top = iconRect.y + iconRect.height + offsetY;
|
|
34
|
+
}
|
|
35
|
+
// If it's off on the left, put it on the right
|
|
31
36
|
if (left < 0) {
|
|
32
37
|
left = iconRect.x;
|
|
33
38
|
}
|
|
34
|
-
// if the preview is off on the top, switch to bottom of the icon
|
|
35
|
-
if (top < assets_1.HEADER_HEIGHT) {
|
|
36
|
-
top = iconRect.y + 20;
|
|
37
|
-
}
|
|
38
39
|
return {
|
|
39
40
|
top: top,
|
|
40
41
|
left: left,
|
|
@@ -1 +1 @@
|
|
|
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,OAAY;
|
|
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,OAAY,EACZ,OAAmB;IAAnB,wBAAA,EAAA,WAAmB;IAEnB,IAAI,CAAC,OAAO,EAAE;QACV,OAAO;KACV;IACD,IAAI,CAAC,UAAU,EAAE;QACb,UAAU,GAAG,0BAAiB,CAAC;KAClC;IACD,IAAI,CAAC,WAAW,EAAE;QACd,WAAW,GAAG,2BAAkB,CAAC;KACpC;IAED,IAAM,UAAU,GAAG,OAAO,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7E,IAAI,CAAC,UAAU,EAAE;QACb,OAAO;KACV;IACD,IAAM,QAAQ,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;IACpD,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,uBAAuB;IACvB,IAAI,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;IAC/C,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;IAExC,+CAA+C;IAC/C,IAAI,GAAG,GAAG,sBAAa,EAAE;QACrB,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,OAAO,CAAC;KAChD;IAED,+CAA+C;IAC/C,IAAI,IAAI,GAAG,CAAC,EAAE;QACV,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;KACrB;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;AApDW,QAAA,oBAAoB,wBAoD/B"}
|
|
@@ -22,14 +22,18 @@ class AudioPreview extends React.PureComponent {
|
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
24
|
componentDidMount() {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
if (!this.props.disableOutsideClick) {
|
|
26
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
27
|
+
this.clickOutsideTimeout = setTimeout(() => {
|
|
28
|
+
window.addEventListener('click', this.clickHandler);
|
|
29
|
+
}, 25);
|
|
30
|
+
}
|
|
29
31
|
}
|
|
30
32
|
componentWillUnmount() {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
if (!this.props.disableOutsideClick) {
|
|
34
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
35
|
+
window.removeEventListener('click', this.clickHandler);
|
|
36
|
+
}
|
|
33
37
|
}
|
|
34
38
|
detectOutsideClick = (e) => {
|
|
35
39
|
const { target } = e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioPreview.js","sourceRoot":"","sources":["../../../../src/components/players/AudioPreview.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;
|
|
1
|
+
{"version":3,"file":"AudioPreview.js","sourceRoot":"","sources":["../../../../src/components/players/AudioPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,14 +22,18 @@ class ImagePreview extends React.PureComponent {
|
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
24
|
componentDidMount() {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
if (!this.props.disableOutsideClick) {
|
|
26
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
27
|
+
this.clickOutsideTimeout = setTimeout(() => {
|
|
28
|
+
window.addEventListener('click', this.clickHandler);
|
|
29
|
+
}, 25);
|
|
30
|
+
}
|
|
29
31
|
}
|
|
30
32
|
componentWillUnmount() {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
if (!this.props.disableOutsideClick) {
|
|
34
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
35
|
+
window.removeEventListener('click', this.clickHandler);
|
|
36
|
+
}
|
|
33
37
|
}
|
|
34
38
|
detectOutsideClick = (e) => {
|
|
35
39
|
const { target } = e;
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../src/components/players/ImagePreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,14 +22,18 @@ class VideoPreview extends React.PureComponent {
|
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
24
|
componentDidMount() {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
if (!this.props.disableOutsideClick) {
|
|
26
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
27
|
+
this.clickOutsideTimeout = setTimeout(() => {
|
|
28
|
+
window.addEventListener('click', this.clickHandler);
|
|
29
|
+
}, 25);
|
|
30
|
+
}
|
|
29
31
|
}
|
|
30
32
|
componentWillUnmount() {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
if (!this.props.disableOutsideClick) {
|
|
34
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
35
|
+
window.removeEventListener('click', this.clickHandler);
|
|
36
|
+
}
|
|
33
37
|
}
|
|
34
38
|
detectOutsideClick = (e) => {
|
|
35
39
|
const { target } = e;
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/players/VideoPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
export declare const getMediaPreviewStyle: (mediaWidth: number, mediaHeight: number, element: any) => CSSProperties;
|
|
2
|
+
export declare const getMediaPreviewStyle: (mediaWidth: number, mediaHeight: number, element: any, offsetY?: number) => CSSProperties;
|
package/dist/esm/utils/assets.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HEADER_HEIGHT, PREVIEW_MAX_HEIGHT, PREVIEW_MAX_WIDTH } from '../constants/assets';
|
|
2
|
-
export const getMediaPreviewStyle = (mediaWidth, mediaHeight, element) => {
|
|
2
|
+
export const getMediaPreviewStyle = (mediaWidth, mediaHeight, element, offsetY = 0) => {
|
|
3
3
|
if (!element) {
|
|
4
4
|
return;
|
|
5
5
|
}
|
|
@@ -21,17 +21,17 @@ export const getMediaPreviewStyle = (mediaWidth, mediaHeight, element) => {
|
|
|
21
21
|
height = PREVIEW_MAX_HEIGHT;
|
|
22
22
|
width = height * aspect;
|
|
23
23
|
}
|
|
24
|
-
//
|
|
25
|
-
let left = iconRect.x + iconRect.width - width
|
|
26
|
-
let top = iconRect.y
|
|
27
|
-
//
|
|
24
|
+
// Default to top right
|
|
25
|
+
let left = iconRect.x + iconRect.width - width;
|
|
26
|
+
let top = iconRect.y - height - offsetY;
|
|
27
|
+
// If it's off on the top, put it on the bottom
|
|
28
|
+
if (top < HEADER_HEIGHT) {
|
|
29
|
+
top = iconRect.y + iconRect.height + offsetY;
|
|
30
|
+
}
|
|
31
|
+
// If it's off on the left, put it on the right
|
|
28
32
|
if (left < 0) {
|
|
29
33
|
left = iconRect.x;
|
|
30
34
|
}
|
|
31
|
-
// if the preview is off on the top, switch to bottom of the icon
|
|
32
|
-
if (top < HEADER_HEIGHT) {
|
|
33
|
-
top = iconRect.y + 20;
|
|
34
|
-
}
|
|
35
35
|
return {
|
|
36
36
|
top,
|
|
37
37
|
left,
|
|
@@ -1 +1 @@
|
|
|
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,OAAY,
|
|
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,OAAY,EACZ,UAAkB,CAAC,EACN,EAAE;IACf,IAAI,CAAC,OAAO,EAAE;QACV,OAAO;KACV;IACD,IAAI,CAAC,UAAU,EAAE;QACb,UAAU,GAAG,iBAAiB,CAAC;KAClC;IACD,IAAI,CAAC,WAAW,EAAE;QACd,WAAW,GAAG,kBAAkB,CAAC;KACpC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7E,IAAI,CAAC,UAAU,EAAE;QACb,OAAO;KACV;IACD,MAAM,QAAQ,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;IACpD,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,uBAAuB;IACvB,IAAI,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;IAC/C,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;IAExC,+CAA+C;IAC/C,IAAI,GAAG,GAAG,aAAa,EAAE;QACrB,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,OAAO,CAAC;KAChD;IAED,+CAA+C;IAC/C,IAAI,IAAI,GAAG,CAAC,EAAE;QACV,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;KACrB;IAED,OAAO;QACH,GAAG;QACH,IAAI;QACJ,KAAK;QACL,MAAM;QACN,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI;KACf,CAAC;AACN,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -9,6 +9,7 @@ interface IAudioPreviewProps {
|
|
|
9
9
|
playbackSettings?: any;
|
|
10
10
|
style?: React.CSSProperties | any;
|
|
11
11
|
onRequestClose?(): void;
|
|
12
|
+
disableOutsideClick?: boolean;
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
interface IAudioPreviewState {
|
|
@@ -41,15 +42,19 @@ class AudioPreview extends React.PureComponent<IAudioPreviewProps, IAudioPreview
|
|
|
41
42
|
}
|
|
42
43
|
|
|
43
44
|
public componentDidMount() {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
45
|
+
if (!this.props.disableOutsideClick) {
|
|
46
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
47
|
+
this.clickOutsideTimeout = setTimeout(() => {
|
|
48
|
+
window.addEventListener('click', this.clickHandler);
|
|
49
|
+
}, 25);
|
|
50
|
+
}
|
|
48
51
|
}
|
|
49
52
|
|
|
50
53
|
public componentWillUnmount(): void {
|
|
51
|
-
|
|
52
|
-
|
|
54
|
+
if (!this.props.disableOutsideClick) {
|
|
55
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
56
|
+
window.removeEventListener('click', this.clickHandler);
|
|
57
|
+
}
|
|
53
58
|
}
|
|
54
59
|
|
|
55
60
|
private detectOutsideClick = (e: any): void => {
|
|
@@ -8,6 +8,7 @@ interface IImagePreviewProps {
|
|
|
8
8
|
playbackSettings?: any;
|
|
9
9
|
style?: React.CSSProperties | any;
|
|
10
10
|
onRequestClose?(): void;
|
|
11
|
+
disableOutsideClick?: boolean;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
14
|
interface IImagePreviewState {
|
|
@@ -40,15 +41,19 @@ class ImagePreview extends React.PureComponent<IImagePreviewProps, IImagePreview
|
|
|
40
41
|
}
|
|
41
42
|
|
|
42
43
|
public componentDidMount() {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
if (!this.props.disableOutsideClick) {
|
|
45
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
46
|
+
this.clickOutsideTimeout = setTimeout(() => {
|
|
47
|
+
window.addEventListener('click', this.clickHandler);
|
|
48
|
+
}, 25);
|
|
49
|
+
}
|
|
47
50
|
}
|
|
48
51
|
|
|
49
52
|
public componentWillUnmount(): void {
|
|
50
|
-
|
|
51
|
-
|
|
53
|
+
if (!this.props.disableOutsideClick) {
|
|
54
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
55
|
+
window.removeEventListener('click', this.clickHandler);
|
|
56
|
+
}
|
|
52
57
|
}
|
|
53
58
|
|
|
54
59
|
private detectOutsideClick = (e: any): void => {
|
|
@@ -9,6 +9,7 @@ interface IVideoPreviewProps {
|
|
|
9
9
|
playbackSettings?: any;
|
|
10
10
|
style?: React.CSSProperties | any;
|
|
11
11
|
onRequestClose?(): void;
|
|
12
|
+
disableOutsideClick?: boolean;
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
interface IVideoPreviewState {
|
|
@@ -42,15 +43,19 @@ class VideoPreview extends React.PureComponent<IVideoPreviewProps, IVideoPreview
|
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
public componentDidMount() {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
46
|
+
if (!this.props.disableOutsideClick) {
|
|
47
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
48
|
+
this.clickOutsideTimeout = setTimeout(() => {
|
|
49
|
+
window.addEventListener('click', this.clickHandler);
|
|
50
|
+
}, 25);
|
|
51
|
+
}
|
|
49
52
|
}
|
|
50
53
|
|
|
51
54
|
public componentWillUnmount(): void {
|
|
52
|
-
|
|
53
|
-
|
|
55
|
+
if (!this.props.disableOutsideClick) {
|
|
56
|
+
clearTimeout(this.clickOutsideTimeout);
|
|
57
|
+
window.removeEventListener('click', this.clickHandler);
|
|
58
|
+
}
|
|
54
59
|
}
|
|
55
60
|
|
|
56
61
|
private detectOutsideClick = (e: any): void => {
|
package/src/utils/assets.ts
CHANGED
|
@@ -4,7 +4,8 @@ import { CSSProperties } from 'react';
|
|
|
4
4
|
export const getMediaPreviewStyle = (
|
|
5
5
|
mediaWidth: number,
|
|
6
6
|
mediaHeight: number,
|
|
7
|
-
element: any
|
|
7
|
+
element: any,
|
|
8
|
+
offsetY: number = 0
|
|
8
9
|
): CSSProperties => {
|
|
9
10
|
if (!element) {
|
|
10
11
|
return;
|
|
@@ -30,17 +31,19 @@ export const getMediaPreviewStyle = (
|
|
|
30
31
|
width = height * aspect;
|
|
31
32
|
}
|
|
32
33
|
|
|
33
|
-
//
|
|
34
|
-
let left = iconRect.x + iconRect.width - width
|
|
35
|
-
let top = iconRect.y
|
|
36
|
-
|
|
34
|
+
// Default to top right
|
|
35
|
+
let left = iconRect.x + iconRect.width - width;
|
|
36
|
+
let top = iconRect.y - height - offsetY;
|
|
37
|
+
|
|
38
|
+
// If it's off on the top, put it on the bottom
|
|
39
|
+
if (top < HEADER_HEIGHT) {
|
|
40
|
+
top = iconRect.y + iconRect.height + offsetY;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
// If it's off on the left, put it on the right
|
|
37
44
|
if (left < 0) {
|
|
38
45
|
left = iconRect.x;
|
|
39
46
|
}
|
|
40
|
-
// if the preview is off on the top, switch to bottom of the icon
|
|
41
|
-
if (top < HEADER_HEIGHT) {
|
|
42
|
-
top = iconRect.y + 20;
|
|
43
|
-
}
|
|
44
47
|
|
|
45
48
|
return {
|
|
46
49
|
top,
|