@imposium-hub/components 1.51.4 → 1.51.6

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.
Files changed (63) hide show
  1. package/dist/cjs/components/assets/AssetsTablePreviewCell.d.ts +0 -3
  2. package/dist/cjs/components/assets/AssetsTablePreviewCell.js +2 -46
  3. package/dist/cjs/components/assets/AssetsTablePreviewCell.js.map +1 -1
  4. package/dist/cjs/components/assets/AssetsUploadMenu.js +1 -2
  5. package/dist/cjs/components/assets/AssetsUploadMenu.js.map +1 -1
  6. package/dist/cjs/components/players/ImagePreview.d.ts +1 -1
  7. package/dist/cjs/components/players/ImagePreview.js +3 -2
  8. package/dist/cjs/components/players/ImagePreview.js.map +1 -1
  9. package/dist/cjs/components/players/VideoPreview.d.ts +1 -1
  10. package/dist/cjs/components/players/VideoPreview.js +3 -2
  11. package/dist/cjs/components/players/VideoPreview.js.map +1 -1
  12. package/dist/cjs/constants/assets.d.ts +3 -0
  13. package/dist/cjs/constants/assets.js +4 -1
  14. package/dist/cjs/constants/assets.js.map +1 -1
  15. package/dist/cjs/constants/copy.d.ts +1 -0
  16. package/dist/cjs/constants/copy.js +2 -1
  17. package/dist/cjs/constants/copy.js.map +1 -1
  18. package/dist/cjs/index.d.ts +3 -2
  19. package/dist/cjs/index.js +4 -1
  20. package/dist/cjs/index.js.map +1 -1
  21. package/dist/cjs/utils/assets.d.ts +2 -0
  22. package/dist/cjs/utils/assets.js +45 -0
  23. package/dist/cjs/utils/assets.js.map +1 -0
  24. package/dist/cjs/utils/general.d.ts +2 -0
  25. package/dist/cjs/utils/general.js +27 -0
  26. package/dist/cjs/utils/general.js.map +1 -0
  27. package/dist/esm/components/assets/AssetsTablePreviewCell.d.ts +0 -3
  28. package/dist/esm/components/assets/AssetsTablePreviewCell.js +3 -45
  29. package/dist/esm/components/assets/AssetsTablePreviewCell.js.map +1 -1
  30. package/dist/esm/components/assets/AssetsUploadMenu.js +1 -2
  31. package/dist/esm/components/assets/AssetsUploadMenu.js.map +1 -1
  32. package/dist/esm/components/players/ImagePreview.d.ts +1 -1
  33. package/dist/esm/components/players/ImagePreview.js +3 -2
  34. package/dist/esm/components/players/ImagePreview.js.map +1 -1
  35. package/dist/esm/components/players/VideoPreview.d.ts +1 -1
  36. package/dist/esm/components/players/VideoPreview.js +3 -2
  37. package/dist/esm/components/players/VideoPreview.js.map +1 -1
  38. package/dist/esm/constants/assets.d.ts +3 -0
  39. package/dist/esm/constants/assets.js +3 -0
  40. package/dist/esm/constants/assets.js.map +1 -1
  41. package/dist/esm/constants/copy.d.ts +1 -0
  42. package/dist/esm/constants/copy.js +2 -1
  43. package/dist/esm/constants/copy.js.map +1 -1
  44. package/dist/esm/index.d.ts +3 -2
  45. package/dist/esm/index.js +3 -2
  46. package/dist/esm/index.js.map +1 -1
  47. package/dist/esm/utils/assets.d.ts +2 -0
  48. package/dist/esm/utils/assets.js +41 -0
  49. package/dist/esm/utils/assets.js.map +1 -0
  50. package/dist/esm/utils/general.d.ts +2 -0
  51. package/dist/esm/utils/general.js +22 -0
  52. package/dist/esm/utils/general.js.map +1 -0
  53. package/dist/styles.less +1 -0
  54. package/less/components/assets.less +1 -0
  55. package/package.json +1 -1
  56. package/src/components/assets/AssetsTablePreviewCell.tsx +11 -49
  57. package/src/components/assets/AssetsUploadMenu.tsx +3 -3
  58. package/src/components/players/ImagePreview.tsx +6 -5
  59. package/src/components/players/VideoPreview.tsx +4 -4
  60. package/src/constants/assets.ts +6 -0
  61. package/src/constants/copy.ts +2 -1
  62. package/src/index.ts +5 -2
  63. package/src/utils/assets.ts +49 -0
@@ -4,7 +4,7 @@ interface IImagePreviewProps {
4
4
  url: string;
5
5
  playbackSettings?: any;
6
6
  style?: React.CSSProperties | any;
7
- onRequestClose?(e: any): void;
7
+ onRequestClose?(): void;
8
8
  }
