@imposium-hub/components 2.2.44-0 → 2.2.44-1

package/package.json

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

package/src/components/assets/AssetsTableDurationCell.tsx

@@ -12,6 +12,7 @@ const AssetsTableDurationCell: React.FC<IAssetsTableDurationCell> = (
     const {
         cell: {
             row: {
+                original,
                 original: { type, data, rate, frame_count }
             }
         }
@@ -19,11 +20,22 @@ const AssetsTableDurationCell: React.FC<IAssetsTableDurationCell> = (
 
     let duration = rate && frame_count ? getDuration(frame_count, rate) : '';
 
+    if (type === ASSET_TYPES.IMAGE_SEQUENCE) {
+        duration = `${original.duration} frames`;
+    }
+
     if (type === ASSET_TYPES.VIDEO_COMPOSITION) {
         const { frames, rate: frame_rate } = JSON.parse(data);
         duration = getDuration(frames, frame_rate);
     }
 
+    if (type === ASSET_TYPES.AUDIO) {
+        const date = new Date(null);
+        date.setSeconds(original.duration);
+        const timestamp = date.toISOString().slice(11, 19);
+        duration = `${timestamp}.x`;
+    }
+
     if (duration !== null && duration !== undefined) {
         return <div className='asset-duration-cell'>{duration}</div>;
     } else {

package/src/components/header/Header.tsx

@@ -480,7 +480,11 @@ class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
                         });
                     }}>
                     <div className='story-name'>
-                        {currentStory ? currentStory.name : story ? story.name : ''}
+                        {currentStory
+                            ? currentStory.name
+                            : story
+                            ? story.name
+                            : 'Project Not Found'}
                     </div>
                     {this.renderDropdownChevron(showStoriesDropdown)}
                 </button>

package/dist/cjs/components/error-message-preview/ErrorMessagePreview.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-interface IErrorMessagePreviewProps {
-    showMedia: boolean;
-    message: string;
-    style?: React.CSSProperties | any;
-    onRequestClose?(): void;
-}
-declare class ErrorMessagePreview extends React.PureComponent<IErrorMessagePreviewProps> {
-    private errorMsgNode;
-    private evtHandlers;
-    constructor(props: any);
-    private onClose;
-    render(): JSX.Element;
-}
-export default ErrorMessagePreview;

package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js

@@ -1,91 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var Portal_1 = __importDefault(require("../portal/Portal"));
-var Button_1 = __importDefault(require("../button/Button"));
-var copy_1 = require("../../constants/copy");
-var icons_1 = require("../../constants/icons");
-var ErrorMessagePreview = /** @class */ (function (_super) {
-    __extends(ErrorMessagePreview, _super);
-    function ErrorMessagePreview(props) {
-        var _this = _super.call(this, props) || this;
-        _this.errorMsgNode = null;
-        _this.errorMsgNode = React.createRef();
-        _this.evtHandlers = {
-            onClose: function (e) { return _this.onClose(e); }
-        };
-        return _this;
-    }
-    ErrorMessagePreview.prototype.onClose = function (e) {
-        var onRequestClose = this.props.onRequestClose;
-        e.stopPropagation();
-        onRequestClose();
-    };
-    ErrorMessagePreview.prototype.render = function () {
-        var _a = this.props, showMedia = _a.showMedia, style = _a.style, message = _a.message;
-        if (showMedia) {
-            return (React.createElement(Portal_1.default, { id: 'portal-root' },
-                React.createElement("div", { style: __assign({}, style), className: 'close-icon-preview' },
-                    React.createElement(Button_1.default, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy_1.assets.field.tooltipFilter }, icons_1.ICON_TIMES)),
-                React.createElement("p", { style: style, ref: this.errorMsgNode, className: 'asset-preview-background media-preview' }, message)));
-        }
-        else {
-            return null;
-        }
-    };
-    return ErrorMessagePreview;
-}(React.PureComponent));
-exports.default = ErrorMessagePreview;
-//# sourceMappingURL=ErrorMessagePreview.js.map

package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessagePreview.js","sourceRoot":"","sources":["../../../../src/components/error-message-preview/ErrorMessagePreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,4DAAsC;AACtC,6CAAsD;AACtD,+CAAmD;AASnD;IAAkC,uCAA8C;IAK5E,6BAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAKf;QAVO,kBAAY,GAAQ,IAAI,CAAC;QAM7B,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,KAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAf,CAAe;SAClC,CAAC;;IACN,CAAC;IAEO,qCAAO,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,oCAAM,GAAb;QACU,IAAA,KAAgC,IAAI,CAAC,KAAK,EAAxC,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAe,CAAC;QACjD,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,2BACI,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,SAAS,EAAC,wCAAwC,IACpD,OAAO,CAAK,CACT,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,0BAAC;AAAD,CAAC,AA/CD,CAAkC,KAAK,CAAC,aAAa,GA+CpD;AAED,kBAAe,mBAAmB,CAAC"}

package/dist/esm/components/error-message-preview/ErrorMessagePreview.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-interface IErrorMessagePreviewProps {
-    showMedia: boolean;
-    message: string;
-    style?: React.CSSProperties | any;
-    onRequestClose?(): void;
-}
-declare class ErrorMessagePreview extends React.PureComponent<IErrorMessagePreviewProps> {
-    private errorMsgNode;
-    private evtHandlers;
-    constructor(props: any);
-    private onClose;
-    render(): JSX.Element;
-}
-export default ErrorMessagePreview;

package/dist/esm/components/error-message-preview/ErrorMessagePreview.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import Portal from '../portal/Portal';
-import Button from '../button/Button';
-import { assets as copy } from '../../constants/copy';
-import { ICON_TIMES } from '../../constants/icons';
-class ErrorMessagePreview extends React.PureComponent {
-    errorMsgNode = null;
-    evtHandlers;
-    constructor(props) {
-        super(props);
-        this.errorMsgNode = React.createRef();
-        this.evtHandlers = {
-            onClose: (e) => this.onClose(e)
-        };
-    }
-    onClose(e) {
-        const { onRequestClose } = this.props;
-        e.stopPropagation();
-        onRequestClose();
-    }
-    render() {
-        const { showMedia, style, message } = this.props;
-        if (showMedia) {
-            return (React.createElement(Portal, { id: 'portal-root' },
-                React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
-                    React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
-                React.createElement("p", { style: style, ref: this.errorMsgNode, className: 'asset-preview-background media-preview' }, message)));
-        }
-        else {
-            return null;
-        }
-    }
-}
-export default ErrorMessagePreview;
-//# sourceMappingURL=ErrorMessagePreview.js.map

package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessagePreview.js","sourceRoot":"","sources":["../../../../src/components/error-message-preview/ErrorMessagePreview.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;AASnD,MAAM,mBAAoB,SAAQ,KAAK,CAAC,aAAwC;IACpE,YAAY,GAAQ,IAAI,CAAC;IAEzB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,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,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjD,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,2BACI,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,SAAS,EAAC,wCAAwC,IACpD,OAAO,CAAK,CACT,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,mBAAmB,CAAC"}