@imposium-hub/components 1.62.7 → 1.63.0
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/assets/AssetsTablePreviewCell.js +2 -1
- package/dist/cjs/components/assets/AssetsTablePreviewCell.js.map +1 -1
- package/dist/cjs/components/players/AudioPreview.d.ts +16 -0
- package/dist/cjs/components/players/AudioPreview.js +91 -0
- package/dist/cjs/components/players/AudioPreview.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +5 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/assets/AssetsTablePreviewCell.js +3 -2
- package/dist/esm/components/assets/AssetsTablePreviewCell.js.map +1 -1
- package/dist/esm/components/players/AudioPreview.d.ts +16 -0
- package/dist/esm/components/players/AudioPreview.js +35 -0
- package/dist/esm/components/players/AudioPreview.js.map +1 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/assets/AssetsTablePreviewCell.tsx +11 -1
- package/src/components/players/AudioPreview.tsx +68 -0
- package/src/index.ts +2 -0
|
@@ -83,7 +83,8 @@ var AssetsTablePreviewCell = /** @class */ (function (_super) {
|
|
|
83
83
|
return (React.createElement("div", { ref: this.iconRef, className: 'asset-type-cell', onClick: this.evtHandlers.onClick },
|
|
84
84
|
React.createElement(index_1.AssetsTypeIcon, { type: cell.row.values.type }),
|
|
85
85
|
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 })),
|
|
86
|
-
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 }))
|
|
86
|
+
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 })),
|
|
87
|
+
cell.row.values.type === index_1.ASSET_TYPES.AUDIO && (React.createElement(index_1.AudioPreview, { playbackSettings: playbackSettings, style: (0, index_1.getMediaPreviewStyle)(5, 1, this.iconRef), showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose }))));
|
|
87
88
|
};
|
|
88
89
|
return AssetsTablePreviewCell;
|
|
89
90
|
}(React.PureComponent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetsTablePreviewCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTablePreviewCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"AssetsTablePreviewCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTablePreviewCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,qCAOqB;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;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,EAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,EAC/C,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,AA/ED,CAAqC,KAAK,CAAC,aAAa,GA+EvD;AAED,IAAM,8BAA8B,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;AAC1E,kBAAe,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface IVideoPreviewProps {
|
|
3
|
+
showMedia: boolean;
|
|
4
|
+
url: string;
|
|
5
|
+
playbackSettings?: any;
|
|
6
|
+
style?: React.CSSProperties | any;
|
|
7
|
+
onRequestClose?(): void;
|
|
8
|
+
}
|
|
9
|
+
declare class AudioPreview extends React.PureComponent<IVideoPreviewProps> {
|
|
10
|
+
private audioNode;
|
|
11
|
+
private evtHandlers;
|
|
12
|
+
constructor(props: any);
|
|
13
|
+
private onClose;
|
|
14
|
+
render(): JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
export default AudioPreview;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __assign = (this && this.__assign) || function () {
|
|
18
|
+
__assign = Object.assign || function(t) {
|
|
19
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
+
s = arguments[i];
|
|
21
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
22
|
+
t[p] = s[p];
|
|
23
|
+
}
|
|
24
|
+
return t;
|
|
25
|
+
};
|
|
26
|
+
return __assign.apply(this, arguments);
|
|
27
|
+
};
|
|
28
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
29
|
+
if (k2 === undefined) k2 = k;
|
|
30
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
31
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
32
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
33
|
+
}
|
|
34
|
+
Object.defineProperty(o, k2, desc);
|
|
35
|
+
}) : (function(o, m, k, k2) {
|
|
36
|
+
if (k2 === undefined) k2 = k;
|
|
37
|
+
o[k2] = m[k];
|
|
38
|
+
}));
|
|
39
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
40
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
41
|
+
}) : function(o, v) {
|
|
42
|
+
o["default"] = v;
|
|
43
|
+
});
|
|
44
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
45
|
+
if (mod && mod.__esModule) return mod;
|
|
46
|
+
var result = {};
|
|
47
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
48
|
+
__setModuleDefault(result, mod);
|
|
49
|
+
return result;
|
|
50
|
+
};
|
|
51
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
+
};
|
|
54
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
55
|
+
var React = __importStar(require("react"));
|
|
56
|
+
var Portal_1 = __importDefault(require("../portal/Portal"));
|
|
57
|
+
var Button_1 = __importDefault(require("../button/Button"));
|
|
58
|
+
var copy_1 = require("../../constants/copy");
|
|
59
|
+
var icons_1 = require("../../constants/icons");
|
|
60
|
+
var AudioPreview = /** @class */ (function (_super) {
|
|
61
|
+
__extends(AudioPreview, _super);
|
|
62
|
+
function AudioPreview(props) {
|
|
63
|
+
var _this = _super.call(this, props) || this;
|
|
64
|
+
_this.audioNode = null;
|
|
65
|
+
_this.audioNode = React.createRef();
|
|
66
|
+
_this.evtHandlers = {
|
|
67
|
+
onClose: function (e) { return _this.onClose(e); }
|
|
68
|
+
};
|
|
69
|
+
return _this;
|
|
70
|
+
}
|
|
71
|
+
AudioPreview.prototype.onClose = function (e) {
|
|
72
|
+
var onRequestClose = this.props.onRequestClose;
|
|
73
|
+
e.stopPropagation();
|
|
74
|
+
onRequestClose();
|
|
75
|
+
};
|
|
76
|
+
AudioPreview.prototype.render = function () {
|
|
77
|
+
var _a = this.props, showMedia = _a.showMedia, url = _a.url, playbackSettings = _a.playbackSettings, style = _a.style;
|
|
78
|
+
if (showMedia) {
|
|
79
|
+
return (React.createElement(Portal_1.default, { id: 'portal-root' },
|
|
80
|
+
React.createElement("div", { style: __assign({}, style), className: 'close-icon-preview' },
|
|
81
|
+
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)),
|
|
82
|
+
React.createElement("audio", { style: style, ref: this.audioNode, autoPlay: playbackSettings.autoPlay, loop: playbackSettings.loop, controls: true, src: url, className: 'asset-preview-background media-preview' })));
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
return null;
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
return AudioPreview;
|
|
89
|
+
}(React.PureComponent));
|
|
90
|
+
exports.default = AudioPreview;
|
|
91
|
+
//# sourceMappingURL=AudioPreview.js.map
|
|
@@ -0,0 +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;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,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAC3B,QAAQ,QACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,wCAAwC,GACpD,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,mBAAC;AAAD,CAAC,AAnDD,CAA2B,KAAK,CAAC,aAAa,GAmD7C;AAED,kBAAe,YAAY,CAAC"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -95,4 +95,5 @@ import PublishStatusIndicator from './components/publish-wizard/publish/PublishS
|
|
|
95
95
|
import { getMediaPreviewStyle } from './utils/assets';
|
|
96
96
|
import AdvancedNumberField from './components/advanced-number-field/AdvancedNumberField';
|
|
97
97
|
import FontPicker from './components/font-picker/FontPicker';
|
|
98
|
-
|
|
98
|
+
import AudioPreview from './components/players/AudioPreview';
|
|
99
|
+
export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, 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, AudioPreview, 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, getSMPTE, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, deleteAssetsTags, updateAssetStory, FontPicker, cancelAssetUpload };
|
package/dist/cjs/index.js
CHANGED
|
@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
7
|
-
exports.
|
|
8
|
-
exports.cancelAssetUpload = exports.FontPicker = exports.updateAssetStory = exports.deleteAssetsTags = exports.decoupleAssets = 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.getSMPTE = 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 = exports.LegacyAPI = void 0;
|
|
6
|
+
exports.AssetsTableSelectCell = exports.AssetsTableSelectFilter = exports.AssetsTablePreviewCell = exports.AssetsTableDropzone = exports.AssetsTableDateCell = exports.AssetsTypeIcon = exports.ImageSequencePlayer = exports.AudioPreview = 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.AdvancedNumberField = 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;
|
|
7
|
+
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 = exports.AssetsTableTypeCell = exports.AssetsTableTypeFilter = void 0;
|
|
8
|
+
exports.cancelAssetUpload = exports.FontPicker = exports.updateAssetStory = exports.deleteAssetsTags = exports.decoupleAssets = 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.getSMPTE = 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 = exports.LegacyAPI = exports.API = void 0;
|
|
9
9
|
/*
|
|
10
10
|
React Components
|
|
11
11
|
*/
|
|
@@ -246,4 +246,6 @@ var AdvancedNumberField_1 = __importDefault(require("./components/advanced-numbe
|
|
|
246
246
|
exports.AdvancedNumberField = AdvancedNumberField_1.default;
|
|
247
247
|
var FontPicker_1 = __importDefault(require("./components/font-picker/FontPicker"));
|
|
248
248
|
exports.FontPicker = FontPicker_1.default;
|
|
249
|
+
var AudioPreview_1 = __importDefault(require("./components/players/AudioPreview"));
|
|
250
|
+
exports.AudioPreview = AudioPreview_1.default;
|
|
249
251
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA;;GAEG;AACH,mFAA6D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ASSET_TYPES, VideoPreview, AssetsTypeIcon, ImagePreview, getMediaPreviewStyle } from '../../index';
|
|
2
|
+
import { ASSET_TYPES, VideoPreview, AssetsTypeIcon, ImagePreview, getMediaPreviewStyle, AudioPreview } from '../../index';
|
|
3
3
|
class AssetsTablePreviewCell extends React.PureComponent {
|
|
4
4
|
iconRef = React.createRef();
|
|
5
5
|
evtHandlers;
|
|
@@ -33,7 +33,8 @@ class AssetsTablePreviewCell extends React.PureComponent {
|
|
|
33
33
|
cell.row.values.type === ASSET_TYPES.IMAGE && (React.createElement(ImagePreview, { style: {
|
|
34
34
|
...getMediaPreviewStyle(cell.row.original.width, cell.row.original.height, this.iconRef)
|
|
35
35
|
}, showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose })),
|
|
36
|
-
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 }))
|
|
36
|
+
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 })),
|
|
37
|
+
cell.row.values.type === ASSET_TYPES.AUDIO && (React.createElement(AudioPreview, { playbackSettings: playbackSettings, style: getMediaPreviewStyle(5, 1, this.iconRef), showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose }))));
|
|
37
38
|
}
|
|
38
39
|
}
|
|
39
40
|
const AssetsTablePreviewCellMemoized = React.memo(AssetsTablePreviewCell);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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,
|
|
1
|
+
{"version":3,"file":"AssetsTablePreviewCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTablePreviewCell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface IVideoPreviewProps {
|
|
3
|
+
showMedia: boolean;
|
|
4
|
+
url: string;
|
|
5
|
+
playbackSettings?: any;
|
|
6
|
+
style?: React.CSSProperties | any;
|
|
7
|
+
onRequestClose?(): void;
|
|
8
|
+
}
|
|
9
|
+
declare class AudioPreview extends React.PureComponent<IVideoPreviewProps> {
|
|
10
|
+
private audioNode;
|
|
11
|
+
private evtHandlers;
|
|
12
|
+
constructor(props: any);
|
|
13
|
+
private onClose;
|
|
14
|
+
render(): JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
export default AudioPreview;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import Portal from '../portal/Portal';
|
|
3
|
+
import Button from '../button/Button';
|
|
4
|
+
import { assets as copy } from '../../constants/copy';
|
|
5
|
+
import { ICON_TIMES } from '../../constants/icons';
|
|
6
|
+
class AudioPreview extends React.PureComponent {
|
|
7
|
+
audioNode = null;
|
|
8
|
+
evtHandlers;
|
|
9
|
+
constructor(props) {
|
|
10
|
+
super(props);
|
|
11
|
+
this.audioNode = React.createRef();
|
|
12
|
+
this.evtHandlers = {
|
|
13
|
+
onClose: (e) => this.onClose(e)
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
onClose(e) {
|
|
17
|
+
const { onRequestClose } = this.props;
|
|
18
|
+
e.stopPropagation();
|
|
19
|
+
onRequestClose();
|
|
20
|
+
}
|
|
21
|
+
render() {
|
|
22
|
+
const { showMedia, url, playbackSettings, style } = this.props;
|
|
23
|
+
if (showMedia) {
|
|
24
|
+
return (React.createElement(Portal, { id: 'portal-root' },
|
|
25
|
+
React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
|
|
26
|
+
React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
|
|
27
|
+
React.createElement("audio", { style: style, ref: this.audioNode, autoPlay: playbackSettings.autoPlay, loop: playbackSettings.loop, controls: true, src: url, className: 'asset-preview-background media-preview' })));
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
export default AudioPreview;
|
|
35
|
+
//# sourceMappingURL=AudioPreview.js.map
|
|
@@ -0,0 +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;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,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAC3B,QAAQ,QACR,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/index.d.ts
CHANGED
|
@@ -95,4 +95,5 @@ import PublishStatusIndicator from './components/publish-wizard/publish/PublishS
|
|
|
95
95
|
import { getMediaPreviewStyle } from './utils/assets';
|
|
96
96
|
import AdvancedNumberField from './components/advanced-number-field/AdvancedNumberField';
|
|
97
97
|
import FontPicker from './components/font-picker/FontPicker';
|
|
98
|
-
|
|
98
|
+
import AudioPreview from './components/players/AudioPreview';
|
|
99
|
+
export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, 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, AudioPreview, 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, getSMPTE, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, deleteAssetsTags, updateAssetStory, FontPicker, cancelAssetUpload };
|
package/dist/esm/index.js
CHANGED
|
@@ -106,5 +106,6 @@ import PublishStatusIndicator from './components/publish-wizard/publish/PublishS
|
|
|
106
106
|
import { getMediaPreviewStyle } from './utils/assets';
|
|
107
107
|
import AdvancedNumberField from './components/advanced-number-field/AdvancedNumberField';
|
|
108
108
|
import FontPicker from './components/font-picker/FontPicker';
|
|
109
|
-
|
|
109
|
+
import AudioPreview from './components/players/AudioPreview';
|
|
110
|
+
export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, NumberField, SelectField, ColorField, Tabs, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, AudioPreview, 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, getSMPTE, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, deleteAssetsTags, updateAssetStory, FontPicker, cancelAssetUpload };
|
|
110
111
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -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":"AAAA;;GAEG;AACH,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,cAAc,MAAM,6CAA6C,CAAC;AACzE,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,kBAAkB,MAAM,4CAA4C,CAAC;AAC5E,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAC7C,OAAO,IAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,aAAa,MAAM,2CAA2C,CAAC;AACtE,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,gBAAgB,MAAM,kDAAkD,CAAC;AAChF,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,aAAa,MAAM,4CAA4C,CAAC;AACvE,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,GAAG,MAAM,sBAAsB,CAAC;AACvC,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAC9C,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAC;AACtF,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAC1E,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,uBAAuB,MAAM,6CAA6C,CAAC;AAClF,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAC1E,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAC1E,OAAO,qBAAqB,MAAM,2CAA2C,CAAC;AAC9E,OAAO,qBAAqB,MAAM,2CAA2C,CAAC;AAC9E,OAAO,uBAAuB,MAAM,6CAA6C,CAAC;AAClF,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAC1E,OAAO,qBAAqB,MAAM,2CAA2C,CAAC;AAC9E,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAC5E,OAAO,yBAAyB,MAAM,+CAA+C,CAAC;AACtF,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAC1E,OAAO,qBAAqB,MAAM,2CAA2C,CAAC;AAC9E,OAAO,qBAAqB,MAAM,2CAA2C,CAAC;AAC9E,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,WAAW,MAAM,kCAAkC,CAAC;AAC3D,OAAO,WAAW,MAAM,kCAAkC,CAAC;AAC3D,OAAO,WAAW,MAAM,kCAAkC,CAAC;AAC3D,OAAO,YAAY,MAAM,mCAAmC,CAAC;AAC7D,OAAO,YAAY,MAAM,mCAAmC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,0CAA0C,CAAC;AAC3E,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D;;GAEG;AACH,OAAO,IAAI,MAAM,uBAAuB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EACH,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACxB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACH,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,YAAY,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EACH,SAAS,EACT,YAAY,EACZ,WAAW,EACX,cAAc,EACd,eAAe,EACf,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,WAAW,MAAM,+BAA+B,CAAC;AACxD,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD;;GAEG;AACH,OAAO,WAA0B,MAAM,kBAAkB,CAAC;AAC1D,OAAO,cAA+B,MAAM,oBAAoB,CAAC;AACjE,OAAO,GAAqB,MAAM,gBAAgB,CAAC;AACnD,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,kBAAkB,CAAC;AAErC;;GAEG;AACH,OAAO,EACH,kBAAkB,EAClB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,sBAAsB,EACtB,WAAW,EACX,cAAc,EACd,aAAa,EACb,yBAAyB,EACzB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACX,MAAM,QAAQ,CAAC;AAChB,OAAO,sBAAsB,MAAM,4DAA4D,CAAC;AAChG,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,mBAAmB,MAAM,wDAAwD,CAAC;AACzF,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,YAAY,MAAM,mCAAmC,CAAC;AAE7D,OAAO,EACH,UAAU,EACV,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,KAAK,EACL,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,UAAU,EACV,IAAI,EAEJ,GAAG,EACH,SAAS,EACT,aAAa,EACb,YAAY,EACZ,WAAW,EACX,OAAO,EACP,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,cAAc,EACd,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,mBAAmB,EAEnB,IAAI,EACJ,KAAK,EACL,eAAe,EACf,MAAM,EACN,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,SAAS,EACT,YAAY,EACZ,WAAW,EACX,cAAc,EACd,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EAEX,cAAc,EAEd,GAAG,EAEH,SAAS,EACT,cAAc,EACd,KAAK,EACL,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,cAAc,EACd,aAAa,EACb,aAAa,EACb,yBAAyB,EACzB,qBAAqB,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,OAAO,EACP,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACpB,CAAC"}
|
package/package.json
CHANGED
|
@@ -4,7 +4,8 @@ import {
|
|
|
4
4
|
VideoPreview,
|
|
5
5
|
AssetsTypeIcon,
|
|
6
6
|
ImagePreview,
|
|
7
|
-
getMediaPreviewStyle
|
|
7
|
+
getMediaPreviewStyle,
|
|
8
|
+
AudioPreview
|
|
8
9
|
} from '../../index';
|
|
9
10
|
|
|
10
11
|
interface IAssetsTablePreviewCell {
|
|
@@ -81,6 +82,15 @@ class AssetsTablePreviewCell extends React.PureComponent<IAssetsTablePreviewCell
|
|
|
81
82
|
onRequestClose={this.evtHandlers.onClose}
|
|
82
83
|
/>
|
|
83
84
|
)}
|
|
85
|
+
{cell.row.values.type === ASSET_TYPES.AUDIO && (
|
|
86
|
+
<AudioPreview
|
|
87
|
+
playbackSettings={playbackSettings}
|
|
88
|
+
style={getMediaPreviewStyle(5, 1, this.iconRef)}
|
|
89
|
+
showMedia={showMedia}
|
|
90
|
+
url={cell.row.original.url}
|
|
91
|
+
onRequestClose={this.evtHandlers.onClose}
|
|
92
|
+
/>
|
|
93
|
+
)}
|
|
84
94
|
</div>
|
|
85
95
|
);
|
|
86
96
|
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import Portal from '../portal/Portal';
|
|
3
|
+
import Button from '../button/Button';
|
|
4
|
+
import { assets as copy } from '../../constants/copy';
|
|
5
|
+
import { ICON_TIMES } from '../../constants/icons';
|
|
6
|
+
|
|
7
|
+
interface IVideoPreviewProps {
|
|
8
|
+
showMedia: boolean;
|
|
9
|
+
url: string;
|
|
10
|
+
playbackSettings?: any;
|
|
11
|
+
style?: React.CSSProperties | any;
|
|
12
|
+
onRequestClose?(): void;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
class AudioPreview extends React.PureComponent<IVideoPreviewProps> {
|
|
16
|
+
private audioNode: any = null;
|
|
17
|
+
|
|
18
|
+
private evtHandlers: any;
|
|
19
|
+
|
|
20
|
+
constructor(props) {
|
|
21
|
+
super(props);
|
|
22
|
+
this.audioNode = React.createRef();
|
|
23
|
+
this.evtHandlers = {
|
|
24
|
+
onClose: (e) => this.onClose(e)
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
private onClose(e) {
|
|
29
|
+
const { onRequestClose } = this.props;
|
|
30
|
+
e.stopPropagation();
|
|
31
|
+
onRequestClose();
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
public render() {
|
|
35
|
+
const { showMedia, url, playbackSettings, style } = this.props;
|
|
36
|
+
if (showMedia) {
|
|
37
|
+
return (
|
|
38
|
+
<Portal id='portal-root'>
|
|
39
|
+
<div
|
|
40
|
+
style={{ ...style }}
|
|
41
|
+
className={'close-icon-preview'}>
|
|
42
|
+
<Button
|
|
43
|
+
key='btn-filter'
|
|
44
|
+
onClick={this.evtHandlers.onClose}
|
|
45
|
+
size={'large'}
|
|
46
|
+
style='subtle'
|
|
47
|
+
tooltip={copy.field.tooltipFilter}>
|
|
48
|
+
{ICON_TIMES}
|
|
49
|
+
</Button>
|
|
50
|
+
</div>
|
|
51
|
+
<audio
|
|
52
|
+
style={style}
|
|
53
|
+
ref={this.audioNode}
|
|
54
|
+
autoPlay={playbackSettings.autoPlay}
|
|
55
|
+
loop={playbackSettings.loop}
|
|
56
|
+
controls
|
|
57
|
+
src={url}
|
|
58
|
+
className='asset-preview-background media-preview'
|
|
59
|
+
/>
|
|
60
|
+
</Portal>
|
|
61
|
+
);
|
|
62
|
+
} else {
|
|
63
|
+
return null;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
export default AudioPreview;
|
package/src/index.ts
CHANGED
|
@@ -145,6 +145,7 @@ import PublishStatusIndicator from './components/publish-wizard/publish/PublishS
|
|
|
145
145
|
import { getMediaPreviewStyle } from './utils/assets';
|
|
146
146
|
import AdvancedNumberField from './components/advanced-number-field/AdvancedNumberField';
|
|
147
147
|
import FontPicker from './components/font-picker/FontPicker';
|
|
148
|
+
import AudioPreview from './components/players/AudioPreview';
|
|
148
149
|
|
|
149
150
|
export {
|
|
150
151
|
AppWrapper,
|
|
@@ -190,6 +191,7 @@ export {
|
|
|
190
191
|
AudioPlayer,
|
|
191
192
|
VideoPreview,
|
|
192
193
|
ImagePreview,
|
|
194
|
+
AudioPreview,
|
|
193
195
|
ImageSequencePlayer,
|
|
194
196
|
AssetsTypeIcon,
|
|
195
197
|
AssetsTableDateCell,
|