console-feed-modern/lib/Component/elements.js

A React component that displays console logs from the current page, an iframe or transported across a server

import styled from './theme';
/**
 * Return themed log-method style
 * @param style The style
 * @param type The method
 */
const Themed = (style, method, styles) => styles[`LOG_${method.toUpperCase()}_${style.toUpperCase()}`] ||
    styles[`LOG_${style.toUpperCase()}`];
/**
 * console-feed
 */
export const Root = styled('div')({
    wordBreak: 'break-word',
    width: '100%',
});
/**
 * console-message
 */
export const Message = styled('div')(({ theme: { styles, method } }) => ({
    position: 'relative',
    display: 'flex',
    color: Themed('color', method, styles),
    backgroundColor: Themed('background', method, styles),
    borderTop: `1px solid ${Themed('border', method, styles)}`,
    borderBottom: `1px solid ${Themed('border', method, styles)}`,
    marginTop: -1,
    marginBottom: +/^warn|error$/.test(method),
    paddingLeft: 10,
    boxSizing: 'border-box',
    '& *': {
        verticalAlign: 'top',
        boxSizing: 'border-box',
        fontFamily: styles.BASE_FONT_FAMILY,
        whiteSpace: 'pre-wrap',
        fontSize: styles.BASE_FONT_SIZE
    },
    '& a': {
        color: 'rgb(177, 177, 177)'
    }
}));
/**
 * message-icon
 */
export const Icon = styled('div')(({ theme: { styles, method } }) => ({
    width: styles.LOG_ICON_WIDTH,
    height: styles.LOG_ICON_HEIGHT,
    backgroundImage: Themed('icon', method, styles),
    backgroundRepeat: 'no-repeat',
    backgroundSize: styles.LOG_ICON_BACKGROUND_SIZE,
    backgroundPosition: '50% 50%'
}));
/**
 * console-content
 */
export const Content = styled('div')(({ theme: { styles } }) => ({
    clear: 'right',
    position: 'relative',
    padding: styles.PADDING,
    marginLeft: 15,
    minHeight: 18,
    flex: 'auto',
    width: 'calc(100% - 15px)'
}));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvQ29tcG9uZW50L2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxTQUFTLENBQUE7QUFFNUI7Ozs7R0FJRztBQUNILE1BQU0sTUFBTSxHQUFHLENBQ2IsS0FBYSxFQUNiLE1BQWMsRUFDZCxNQUFrQyxFQUNsQyxFQUFFLENBQ0YsTUFBTSxDQUFDLE9BQU8sTUFBTSxDQUFDLFdBQVcsRUFBRSxJQUFJLEtBQUssQ0FBQyxXQUFXLEVBQUUsRUFBRSxDQUFDO0lBQzVELE1BQU0sQ0FBQyxPQUFPLEtBQUssQ0FBQyxXQUFXLEVBQUUsRUFBRSxDQUFDLENBQUE7QUFFdEM7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLFNBQVMsRUFBRSxZQUFZO0lBQ3ZCLEtBQUssRUFBRSxNQUFNO0NBQ2QsQ0FBQyxDQUFBO0FBRUY7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN2RSxRQUFRLEVBQUUsVUFBVTtJQUNwQixPQUFPLEVBQUUsTUFBTTtJQUNmLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLENBQUM7SUFDdEMsZUFBZSxFQUFFLE1BQU0sQ0FBQyxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBQztJQUNyRCxTQUFTLEVBQUUsYUFBYSxNQUFNLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLENBQUMsRUFBRTtJQUMxRCxZQUFZLEVBQUUsYUFBYSxNQUFNLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLENBQUMsRUFBRTtJQUM3RCxTQUFTLEVBQUUsQ0FBQyxDQUFDO0lBQ2IsWUFBWSxFQUFFLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDMUMsV0FBVyxFQUFFLEVBQUU7SUFDZixTQUFTLEVBQUUsWUFBWTtJQUN2QixLQUFLLEVBQUU7UUFDTCxhQUFhLEVBQUUsS0FBSztRQUNwQixTQUFTLEVBQUUsWUFBWTtRQUN2QixVQUFVLEVBQUUsTUFBTSxDQUFDLGdCQUFnQjtRQUNuQyxVQUFVLEVBQUUsVUFBVTtRQUN0QixRQUFRLEVBQUUsTUFBTSxDQUFDLGNBQWM7S0FDaEM7SUFDRCxLQUFLLEVBQUU7UUFDTCxLQUFLLEVBQUUsb0JBQW9CO0tBQzVCO0NBQ0YsQ0FBQyxDQUFDLENBQUE7QUFFSDs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEtBQUssRUFBRSxNQUFNLENBQUMsY0FBYztJQUM1QixNQUFNLEVBQUUsTUFBTSxDQUFDLGVBQWU7SUFDOUIsZUFBZSxFQUFFLE1BQU0sQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBQztJQUMvQyxnQkFBZ0IsRUFBRSxXQUFXO0lBQzdCLGNBQWMsRUFBRSxNQUFNLENBQUMsd0JBQXdCO0lBQy9DLGtCQUFrQixFQUFFLFNBQVM7Q0FDOUIsQ0FBQyxDQUFDLENBQUE7QUFFSDs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDL0QsS0FBSyxFQUFFLE9BQU87SUFDZCxRQUFRLEVBQUUsVUFBVTtJQUNwQixPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU87SUFDdkIsVUFBVSxFQUFFLEVBQUU7SUFDZCxTQUFTLEVBQUUsRUFBRTtJQUNiLElBQUksRUFBRSxNQUFNO0lBQ1osS0FBSyxFQUFFLG1CQUFtQjtDQUMzQixDQUFDLENBQUMsQ0FBQSJ9