@imposium-hub/components 1.44.4 → 1.45.0

package/dist/esm/Util.d.ts

@@ -0,0 +1,19 @@
+export declare const isLocal: () => boolean;
+export declare const getActiveOrg: (activeOrgId: string, access: any) => any;
+export declare const validateAccessLevel: (orgId: string, serviceId: number, access: any) => boolean;
+export declare const getFirstStoryInOrg: (orgId: string, access: any) => string;
+export declare const scrapeEmail: (auth: any) => string;
+export declare const parameterizeServiceUrl: (activeOrg: string, activeStory: string, url: string, id?: number) => string;
+export declare const string2HexCode: (s: string) => string;
+export declare const generateUUID: () => string;
+export declare const fitToContainer: (container: any, content: any, config: any) => any;
+export declare const filterHotkeys: (e: any) => boolean;
+export declare const isObjEmpty: (obj: any) => boolean;
+export declare const validateAssetMimetype: (file: File) => boolean;
+export declare const isFont: (mimeType: any, extension: any) => boolean;
+export declare const mimetypeConformsToOverlay: (overlayAccepts: string, file: File) => boolean;
+export declare const toFixed: (num: number, fixed: number) => string;
+export declare const padStart: (num: number, pad: number) => string;
+export declare const formatDateDefault: (unix: number) => string;
+export declare const formattedTime: (millis: number) => string;
+export declare const s3Url: (cloudFrontUrl: string, distro: any, origin: any) => string;

package/dist/esm/Util.js