9
9
  interface IImagePreviewState {
10
10
  loaded: boolean;
@@ -18,7 +18,8 @@ class ImagePreview extends React.PureComponent {
18
18
  }
19
19
  onClose(e) {
20
20
  const { onRequestClose } = this.props;
21
- onRequestClose(e);
21
+ e.stopPropagation();
22
+ onRequestClose();
22
23
  }
23
24
  render() {
24
25
  const { showMedia, url, style } = this.props;
@@ -27,7 +28,7 @@ class ImagePreview extends React.PureComponent {
27
28
  return (React.createElement(Portal, { id: 'portal-root' },
28
29
  React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
29
30
  React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
30
- React.createElement("img", { onLoad: () => this.setState({ loaded: true }), src: url, ref: this.imageNode, className: `media-preview ${!loaded ? 'hidden' : ''}`, style: style })));
31
+ React.createElement("img", { onLoad: () => this.setState({ loaded: true }), src: url, ref: this.imageNode, className: `asset-preview-background media-preview ${!loaded ? 'hidden' : ''}`, style: style })));
31
32
  }
32
33
  else {
33
34
  return null;
@@ -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;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"}
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;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"}
@@ -4,7 +4,7 @@ interface IVideoPreviewProps {
4
4
  url: string;
5
5
  playbackSettings?: any;
6
6
  style?: React.CSSProperties | any;
7
- onRequestClose?(e: any): void;
7
+ onRequestClose?(): void;
8
8
  }
9
9
  declare class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
10
10
  private videoNode;
@@ -15,7 +15,8 @@ class VideoPreview extends React.PureComponent {
15
15
  }
16
16
  onClose(e) {
17
17
  const { onRequestClose } = this.props;
18
- onRequestClose(e);
18
+ e.stopPropagation();
19
+ onRequestClose();
19
20
  }
20
21
  render() {
21
22
  const { showMedia, url, playbackSettings, style } = this.props;
@@ -23,7 +24,7 @@ class VideoPreview extends React.PureComponent {
23
24
  return (React.createElement(Portal, { id: 'portal-root' },
24
25
  React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
25
26
  React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
26
- 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' })));
27
+ 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' })));
27
28
  }
28
29
  else {
29
30
  return null;
@@ -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;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"}
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;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"}
@@ -15,3 +15,6 @@ export declare const ASSET_TYPES: {
15
15
  export declare const ASSET_COLORS: {
16
16
  [x: string]: string;
17
17
  };
18
+ export declare const PREVIEW_MAX_WIDTH: number;
19
+ export declare const PREVIEW_MAX_HEIGHT: number;
20
+ export declare const HEADER_HEIGHT: number;
@@ -20,4 +20,7 @@ export const ASSET_COLORS = {
20
20
  [ASSET_TYPES.VIDEO_COMPOSITION]: 'rgba(215, 22, 22, 1)',
21
21
  [ASSET_TYPES.IMAGE_SEQUENCE]: 'rgba(241,191,21, 1)'
22
22
  };
23
+ export const PREVIEW_MAX_WIDTH = 400;
24
+ export const PREVIEW_MAX_HEIGHT = 400;
25
+ export const HEADER_HEIGHT = 30;
23
26
  //# sourceMappingURL=assets.js.map
@@ -1 +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"}
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;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAW,GAAG,CAAC;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAW,GAAG,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAW,EAAE,CAAC"}
@@ -21,6 +21,7 @@ export declare const assets: {
21
21
  assignToStoryInput: string;
22
22
  assignToStoryInfo: string;
23
23
  uploadButton: string;
24
+ cancelButton: string;
24
25
  };
25
26
  tags: {
26
27
  add: string;
@@ -20,7 +20,8 @@ export const assets = {
20
20
  autoTagInput: 'Tag by filename',
21
21
  assignToStoryInput: 'Assign to Story',
22
22
  assignToStoryInfo: 'If selected, any assets uploaded will only be available to use with the currently selected story.',
23
- uploadButton: 'Upload'
23
+ uploadButton: 'Upload',
24
+ cancelButton: 'Cancel'
24
25
  },
25
26
  tags: {
26
27
  add: 'Add new tag',
@@ -1 +1 @@
1
- {"version":3,"file":"copy.js","sourceRoot":"","sources":["../../../src/constants/copy.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,aAAa,EAAE,sBAAsB;IACrC,mBAAmB,EAAE,2CAA2C;IAChE,SAAS,EAAE;QACP,MAAM,EAAE,gBAAgB;QACxB,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,aAAa;QACpB,iBAAiB,EAAE,aAAa;QAChC,KAAK,EAAE,aAAa;QACpB,cAAc,EAAE,2BAA2B;QAC3C,QAAQ,EAAE,iBAAiB;QAC3B,kBAAkB,EAAE,UAAU;QAC9B,IAAI,EAAE,YAAY;KACrB;IACD,OAAO,EAAE;QACL,SAAS,EAAE,4CAA4C;QACvD,YAAY,EAAE,oBAAoB;QAClC,YAAY,EAAE,iBAAiB;QAC/B,kBAAkB,EAAE,iBAAiB;QACrC,iBAAiB,EACb,mGAAmG;QACvG,YAAY,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACF,GAAG,EAAE,aAAa;QAClB,UAAU,EAAE,mDAAmD;KAClE;IACD,KAAK,EAAE;QACH,kBAAkB,EAAE,6DAA6D;QACjF,UAAU,EAAE,iBAAiB;QAC7B,YAAY,EAAE,0BAA0B;QACxC,aAAa,EAAE,mCAAmC;KACrD;IACD,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,mBAAmB;IAC/B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,MAAM;IAChB,cAAc,EAAE,4DAA4D;CAC/E,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,WAAW,EAAE,mBAAmB;IAChC,IAAI,EAAE,eAAe;IACrB,UAAU,EAAE,sBAAsB;IAClC,WAAW,EAAE,qBAAqB;IAClC,WAAW,EAAE,wCAAwC;IACrD,eAAe,EAAE,2CAA2C;IAC5D,KAAK,EAAE,kCAAkC;IACzC,cAAc,EAAE,2BAA2B;IAC3C,gBAAgB,EAAE,wCAAwC;IAC1D,WAAW,EAAE,4CAA4C;IACzD,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,QAAQ;IACnB,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,SAAS;IACrB,cAAc,EAAE,mEAAmE;CACtF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,eAAe,EAAE,YAAY;IAC7B,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,WAAW;IACrB,UAAU,EAAE,OAAO;IACnB,QAAQ,EAAE,WAAW;IACrB,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,gBAAgB;IAC/B,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,mCAAmC;IAChD,sBAAsB,EAAE,gEAAgE;IACxF,YAAY,EAAE,qCAAqC;IACnD,aAAa,EAAE,sCAAsC;IACrD,eAAe,EAAE,oCAAoC;IACrD,oBAAoB,EAAE,yCAAyC;IAC/D,aAAa,EAAE,mBAAmB;IAClC,aAAa,EAAE,kBAAkB;IACjC,iBAAiB,EAAE,yBAAyB;IAC5C,kBAAkB,EAAE,yBAAyB;IAC7C,WAAW,EAAE,cAAc;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,uBAAuB,EACnB,2EAA2E;CAClF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,SAAS,EAAE,YAAY;IACvB,gBAAgB,EAAE,oDAAoD;IACtE,YAAY,EAAE,mBAAmB;IAEjC,UAAU;IACV,gBAAgB,EAAE,8BAA8B;IAChD,eAAe,EACX,uKAAuK;IAE3K,aAAa;IACb,mBAAmB,EAAE,yDAAyD;IAC9E,kBAAkB,EACd,6GAA6G;IACjH,gBAAgB,EAAE,2BAA2B;IAE7C,UAAU;IACV,UAAU,EAAE,SAAS;IACrB,YAAY,EAAE,iBAAiB;IAC/B,aAAa,EAAE,4BAA4B;IAC3C,WAAW,EACP,8MAA8M;IAClN,aAAa,EAAE,yBAAyB;IAExC,QAAQ;IACR,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,gCAAgC;IAC3C,UAAU,EAAE,6DAA6D;IACzE,SAAS,EACL,mIAAmI;IACvI,qBAAqB,EAAE,qBAAqB;IAC5C,SAAS,EAAE,0BAA0B;IACrC,cAAc,EAAE,gCAAgC;IAChD,YAAY,EAAE,yCAAyC;IACvD,WAAW,EAAE,cAAc;IAC3B,kBAAkB,EACd,mFAAmF;IACvF,cAAc,EAAE,iCAAiC;IACjD,iBAAiB,EAAE,+BAA+B;IAClD,iBAAiB,EAAE,+BAA+B;IAClD,aAAa,EAAE,+BAA+B;IAC9C,qBAAqB,EAAE,2BAA2B;IAClD,aAAa,EAAE,sCAAsC;IACrD,aAAa,EAAE,iCAAiC;IAChD,YAAY,EACR,iHAAiH;IACrH,mBAAmB,EAAE,WAAW;IAChC,iBAAiB,EACb,gJAAgJ;IACpJ,eAAe,EAAE,6DAA6D;IAC9E,SAAS;IACT,kBAAkB,EAAE,wBAAwB;IAE5C,UAAU;IACV,UAAU,EAAE,SAAS;IACrB,YAAY,EAAE,mCAAmC;IACjD,WAAW,EACP,gJAAgJ;IACpJ,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAE,aAAa;IAE3B,MAAM;IACN,MAAM,EAAE,iBAAiB;IAEzB,SAAS;IACT,SAAS,EAAE,QAAQ;IAEnB,SAAS;IACT,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,MAAM;IACf,gBAAgB,EAAE,uBAAuB;IACzC,eAAe,EAAE,qFAAqF;CACzG,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,iBAAiB,EAAE,0EAA0E;IAC7F,kBAAkB,EAAE,uEAAuE;IAC3F,iBAAiB,EAAE,sEAAsE;IACzF,aAAa,EAAE,eAAe;IAC9B,YAAY,EACR,yFAAyF;IAC7F,EAAE,EAAE,gBAAgB;IACpB,SAAS,EAAE,qCAAqC;IAChD,QAAQ,EAAE,2BAA2B;IACrC,IAAI,EAAE,UAAU;IAChB,gBAAgB,EAAE,2BAA2B;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,UAAU,EAAE,eAAe;IAC3B,OAAO,EAAE,oBAAoB;IAC7B,WAAW,EAAE,4BAA4B;IACzC,eAAe,EAAE,kCAAkC;IACnD,gBAAgB,EAAE,kCAAkC;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,QAAQ,EAAE,aAAa;IACvB,aAAa,EACT,kHAAkH;CACzH,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,QAAQ,EAAE;QACN,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,WAAW;QACtB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,WAAW;QACtB,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,SAAS;KACvB;CACJ,CAAC"}
1
+ {"version":3,"file":"copy.js","sourceRoot":"","sources":["../../../src/constants/copy.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,aAAa,EAAE,sBAAsB;IACrC,mBAAmB,EAAE,2CAA2C;IAChE,SAAS,EAAE;QACP,MAAM,EAAE,gBAAgB;QACxB,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,aAAa;QACpB,iBAAiB,EAAE,aAAa;QAChC,KAAK,EAAE,aAAa;QACpB,cAAc,EAAE,2BAA2B;QAC3C,QAAQ,EAAE,iBAAiB;QAC3B,kBAAkB,EAAE,UAAU;QAC9B,IAAI,EAAE,YAAY;KACrB;IACD,OAAO,EAAE;QACL,SAAS,EAAE,4CAA4C;QACvD,YAAY,EAAE,oBAAoB;QAClC,YAAY,EAAE,iBAAiB;QAC/B,kBAAkB,EAAE,iBAAiB;QACrC,iBAAiB,EACb,mGAAmG;QACvG,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACF,GAAG,EAAE,aAAa;QAClB,UAAU,EAAE,mDAAmD;KAClE;IACD,KAAK,EAAE;QACH,kBAAkB,EAAE,6DAA6D;QACjF,UAAU,EAAE,iBAAiB;QAC7B,YAAY,EAAE,0BAA0B;QACxC,aAAa,EAAE,mCAAmC;KACrD;IACD,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,mBAAmB;IAC/B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,MAAM;IAChB,cAAc,EAAE,4DAA4D;CAC/E,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,WAAW,EAAE,mBAAmB;IAChC,IAAI,EAAE,eAAe;IACrB,UAAU,EAAE,sBAAsB;IAClC,WAAW,EAAE,qBAAqB;IAClC,WAAW,EAAE,wCAAwC;IACrD,eAAe,EAAE,2CAA2C;IAC5D,KAAK,EAAE,kCAAkC;IACzC,cAAc,EAAE,2BAA2B;IAC3C,gBAAgB,EAAE,wCAAwC;IAC1D,WAAW,EAAE,4CAA4C;IACzD,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,QAAQ;IACnB,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,SAAS;IACrB,cAAc,EAAE,mEAAmE;CACtF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,eAAe,EAAE,YAAY;IAC7B,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,WAAW;IACrB,UAAU,EAAE,OAAO;IACnB,QAAQ,EAAE,WAAW;IACrB,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,gBAAgB;IAC/B,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,mCAAmC;IAChD,sBAAsB,EAAE,gEAAgE;IACxF,YAAY,EAAE,qCAAqC;IACnD,aAAa,EAAE,sCAAsC;IACrD,eAAe,EAAE,oCAAoC;IACrD,oBAAoB,EAAE,yCAAyC;IAC/D,aAAa,EAAE,mBAAmB;IAClC,aAAa,EAAE,kBAAkB;IACjC,iBAAiB,EAAE,yBAAyB;IAC5C,kBAAkB,EAAE,yBAAyB;IAC7C,WAAW,EAAE,cAAc;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,uBAAuB,EACnB,2EAA2E;CAClF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,SAAS,EAAE,YAAY;IACvB,gBAAgB,EAAE,oDAAoD;IACtE,YAAY,EAAE,mBAAmB;IAEjC,UAAU;IACV,gBAAgB,EAAE,8BAA8B;IAChD,eAAe,EACX,uKAAuK;IAE3K,aAAa;IACb,mBAAmB,EAAE,yDAAyD;IAC9E,kBAAkB,EACd,6GAA6G;IACjH,gBAAgB,EAAE,2BAA2B;IAE7C,UAAU;IACV,UAAU,EAAE,SAAS;IACrB,YAAY,EAAE,iBAAiB;IAC/B,aAAa,EAAE,4BAA4B;IAC3C,WAAW,EACP,8MAA8M;IAClN,aAAa,EAAE,yBAAyB;IAExC,QAAQ;IACR,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,gCAAgC;IAC3C,UAAU,EAAE,6DAA6D;IACzE,SAAS,EACL,mIAAmI;IACvI,qBAAqB,EAAE,qBAAqB;IAC5C,SAAS,EAAE,0BAA0B;IACrC,cAAc,EAAE,gCAAgC;IAChD,YAAY,EAAE,yCAAyC;IACvD,WAAW,EAAE,cAAc;IAC3B,kBAAkB,EACd,mFAAmF;IACvF,cAAc,EAAE,iCAAiC;IACjD,iBAAiB,EAAE,+BAA+B;IAClD,iBAAiB,EAAE,+BAA+B;IAClD,aAAa,EAAE,+BAA+B;IAC9C,qBAAqB,EAAE,2BAA2B;IAClD,aAAa,EAAE,sCAAsC;IACrD,aAAa,EAAE,iCAAiC;IAChD,YAAY,EACR,iHAAiH;IACrH,mBAAmB,EAAE,WAAW;IAChC,iBAAiB,EACb,gJAAgJ;IACpJ,eAAe,EAAE,6DAA6D;IAC9E,SAAS;IACT,kBAAkB,EAAE,wBAAwB;IAE5C,UAAU;IACV,UAAU,EAAE,SAAS;IACrB,YAAY,EAAE,mCAAmC;IACjD,WAAW,EACP,gJAAgJ;IACpJ,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAE,aAAa;IAE3B,MAAM;IACN,MAAM,EAAE,iBAAiB;IAEzB,SAAS;IACT,SAAS,EAAE,QAAQ;IAEnB,SAAS;IACT,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,MAAM;IACf,gBAAgB,EAAE,uBAAuB;IACzC,eAAe,EAAE,qFAAqF;CACzG,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,iBAAiB,EAAE,0EAA0E;IAC7F,kBAAkB,EAAE,uEAAuE;IAC3F,iBAAiB,EAAE,sEAAsE;IACzF,aAAa,EAAE,eAAe;IAC9B,YAAY,EACR,yFAAyF;IAC7F,EAAE,EAAE,gBAAgB;IACpB,SAAS,EAAE,qCAAqC;IAChD,QAAQ,EAAE,2BAA2B;IACrC,IAAI,EAAE,UAAU;IAChB,gBAAgB,EAAE,2BAA2B;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,UAAU,EAAE,eAAe;IAC3B,OAAO,EAAE,oBAAoB;IAC7B,WAAW,EAAE,4BAA4B;IACzC,eAAe,EAAE,kCAAkC;IACnD,gBAAgB,EAAE,kCAAkC;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,QAAQ,EAAE,aAAa;IACvB,aAAa,EACT,kHAAkH;CACzH,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,QAAQ,EAAE;QACN,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,WAAW;QACtB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,WAAW;QACtB,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,SAAS;KACvB;CACJ,CAAC"}
@@ -60,7 +60,7 @@ import LogViewer from './components/log-viewer/LogViewer';
60
60
  import StoryPreviewer from './components/story-previewer/StoryPreviewer';
61
61
  import { IStaticComposition } from './constants/compositions';
62
62
  import { ShortcutMenu } from './components/shortcut-menu/ShortcutMenu';
63
- import { ASSET_TYPES } from './constants/assets';
63
+ import { ASSET_TYPES, HEADER_HEIGHT } from './constants/assets';
64
64
  import Portal from './components/portal/Portal';
65
65
  import AssetDetails from './components/asset-details/AssetDetails';
66
66
  import AnchorField from './components/anchor-field/AnchorField';
@@ -92,4 +92,5 @@ import StorageService from './services/Storage';
92
92
  import Timer from './services/Timer';
93
93
  import { getFirstStoryInOrg, string2HexCode, toFixed, padStart, parameterizeServiceUrl, scrapeEmail, fitToContainer, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, formatDateDefault, validateAccessLevel, formattedTime } from './Util';
94
94
  import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
95
- 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 };
95
+ import { getMediaPreviewStyle } from './utils/assets';
96
+ 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 CHANGED
@@ -62,7 +62,7 @@ import ImageSequencePlayer from './components/players/ImageSequencePlayer';
62
62
  import LogViewer from './components/log-viewer/LogViewer';
63
63
  import StoryPreviewer from './components/story-previewer/StoryPreviewer';
64
64
  import { ShortcutMenu } from './components/shortcut-menu/ShortcutMenu';
65
- import { ASSET_TYPES } from './constants/assets';
65
+ import { ASSET_TYPES, HEADER_HEIGHT } from './constants/assets';
66
66
  import Portal from './components/portal/Portal';
67
67
  import AssetDetails from './components/asset-details/AssetDetails';
68
68
  import AnchorField from './components/anchor-field/AnchorField';
@@ -103,5 +103,6 @@ import Timer from './services/Timer';
103
103
  */
104
104
  import { getFirstStoryInOrg, string2HexCode, toFixed, padStart, parameterizeServiceUrl, scrapeEmail, fitToContainer, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, formatDateDefault, validateAccessLevel, formattedTime } from './Util';
105
105
  import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
106
- 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 };
106
+ import { getMediaPreviewStyle } from './utils/assets';
107
+ 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 };
107
108
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import { CSSProperties } from 'react';
2
+ export declare const getMediaPreviewStyle: (mediaWidth: number, mediaHeight: number, ref: any) => CSSProperties;
@@ -0,0 +1,41 @@
1
+ import { HEADER_HEIGHT, PREVIEW_MAX_HEIGHT, PREVIEW_MAX_WIDTH } from '../constants/assets';
2
+ export const getMediaPreviewStyle = (mediaWidth, mediaHeight, ref) => {
3
+ if (!ref.current) {
4
+ return;
5
+ }
6
+ if (!mediaWidth) {
7
+ mediaWidth = PREVIEW_MAX_WIDTH;
8
+ }
9
+ if (!mediaHeight) {
10
+ mediaHeight = PREVIEW_MAX_HEIGHT;
11
+ }
12
+ const icon = ref.current;
13
+ const iconRect = icon.getBoundingClientRect();
14
+ const aspect = mediaWidth / mediaHeight;
15
+ let width = PREVIEW_MAX_WIDTH;
16
+ let height = width / aspect;
17
+ if (height > PREVIEW_MAX_HEIGHT) {
18
+ height = PREVIEW_MAX_HEIGHT;
19
+ width = height * aspect;
20
+ }
21
+ // try top left
22
+ let left = iconRect.x + iconRect.width - width - 15;
23
+ let top = iconRect.y + iconRect.height - height - 20;
24
+ // if the preview is off on the left, switch to the right of the icon
25
+ if (left < 0) {
26
+ left = iconRect.x;
27
+ }
28
+ // if the preview is off on the top, switch to bottom of the icon
29
+ if (top < HEADER_HEIGHT) {
30
+ top = iconRect.y + 20;
31
+ }
32
+ return {
33
+ top,
34
+ left,
35
+ width,
36
+ height,
37
+ position: 'absolute',
38
+ zIndex: 9000
39
+ };
40
+ };
41
+ //# sourceMappingURL=assets.js.map
@@ -0,0 +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,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"}
@@ -0,0 +1,2 @@
1
+ export declare const localStorageLoad: (key: any) => any;
2
+ export declare const localStorageSave: (key: any, data: any) => void;
@@ -0,0 +1,22 @@
1
+ export const localStorageLoad = (key) => {
2
+ try {
3
+ const serializedState = localStorage.getItem(key);
4
+ if (serializedState === null) {
5
+ return null;
6
+ }
7
+ return JSON.parse(serializedState);
8
+ }
9
+ catch (err) {
10
+ return null;
11
+ }
12
+ };
13
+ export const localStorageSave = (key, data) => {
14
+ try {
15
+ const serializedState = JSON.stringify(data);
16
+ localStorage.setItem(key, serializedState);
17
+ }
18
+ catch (e) {
19
+ console.error('Failed to save to local storage:', e);
20
+ }
21
+ };
22
+ //# sourceMappingURL=general.js.map
@@ -0,0 +1 @@
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 CHANGED
@@ -439,6 +439,7 @@ body{
439
439
  .asset-preview-background{
440
440
  border:1px solid @backgroundDark;
441
441
  background-color: @background;
442
+
442
443
  &.transparent{
443
444
  .chess;
444
445
  }
@@ -193,6 +193,7 @@
193
193
  .asset-preview-background{
194
194
  border:1px solid @backgroundDark;
195
195
  background-color: @background;
196
+
196
197
  &.transparent{
197
198
  .chess;
198
199
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@imposium-hub/components",
3
- "version": "1.51.4",
3
+ "version": "1.51.6",
4
4
  "description": "React & Typescript component / asset library for Imposium front-ends",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -1,8 +1,11 @@
1
1
  import * as React from 'react';
2
- import { ASSET_TYPES, VideoPreview, AssetsTypeIcon, ImagePreview } from '../../index';
3
- export const PREVIEW_MAX_WIDTH: number = 400;
4
- export const PREVIEW_MAX_HEIGHT: number = 400;
5
- export const HEADER_HEIGHT: number = 30;
2
+ import {
3
+ ASSET_TYPES,
4
+ VideoPreview,
5
+ AssetsTypeIcon,
6
+ ImagePreview,
7
+ getMediaPreviewStyle
8
+ } from '../../index';
6
9
 
7
10
  interface IAssetsTablePreviewCell {
8
11
  cell: any;
@@ -39,49 +42,6 @@ class AssetsTablePreviewCell extends React.PureComponent<IAssetsTablePreviewCell
39
42
  }
40
43
 
41
44
  public render() {
42
- const getMediaPreviewStyle = (mediaWidth: number, mediaHeight: number) => {
43
- if (!this.iconRef.current) {
44
- return;
45
- }
46
- if (!mediaWidth) {
47
- mediaWidth = PREVIEW_MAX_WIDTH;
48
- }
49
- if (!mediaHeight) {
50
- mediaHeight = PREVIEW_MAX_HEIGHT;
51
- }
52
- const icon = this.iconRef.current;
53
- const iconRect = icon.getBoundingClientRect();
54
- const aspect: number = mediaWidth / mediaHeight;
55
- let width: number = PREVIEW_MAX_WIDTH;
56
- let height: number = width / aspect;
57
-
58
- if (height > PREVIEW_MAX_HEIGHT) {
59
- height = PREVIEW_MAX_HEIGHT;
60
- width = height * aspect;
61
- }
62
-
63
- // try top left
64
- let left = iconRect.x + iconRect.width - width;
65
- let top = iconRect.y + iconRect.height - height - 20;
66
- // if the preview is off on the left, switch to the right of the icon
67
- if (left < 0) {
68
- left = iconRect.x;
69
- }
70
- // if the preview is off on the top, switch to bottom of the icon
71
- if (top < HEADER_HEIGHT) {
72
- top = iconRect.y + 20;
73
- }
74
-
75
- return {
76
- top,
77
- left,
78
- width,
79
- height,
80
- position: 'absolute',
81
- zIndex: 9000
82
- } as React.CSSProperties;
83
- };
84
-
85
45
  const { cell, showMedia } = this.props;
86
46
  const playbackSettings = {
87
47
  autoPlay: true,
@@ -99,7 +59,8 @@ class AssetsTablePreviewCell extends React.PureComponent<IAssetsTablePreviewCell
99
59
  style={{
100
60
  ...getMediaPreviewStyle(
101
61
  cell.row.original.width,
102
- cell.row.original.height
62
+ cell.row.original.height,
63
+ this.iconRef
103
64
  )
104
65
  }}
105
66
  showMedia={showMedia}
@@ -112,7 +73,8 @@ class AssetsTablePreviewCell extends React.PureComponent<IAssetsTablePreviewCell
112
73
  playbackSettings={playbackSettings}
113
74
  style={getMediaPreviewStyle(
114
75
  cell.row.original.width,
115
- cell.row.original.height
76
+ cell.row.original.height,
77
+ this.iconRef
116
78
  )}
117
79
  showMedia={showMedia}
118
80
  url={cell.row.original.url}
@@ -9,7 +9,6 @@ import {
9
9
  } from '../../redux/actions/asset-uploads';
10
10
  import { bindActionCreators } from 'redux';
11
11
  import { connect } from 'react-redux';
12
- import { ICON_TIMES } from '../../constants/icons';
13
12
  import Button from '../button/Button';
14
13
  import { IImposiumAPI } from '../../services/API';
15
14
 
@@ -49,8 +48,9 @@ class AssetsUploadMenu extends React.PureComponent<IAssetsUploadMenuProps> {
49
48
  <Button
50
49
  key='btn-cancel'
51
50
  onClick={() => this.handleCancelAssetUpload(filename)}
52
- style='subtle'>
53
- {ICON_TIMES}
51
+ style='subtle'
52
+ size='small'>
53
+ {copy.uploads.cancelButton}
54
54
  </Button>
55
55
  );
56
56
 
@@ -8,7 +8,7 @@ interface IImagePreviewProps {
8
8
  url: string;
9
9
  playbackSettings?: any;
10
10
  style?: React.CSSProperties | any;
11
- onRequestClose?(e): void;
11
+ onRequestClose?(): void;
12
12
  }
13
13
 
14
14
  interface IImagePreviewState {
@@ -33,14 +33,13 @@ class ImagePreview extends React.PureComponent<IImagePreviewProps, IImagePreview
33
33
 
34
34
  private onClose(e) {
35
35
  const { onRequestClose } = this.props;
36
-
37
- onRequestClose(e);
36
+ e.stopPropagation();
37
+ onRequestClose();
38
38
  }
39
39
 
40
40
  public render() {
41
41
  const { showMedia, url, style } = this.props;
42
42
  const { loaded } = this.state;
43
-
44
43
  if (showMedia) {
45
44
  return (
46
45
  <Portal id='portal-root'>
@@ -60,7 +59,9 @@ class ImagePreview extends React.PureComponent<IImagePreviewProps, IImagePreview
60
59
  onLoad={() => this.setState({ loaded: true })}
61
60
  src={url}
62
61
  ref={this.imageNode}
63
- className={`media-preview ${!loaded ? 'hidden' : ''}`}
62
+ className={`asset-preview-background media-preview ${
63
+ !loaded ? 'hidden' : ''
64
+ }`}
64
65
  style={style}
65
66
  />
66
67
  </Portal>
@@ -9,7 +9,7 @@ interface IVideoPreviewProps {
9
9
  url: string;
10
10
  playbackSettings?: any;
11
11
  style?: React.CSSProperties | any;
12
- onRequestClose?(e): void;
12
+ onRequestClose?(): void;
13
13
  }
14
14
 
15
15
  class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
@@ -27,8 +27,8 @@ class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
27
27
 
28
28
  private onClose(e) {
29
29
  const { onRequestClose } = this.props;
30
-
31
- onRequestClose(e);
30
+ e.stopPropagation();
31
+ onRequestClose();
32
32
  }
33
33
 
34
34
  public render() {
@@ -58,7 +58,7 @@ class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
58
58
  preload='preload'
59
59
  playsInline
60
60
  src={url}
61
- className='asset-preview-background'
61
+ className='asset-preview-background media-preview'
62
62
  />
63
63
  </Portal>
64
64
  );
@@ -23,3 +23,9 @@ export const ASSET_COLORS = {
23
23
  [ASSET_TYPES.VIDEO_COMPOSITION]: 'rgba(215, 22, 22, 1)',
24
24
  [ASSET_TYPES.IMAGE_SEQUENCE]: 'rgba(241,191,21, 1)'
25
25
  };
26
+
27
+ export const PREVIEW_MAX_WIDTH: number = 400;
28
+
29
+ export const PREVIEW_MAX_HEIGHT: number = 400;
30
+
31
+ export const HEADER_HEIGHT: number = 30;
@@ -21,7 +21,8 @@ export const assets = {
21
21
  assignToStoryInput: 'Assign to Story',
22
22
  assignToStoryInfo:
23
23
  'If selected, any assets uploaded will only be available to use with the currently selected story.',
24
- uploadButton: 'Upload'
24
+ uploadButton: 'Upload',
25
+ cancelButton: 'Cancel'
25
26
  },
26
27
  tags: {
27
28
  add: 'Add new tag',
package/src/index.ts CHANGED
@@ -63,7 +63,7 @@ import LogViewer from './components/log-viewer/LogViewer';
63
63
  import StoryPreviewer from './components/story-previewer/StoryPreviewer';
64
64
  import { IStaticComposition } from './constants/compositions';
65
65
  import { ShortcutMenu } from './components/shortcut-menu/ShortcutMenu';
66
- import { ASSET_TYPES } from './constants/assets';
66
+ import { ASSET_TYPES, HEADER_HEIGHT } from './constants/assets';
67
67
  import Portal from './components/portal/Portal';
68
68
  import AssetDetails from './components/asset-details/AssetDetails';
69
69
  import AnchorField from './components/anchor-field/AnchorField';
@@ -138,6 +138,7 @@ import {
138
138
  formattedTime
139
139
  } from './Util';
140
140
  import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
141
+ import { getMediaPreviewStyle } from './utils/assets';
141
142
 
142
143
  export {
143
144
  AppWrapper,
@@ -267,5 +268,7 @@ export {
267
268
  getStoryPublishStatus,
268
269
  PublishStatusIndicator,
269
270
  AnchorField,
270
- SMPTEField
271
+ SMPTEField,
272
+ getMediaPreviewStyle,
273
+ HEADER_HEIGHT
271
274
  };
@@ -0,0 +1,49 @@
1
+ import { HEADER_HEIGHT, PREVIEW_MAX_HEIGHT, PREVIEW_MAX_WIDTH } from '../constants/assets';
2
+ import { CSSProperties } from 'react';
3
+
4
+ export const getMediaPreviewStyle = (
5
+ mediaWidth: number,
6
+ mediaHeight: number,
7
+ ref: any
8
+ ): CSSProperties => {
9
+ if (!ref.current) {
10
+ return;
11
+ }
12
+ if (!mediaWidth) {
13
+ mediaWidth = PREVIEW_MAX_WIDTH;
14
+ }
15
+ if (!mediaHeight) {
16
+ mediaHeight = PREVIEW_MAX_HEIGHT;
17
+ }
18
+ const icon = ref.current;
19
+ const iconRect = icon.getBoundingClientRect();
20
+ const aspect: number = mediaWidth / mediaHeight;
21
+ let width: number = PREVIEW_MAX_WIDTH;
22
+ let height: number = width / aspect;
23
+
24
+ if (height > PREVIEW_MAX_HEIGHT) {
25
+ height = PREVIEW_MAX_HEIGHT;
26
+ width = height * aspect;
27
+ }
28
+
29
+ // try top left
30
+ let left = iconRect.x + iconRect.width - width - 15;
31
+ let top = iconRect.y + iconRect.height - height - 20;
32
+ // if the preview is off on the left, switch to the right of the icon
33
+ if (left < 0) {
34
+ left = iconRect.x;
35
+ }
36
+ // if the preview is off on the top, switch to bottom of the icon
37
+ if (top < HEADER_HEIGHT) {
38
+ top = iconRect.y + 20;
39
+ }
40
+
41
+ return {
42
+ top,
43
+ left,
44
+ width,
45
+ height,
46
+ position: 'absolute',
47
+ zIndex: 9000
48
+ };
49
+ };