@@ -0,0 +1,233 @@
+export const isLocal = () => ((window.location.hostname === 'localhost'));
+export const getActiveOrg = (activeOrgId, access) => (access.organizations.find((o) => (o.id === activeOrgId)));
+export const validateAccessLevel = (orgId, serviceId, access) => {
+    const activeOrg = getActiveOrg(orgId, access);
+    if (!activeOrg) {
+        return false;
+    }
+    return activeOrg.services.includes(serviceId);
+};
+export const getFirstStoryInOrg = (orgId, access) => {
+    const activeOrg = getActiveOrg(orgId, access);
+    return (activeOrg && typeof activeOrg.stories[0] === 'object')
+        ? activeOrg.stories[0].id
+        : '';
+};
+export const scrapeEmail = (auth) => ((auth && auth.idTokenPayload && auth.idTokenPayload['https://imposium.com/email'])
+    ? auth.idTokenPayload['https://imposium.com/email']
+    : '');
+export const parameterizeServiceUrl = (activeOrg, activeStory, url, id) => {
+    if (activeOrg && activeStory) {
+        switch (id) {
+            case 1:
+            case 4:
+            case 5:
+            case 6:
+            case 8:
+                return `${url}/${activeStory}?organization_id=${activeOrg}`;
+            case 3:
+                return `${url}/dashboard/live/${activeStory}?organization_id=${activeOrg}`;
+            default:
+                return `${url}?organization_id=${activeOrg}`;
+        }
+    }
+    else if (activeOrg && !activeStory) {
+        return `${url}?organization_id=${activeOrg}`;
+    }
+    else {
+        return url;
+    }
+};
+export const string2HexCode = (s) => {
+    const hash = s.split('')
+        .map((c, i) => (s.charCodeAt(i)))
+        .reduce((p, c) => (c + ((p << 5) - p)), 0);
+    const color = (hash & 0x00FFFFFF).toString(16).toUpperCase();
+    return `#${'00000'.substring(0, 6 - color.length) + color}`;
+};
+export const generateUUID = () => {
+    let d = new Date().getTime();
+    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+        const r = (d + Math.random() * 16) % 16 | 0;
+        d = Math.floor(d / 16);
+        return (c === 'x' ? r : (r & 0x7 | 0x8)).toString(16);
+    });
+    return uuid;
+};
+export const fitToContainer = (container, content, config) => {
+    let newH;
+    let newW;
+    let top;
+    let left;
+    const aspectRatio = content.width / content.height;
+    const contWidth = (config.padding) ? container.width - (config.padding * 2) : container.width;
+    const contHeight = (config.padding) ? container.height - (config.padding * 2) : container.height;
+    const padding = (config.padding) ? config.padding : 0;
+    // scale
+    if (config.scaleMode === 'proportionalInside') {
+        newW = contWidth;
+        newH = newW / aspectRatio;
+        if (newH > contHeight) {
+            newH = contHeight;
+            newW = newH * aspectRatio;
+        }
+    }
+    else if (config.scaleMode === 'proportionalOutside') {
+        newW = contWidth;
+        newH = newW / aspectRatio;
+        if (newH < contHeight) {
+            newH = contHeight;
+            newW = newH * aspectRatio;
+        }
+    }
+    else if (config.scaleMode === 'none' || !config.scaleMode) {
+        newW = content.width;
+        newH = content.height;
+    }
+    if (config.maxWidth) {
+        if (newW > config.maxWidth) {
+            newW = config.maxWidth;
+            newH = newW / aspectRatio;
+        }
+    }
+    if (config.maxHeight) {
+        if (newH > config.maxHeight) {
+            newH = config.maxHeight;
+            newW = newH * aspectRatio;
+        }
+    }
+    // fit
+    left = (config.hAlign === 'left') ? 0 : (config.hAlign === 'right') ? (contWidth - newW) : (contWidth - newW) / 2;
+    top = (config.vAlign === 'top') ? 0 : (config.vAlign === 'bottom') ? (contHeight - newH) : (contHeight - newH) / 2;
+    top += padding;
+    left += padding;
+    return {
+        width: newW,
+        height: newH,
+        top,
+        left
+    };
+};
+// only allow hotkeys to fire on inputs if it's the ENTER or ESCAPE key
+export const filterHotkeys = (e) => {
+    const tagName = (e.target || e.srcElement).tagName;
+    const isInput = (tagName.isContentEditable || tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA');
+    const enter = (e.code === 'Enter');
+    const esc = (e.code === 'Escape');
+    const isMeta = (e.metaKey === true);
+    if (!isInput || isInput && enter || isInput && esc || isInput && isMeta) {
+        return true;
+    }
+    else {
+        return false;
+    }
+};
+export const isObjEmpty = (obj) => {
+    for (const key in obj) {
+        if (obj.hasOwnProperty(key)) {
+            return false;
+        }
+    }
+    return true;
+};
+export const validateAssetMimetype = (file) => {
+    const [fileType, fileFormat] = file.type.split('/');
+    const nameSegments = file.name.split('.');
+    const extension = nameSegments[nameSegments.length - 1];
+    switch (fileType) {
+        case 'image':
+        case 'video':
+        case 'audio':
+            return true;
+        case 'application':
+            switch (fileFormat) {
+                case 'zip':
+                case 'x-gzip':
+                    return true;
+            }
+    }
+    if (isFont(fileType, extension)) {
+        return true;
+    }
+    // hack for LUT .CUBE files with no mime-type
+    if (file.name.indexOf('.CUBE') !== -1) {
+        return true;
+    }
+    console.warn(`Mimetype: ${file.type} is not a supported asset type.`);
+    return false;
+};
+export const isFont = (mimeType, extension) => {
+    const accepted = [
+        'font',
+        'otf',
+        'sfnt',
+        'ttf',
+        'woff',
+        'woff2',
+        'font-sfnt',
+        'font-woff',
+        'vnd.ms-fontobject',
+        'font/otf',
+        'font/sfnt',
+        'font/ttf',
+        'font/woff',
+        'font/woff2',
+        'font/font-sfnt',
+        'font/font-woff',
+        'font/vnd.ms-fontobject'
+    ];
+    if (mimeType) {
+        return (accepted.indexOf(mimeType) !== -1);
+    }
+    else {
+        return (accepted.indexOf(extension) !== -1);
+    }
+};
+export const mimetypeConformsToOverlay = (overlayAccepts, file) => {
+    const [fileType, fileFormat] = file.type.split('/');
+    return ((overlayAccepts === 'video' && fileType === 'video') ||
+        (overlayAccepts === 'image' && fileType === 'image') ||
+        (overlayAccepts === 'audio' && fileType === 'audio') ||
+        (overlayAccepts === 'template' && fileType === 'application' && (fileFormat === 'zip' || fileFormat === 'x-gzip')) ||
+        (overlayAccepts === 'image_sequence' && fileType === 'application' && (fileFormat === 'zip' || fileFormat === 'x-gzip')));
+};
+export const toFixed = (num, fixed) => {
+    const re = new RegExp(`^-?\\d+(?:\.\\d{0,${(fixed || -1)}})?`);
+    return num.toString().match(re)[0];
+};
+export const padStart = (num, pad) => {
+    return new Array(pad + 1 - (num.toString()).length).join('0') + num;
+};
+export const formatDateDefault = (unix) => {
+    const date = new Date(unix * 1000);
+    const month = date.getMonth() + 1; // JS months are 0 indexed...
+    const day = date.getDate();
+    const year = date.getFullYear();
+    let hr = date.getHours();
+    const meridian = hr >= 12 ? 'PM' : 'AM';
+    if (hr > 12) {
+        hr = hr - 12;
+    }
+    if (hr === 0) {
+        hr = 12;
+    }
+    let min = date.getMinutes();
+    if (min < 10) {
+        min = `0${min}`;
+    }
+    return `${month}/${day}/${year} ${hr}:${min} ${meridian}`;
+};
+export const formattedTime = (millis) => {
+    const minutes = Math.floor(millis / 60000);
+    const seconds = ((millis % 60000) / 1000).toFixed(0);
+    return `${(minutes < 10 ? '0' : '')}${minutes}:${(seconds < 10 ? '0' : '')}${seconds}`;
+};
+export const s3Url = (cloudFrontUrl, distro, origin) => {
+    if (cloudFrontUrl) {
+        return cloudFrontUrl.replace(distro, origin);
+    }
+    else {
+        return '';
+    }
+};
+//# sourceMappingURL=Util.js.map

package/dist/esm/Util.js.map

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

package/dist/esm/components/Tooltip.d.ts

@@ -0,0 +1,7 @@
+export interface IToolTipConfig {
+    content: string;
+    position?: string;
+    theme?: string;
+}
+export declare const renderTooltipProps: (id: string, config: IToolTipConfig | string) => any;
+export declare const renderTooltip: (id: string, config: IToolTipConfig | string) => any;

package/dist/esm/components/Tooltip.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import ReactTooltip from 'react-tooltip';
+export const renderTooltipProps = (id, config) => {
+    if (config) {
+        const content = (typeof config === 'object') ? config.content : config;
+        return {
+            'data-tip': content,
+            'data-for': id
+        };
+    }
+    else {
+        return {};
+    }
+};
+export const renderTooltip = (id, config) => {
+    const tooltipLayer = document.getElementById('tooltips');
+    if (config && tooltipLayer) {
+        let theme = 'light';
+        let place = 'top';
+        if (typeof config === 'object') {
+            theme = (config.theme) ? config.theme : 'light';
+            place = (config.position) ? config.position : 'top';
+        }
+        const tooltipComponent = React.createElement(ReactTooltip, { place: place, offset: { top: 0, right: 0, bottom: 0, left: 0 }, id: id, className: `imposium-button-tooltip-${theme}`, delayShow: 1000, effect: 'solid' });
+        return ReactDOM.createPortal(tooltipComponent, tooltipLayer);
+    }
+    else {
+        return null;
+    }
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/esm/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,YAAY,MAAM,eAAe,CAAC;AAQzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAW,EAAE,MAAgC,EAAQ,EAAE;IAEtF,IAAI,MAAM,EAAE;QAER,MAAM,OAAO,GAAG,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACvE,OAAO;YACH,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,EAAE;SACjB,CAAC;KACL;SAAM;QACH,OAAO,EAAE,CAAC;KACb;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAW,EAAE,MAAgC,EAAQ,EAAE;IACjF,MAAM,YAAY,GAAiB,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAEvE,IAAI,MAAM,IAAI,YAAY,EAAE;QACxB,IAAI,KAAK,GAAG,OAAO,CAAC;QACpB,IAAI,KAAK,GAAG,KAAK,CAAC;QAElB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC5B,KAAK,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;YAChD,KAAK,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACvD;QAED,MAAM,gBAAgB,GAAG,oBAAC,YAAY,IAClC,KAAK,EAAI,KAAK,EACd,MAAM,EAAI,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAC,EAChD,EAAE,EAAI,EAAE,EACR,SAAS,EAAI,2BAA2B,KAAK,EAAE,EAC/C,SAAS,EAAI,IAAI,EACjB,MAAM,EAAG,OAAO,GAAE,CAAC;QAEvB,OAAO,QAAQ,CAAC,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;KAChE;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AACL,CAAC,CAAC"}

package/dist/esm/components/app-wrapper/AppWrapper.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { IIdentity } from '../../services/Auth0';
+export interface IAppWrapperProps {
+    children: React.ReactChildren;
+    auth0ClientId: string;
+    organizationId: string;
+    baseUrl: string;
+    storyId?: string;
+    serviceId: number;
+    access: any;
+    auth: any;
+    isFreshUser: boolean;
+    allowUnauthenticatedRender: boolean;
+    onAuthenticated: (activeOrgId: string, activeStoryId: string) => any;
+    onAuthenticationFailure: (e: Error) => any;
+    showRequestAccess?: boolean;
+    login: (id: IIdentity) => any;
+    clearCachedAuth: () => any;
+    cacheAccessData: (accessData: any) => any;
+    clearCachedAccessList: () => any;
+}
+export interface IAppWrapperState {
+    blockRender: boolean;
+    restrictAccess: boolean;
+}
+declare const _default: any;
+export default _default;

package/dist/esm/components/app-wrapper/AppWrapper.js

@@ -0,0 +1,185 @@
+import * as React from 'react';
+import NoAccess from '../no-access/NoAccess';
+import Header from '../header/Header';
+import SessionService from '../../services/Session';
+import AuthService from '../../services/Auth0';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import { login, clearCachedAuth } from '../../redux/actions/auth';
+import { cacheAccessData, clearCachedAccessList } from '../../redux/actions/access';
+import { validateAccessLevel } from '../../Util';
+class AppWrapper extends React.Component {
+    static RESTRICTED_REQUEST = (React.createElement(NoAccess, { key: 'restriction-msg', type: 'request' }));
+    static RESTRICTED_BLOCK = (React.createElement(NoAccess, { key: 'restriction-msg', type: 'restrict' }));
+    constructor(p) {
+        super(p);
+        this.state = {
+            blockRender: true,
+            restrictAccess: false
+        };
+    }
+    componentDidMount = () => {
+        const { auth, access, auth0ClientId, isFreshUser } = this.props;
+        const session = SessionService.getSession();
+        AuthService.bindToClient(auth0ClientId);
+        // If cookie, auth or access data is missing / mismatched,
+        // silently check auth0 session and refresh flow on success
+        if (!isFreshUser &&
+            auth !== null &&
+            access !== null &&
+            typeof session === 'object' &&
+            typeof session.sub === 'string' &&
+            session.sub === auth.idTokenPayload.sub &&
+            session.stories_hash === SessionService.generateStoriesHash(access) &&
+            session.orgs_hash === SessionService.generateOrgsHash(access)) {
+            this.propagateCreds();
+        }
+        else {
+            this.doCheckSession(true);
+        }
+    };
+    /*
+        Check the auth0 session expiry
+     */
+    componentDidUpdate = (prevProps, prevState) => {
+        const { auth } = this.props;
+        let validAccessLevel;
+        if (auth) {
+            const { idTokenPayload: { exp } } = auth;
+            const validSession = AuthService.checkExpiry(exp);
+            if (!validSession) {
+                this.props.clearCachedAuth();
+                this.props.clearCachedAccessList();
+                this.doCheckSession();
+            }
+        }
+        if (this.props.organizationId !== prevProps.organizationId) {
+            validAccessLevel = validateAccessLevel(this.props.organizationId, this.props.serviceId, this.props.access);
+            if (!this.state.restrictAccess && !validAccessLevel) {
+                this.setState({ restrictAccess: true });
+            }
+            if (this.state.restrictAccess && validAccessLevel) {
+                this.setState({ restrictAccess: false });
+            }
+        }
+    };
+    /*
+        Emit creds to React parent
+     */
+    propagateCreds = () => {
+        const { auth, access, storyId, onAuthenticated } = this.props;
+        const activeOrgId = this.determineActiveOrganization(auth, access);
+        let activeStoryId = SessionService.getSession().story_id;
+        let activeOrg;
+        if (this.props.storyId) {
+            activeOrg = access.organizations.find((o) => (o.id === activeOrgId));
+            if (activeOrg && activeOrg.stories.find((s) => (s.id === storyId))) {
+                activeStoryId = storyId;
+            }
+        }
+        onAuthenticated(activeOrgId, activeStoryId);
+        if (this.state.blockRender) {
+            this.setState({ blockRender: false });
+        }
+    };
+    /*
+        Bust cached creds if exist, invoke auth failure handler
+     */
+    handleCheckSessionFailure = (e) => {
+        this.props.clearCachedAuth();
+        this.props.clearCachedAccessList();
+        this.props.onAuthenticationFailure(e);
+    };
+    /*
+        Check auth0 session, pull Imposium access creds on success and initialize app-wrapper
+    */
+    doCheckSession = (blockRender = false) => {
+        const { onAuthenticationFailure, baseUrl } = this.props;
+        if (blockRender) {
+            this.setState({ blockRender: true });
+        }
+        AuthService.checkSession()
+            .then((freshIdentity) => {
+            SessionService.getAccessData(freshIdentity.idToken, baseUrl)
+                .then((freshAccess) => {
+                this.props.login(freshIdentity);
+                this.props.cacheAccessData(freshAccess);
+                SessionService.buildFreshSession(freshIdentity, freshAccess);
+                this.propagateCreds();
+            })
+                .catch((e) => {
+                console.error(e);
+                this.handleCheckSessionFailure(e);
+            });
+        })
+            .catch((e) => {
+            console.error(e);
+            this.handleCheckSessionFailure(e);
+        });
+    };
+    determineActiveOrganizationIn(auth, session, organizationIds) {
+        const { organizationId } = this.props;
+        const { idTokenPayload: { exp } } = auth;
+        if (organizationIds.length > 0) {
+            if (organizationId && organizationIds.indexOf(organizationId) > -1) {
+                return this.setActiveOrganization(organizationId, exp, session);
+            }
+            if (session && session.organization_id && organizationIds.indexOf(session.organization_id) > -1) {
+                return session.organization_id;
+            }
+            return this.setActiveOrganization(organizationIds[0], exp, session);
+        }
+        return '';
+    }
+    /*
+        Figure out what the active org should be based on app-wrapper configuration
+     */
+    determineActiveOrganization = (auth, access) => {
+        const { serviceId } = this.props;
+        const { organizations } = access;
+        const session = SessionService.getSession();
+        const allOrgIdsFlattened = organizations.map((o) => (o.id));
+        const activeOrgId = this.determineActiveOrganizationIn(auth, session, allOrgIdsFlattened);
+        const activeOrg = organizations.find((o) => (o.id === activeOrgId));
+        if (activeOrg && !activeOrg.services.includes(serviceId)) {
+            this.setState({ restrictAccess: true });
+        }
+        return activeOrgId;
+    };
+    /*
+        Update session if no session exists or diff in org id
+     */
+    setActiveOrganization = (organizationId, exp, sharedSession) => {
+        if (!sharedSession || !sharedSession.organization_id || sharedSession.organization_id !== organizationId) {
+            const activeOrg = this.props.access.organizations.find((o) => (o.id === organizationId));
+            const firstStoryId = (typeof activeOrg.stories[0] === 'object') ? activeOrg.stories[0].id : '';
+            SessionService.updateSession({ organization_id: organizationId, story_id: firstStoryId }, exp);
+        }
+        return organizationId;
+    };
+    render = () => {
+        const { blockRender, restrictAccess } = this.state;
+        const { children, showRequestAccess, allowUnauthenticatedRender } = this.props;
+        let innerContent;
+        if (!blockRender && restrictAccess) {
+            innerContent = [
+                (typeof children[0] === 'object' && children[0].type === Header) && children[0],
+                (showRequestAccess) ? AppWrapper.RESTRICTED_REQUEST : AppWrapper.RESTRICTED_BLOCK,
+            ];
+        }
+        if ((!blockRender && !restrictAccess) || allowUnauthenticatedRender) {
+            innerContent = children;
+        }
+        return (React.createElement("div", { id: 'app', className: 'app' }, innerContent));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({
+        login, clearCachedAuth, cacheAccessData, clearCachedAccessList
+    }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return { auth: state.auth, access: state.access };
+};
+export default connect(mapStateToProps, mapDispatchToProps)(AppWrapper);
+//# sourceMappingURL=AppWrapper.js.map

package/dist/esm/components/app-wrapper/AppWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppWrapper.js","sourceRoot":"","sources":["../../../../src/components/app-wrapper/AppWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/asset-details/AssetDetails.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/esm/components/asset-details/AssetDetails.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import TextField from '../text-field/TextField';
+import FieldWrapper from '../field-wrapper/FieldWrapper';
+import Tag from '../tag/Tag';
+import HRule from '../h-rule/HRule';
+import { formatDateDefault } from '../../Util';
+import { connect } from 'react-redux';
+import { assets as copy } from '../../constants/copy';
+class AssetDetails extends React.Component {
+    constructor(p) {
+        super(p);
+        this.state = {
+            newTag: '',
+        };
+    }
+    renderTags() {
+        const { asset: { tags } } = this.props;
+        const tagsArray = [...new Set(tags)];
+        const tagsMarkup = tagsArray.map((tag) => (React.createElement(Tag, { key: tag, copy: tag, removeHandler: () => this.props.onRemoveTag(tag), colorize: true })));
+        return tagsMarkup;
+    }
+    render = () => {
+        const { asset, columns, newAsset, assetTags } = this.props;
+        if (!asset) {
+            return null;
+        }
+        const title = (newAsset) ? copy.newDetails : copy.details;
+        const formattedDate = formatDateDefault(asset.date_created);
+        const isTwoCol = (columns === 2);
+        const nameSubmit = (!newAsset) ? (e) => this.props.onNameChange(e) : undefined;
+        const nameChange = (newAsset) ? (e) => this.props.onNameChange(e) : undefined;
+        const nameField = React.createElement(TextField, { label: copy.name, controlled: (!newAsset), width: (isTwoCol) ? '50%' : '100%', onSubmit: nameSubmit, onChange: nameChange, value: asset.name });
+        const dateField = React.createElement(TextField, { readOnly: true, label: copy.date, width: (isTwoCol) ? '50%' : '100%', value: formattedDate });
+        const newTag = React.createElement(TextField, { submittable: true, submittableType: 'add', label: copy.addTag, suggestions: assetTags, doSubmit: (t) => this.props.onAddTag(t), width: (isTwoCol) ? '50%' : '100%', buttons: [], value: this.state.newTag });
+        const tags = React.createElement(FieldWrapper, { label: copy.assetTag, width: (isTwoCol) ? '50%' : '100%' }, this.renderTags());
+        return React.createElement("div", { className: 'asset-details' },
+            React.createElement("h2", null, title),
+            React.createElement("div", { className: 'header-buttons' }, this.props.headerButtons),
+            React.createElement(HRule, null),
+            nameField,
+            dateField,
+            newTag,
+            tags);
+    };
+}
+const mapStateToProps = (state) => {
+    return {
+        assetTags: state.assetTags,
+    };
+};
+export default connect(mapStateToProps, null)(AssetDetails);
+//# sourceMappingURL=AssetDetails.js.map

package/dist/esm/components/asset-details/AssetDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetDetails.js","sourceRoot":"","sources":["../../../../src/components/asset-details/AssetDetails.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;