botframework-webchat-component
Version:
React component of botframework-webchat
77 lines (75 loc) • 8.39 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = createStackedLayoutStyle;
/* eslint no-magic-numbers: ["error", { "ignore": [2] }] */
function createStackedLayoutStyle(_ref) {
var avatarSize = _ref.avatarSize,
bubbleMaxWidth = _ref.bubbleMaxWidth,
bubbleMinWidth = _ref.bubbleMinWidth,
paddingRegular = _ref.paddingRegular,
transitionDuration = _ref.transitionDuration;
return {
'&.webchat__stacked-layout': {
marginLeft: paddingRegular,
marginRight: paddingRegular,
'& .webchat__stacked-layout__alignment-pad': {
transitionDuration: transitionDuration,
transitionProperty: 'width',
width: 0
},
'&.webchat__stacked-layout--extra-trailing .webchat__stacked-layout__alignment-pad': {
width: paddingRegular
},
'& .webchat__stacked-layout__avatar-gutter': {
transitionDuration: transitionDuration,
transitionProperty: 'width',
width: 0
},
'& .webchat__stacked-layout__attachment': {
maxWidth: bubbleMaxWidth,
minWidth: bubbleMinWidth,
transitionDuration: transitionDuration,
transitionProperty: 'max-width, min-width'
},
'& .webchat__stacked-layout__attachment-row': {
marginTop: paddingRegular,
width: '100%'
},
'&.webchat__stacked-layout--no-message .webchat__stacked-layout__attachment-row.webchat__stacked-layout__attachment-row--first': {
marginTop: 0
},
'& .webchat__stacked-layout__message': {
maxWidth: bubbleMaxWidth,
overflow: 'hidden',
transitionDuration: transitionDuration,
transitionProperty: 'max-width'
},
'& .webchat__stacked-layout__nub-pad': {
transitionDuration: transitionDuration,
transitionProperty: 'width',
width: 0
},
'&.webchat__stacked-layout--hide-avatar, &.webchat__stacked-layout--show-avatar': {
'& .webchat__stacked-layout__avatar-gutter': {
width: avatarSize
}
},
'&.webchat__stacked-layout--hide-avatar, &.webchat__stacked-layout--show-avatar, &.webchat__stacked-layout--hide-nub, &.webchat__stacked-layout--show-nub': {
'& .webchat__stacked-layout__attachment, & .webchat__stacked-layout__message': {
maxWidth: bubbleMaxWidth + paddingRegular
},
'& .webchat__stacked-layout__nub-pad': {
width: paddingRegular
}
},
'&:not(.webchat__stacked-layout--top-callout)': {
'& .webchat__stacked-layout__avatar-gutter, & .webchat__stacked-layout__content': {
justifyContent: 'flex-end'
}
}
}
};
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU3RhY2tlZExheW91dC5qcyJdLCJuYW1lcyI6WyJjcmVhdGVTdGFja2VkTGF5b3V0U3R5bGUiLCJhdmF0YXJTaXplIiwiYnViYmxlTWF4V2lkdGgiLCJidWJibGVNaW5XaWR0aCIsInBhZGRpbmdSZWd1bGFyIiwidHJhbnNpdGlvbkR1cmF0aW9uIiwibWFyZ2luTGVmdCIsIm1hcmdpblJpZ2h0IiwidHJhbnNpdGlvblByb3BlcnR5Iiwid2lkdGgiLCJtYXhXaWR0aCIsIm1pbldpZHRoIiwibWFyZ2luVG9wIiwib3ZlcmZsb3ciLCJqdXN0aWZ5Q29udGVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBO0FBRWUsU0FBU0Esd0JBQVQsT0FNWjtBQUFBLE1BTERDLFVBS0MsUUFMREEsVUFLQztBQUFBLE1BSkRDLGNBSUMsUUFKREEsY0FJQztBQUFBLE1BSERDLGNBR0MsUUFIREEsY0FHQztBQUFBLE1BRkRDLGNBRUMsUUFGREEsY0FFQztBQUFBLE1BRERDLGtCQUNDLFFBRERBLGtCQUNDO0FBQ0QsU0FBTztBQUNMLGlDQUE2QjtBQUMzQkMsTUFBQUEsVUFBVSxFQUFFRixjQURlO0FBRTNCRyxNQUFBQSxXQUFXLEVBQUVILGNBRmM7QUFJM0IsbURBQTZDO0FBQzNDQyxRQUFBQSxrQkFBa0IsRUFBbEJBLGtCQUQyQztBQUUzQ0csUUFBQUEsa0JBQWtCLEVBQUUsT0FGdUI7QUFHM0NDLFFBQUFBLEtBQUssRUFBRTtBQUhvQyxPQUpsQjtBQVUzQiwyRkFBcUY7QUFDbkZBLFFBQUFBLEtBQUssRUFBRUw7QUFENEUsT0FWMUQ7QUFjM0IsbURBQTZDO0FBQzNDQyxRQUFBQSxrQkFBa0IsRUFBbEJBLGtCQUQyQztBQUUzQ0csUUFBQUEsa0JBQWtCLEVBQUUsT0FGdUI7QUFHM0NDLFFBQUFBLEtBQUssRUFBRTtBQUhvQyxPQWRsQjtBQW9CM0IsZ0RBQTBDO0FBQ3hDQyxRQUFBQSxRQUFRLEVBQUVSLGNBRDhCO0FBRXhDUyxRQUFBQSxRQUFRLEVBQUVSLGNBRjhCO0FBR3hDRSxRQUFBQSxrQkFBa0IsRUFBbEJBLGtCQUh3QztBQUl4Q0csUUFBQUEsa0JBQWtCLEVBQUU7QUFKb0IsT0FwQmY7QUEyQjNCLG9EQUE4QztBQUM1Q0ksUUFBQUEsU0FBUyxFQUFFUixjQURpQztBQUU1Q0ssUUFBQUEsS0FBSyxFQUFFO0FBRnFDLE9BM0JuQjtBQWdDM0IsdUlBQWlJO0FBQy9IRyxRQUFBQSxTQUFTLEVBQUU7QUFEb0gsT0FoQ3RHO0FBb0MzQiw2Q0FBdUM7QUFDckNGLFFBQUFBLFFBQVEsRUFBRVIsY0FEMkI7QUFFckNXLFFBQUFBLFFBQVEsRUFBRSxRQUYyQjtBQUdyQ1IsUUFBQUEsa0JBQWtCLEVBQWxCQSxrQkFIcUM7QUFJckNHLFFBQUFBLGtCQUFrQixFQUFFO0FBSmlCLE9BcENaO0FBMkMzQiw2Q0FBdUM7QUFDckNILFFBQUFBLGtCQUFrQixFQUFsQkEsa0JBRHFDO0FBRXJDRyxRQUFBQSxrQkFBa0IsRUFBRSxPQUZpQjtBQUdyQ0MsUUFBQUEsS0FBSyxFQUFFO0FBSDhCLE9BM0NaO0FBaUQzQix3RkFBa0Y7QUFDaEYscURBQTZDO0FBQzNDQSxVQUFBQSxLQUFLLEVBQUVSO0FBRG9DO0FBRG1DLE9BakR2RDtBQXVEM0Isa0tBQTRKO0FBQzFKLHVGQUErRTtBQUM3RVMsVUFBQUEsUUFBUSxFQUFFUixjQUFjLEdBQUdFO0FBRGtELFNBRDJFO0FBSzFKLCtDQUF1QztBQUNyQ0ssVUFBQUEsS0FBSyxFQUFFTDtBQUQ4QjtBQUxtSCxPQXZEakk7QUFpRTNCLHNEQUFnRDtBQUM5QywwRkFBa0Y7QUFDaEZVLFVBQUFBLGNBQWMsRUFBRTtBQURnRTtBQURwQztBQWpFckI7QUFEeEIsR0FBUDtBQXlFRCIsInNvdXJjZVJvb3QiOiJjb21wb25lbnQ6Ly8vIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50IG5vLW1hZ2ljLW51bWJlcnM6IFtcImVycm9yXCIsIHsgXCJpZ25vcmVcIjogWzJdIH1dICovXG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGNyZWF0ZVN0YWNrZWRMYXlvdXRTdHlsZSh7XG4gIGF2YXRhclNpemUsXG4gIGJ1YmJsZU1heFdpZHRoLFxuICBidWJibGVNaW5XaWR0aCxcbiAgcGFkZGluZ1JlZ3VsYXIsXG4gIHRyYW5zaXRpb25EdXJhdGlvblxufSkge1xuICByZXR1cm4ge1xuICAgICcmLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0Jzoge1xuICAgICAgbWFyZ2luTGVmdDogcGFkZGluZ1JlZ3VsYXIsXG4gICAgICBtYXJnaW5SaWdodDogcGFkZGluZ1JlZ3VsYXIsXG5cbiAgICAgICcmIC53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fYWxpZ25tZW50LXBhZCc6IHtcbiAgICAgICAgdHJhbnNpdGlvbkR1cmF0aW9uLFxuICAgICAgICB0cmFuc2l0aW9uUHJvcGVydHk6ICd3aWR0aCcsXG4gICAgICAgIHdpZHRoOiAwXG4gICAgICB9LFxuXG4gICAgICAnJi53ZWJjaGF0X19zdGFja2VkLWxheW91dC0tZXh0cmEtdHJhaWxpbmcgLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0X19hbGlnbm1lbnQtcGFkJzoge1xuICAgICAgICB3aWR0aDogcGFkZGluZ1JlZ3VsYXJcbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fYXZhdGFyLWd1dHRlcic6IHtcbiAgICAgICAgdHJhbnNpdGlvbkR1cmF0aW9uLFxuICAgICAgICB0cmFuc2l0aW9uUHJvcGVydHk6ICd3aWR0aCcsXG4gICAgICAgIHdpZHRoOiAwXG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXRfX2F0dGFjaG1lbnQnOiB7XG4gICAgICAgIG1heFdpZHRoOiBidWJibGVNYXhXaWR0aCxcbiAgICAgICAgbWluV2lkdGg6IGJ1YmJsZU1pbldpZHRoLFxuICAgICAgICB0cmFuc2l0aW9uRHVyYXRpb24sXG4gICAgICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTogJ21heC13aWR0aCwgbWluLXdpZHRoJ1xuICAgICAgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0X19hdHRhY2htZW50LXJvdyc6IHtcbiAgICAgICAgbWFyZ2luVG9wOiBwYWRkaW5nUmVndWxhcixcbiAgICAgICAgd2lkdGg6ICcxMDAlJ1xuICAgICAgfSxcblxuICAgICAgJyYud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXQtLW5vLW1lc3NhZ2UgLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0X19hdHRhY2htZW50LXJvdy53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fYXR0YWNobWVudC1yb3ctLWZpcnN0Jzoge1xuICAgICAgICBtYXJnaW5Ub3A6IDBcbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fbWVzc2FnZSc6IHtcbiAgICAgICAgbWF4V2lkdGg6IGJ1YmJsZU1heFdpZHRoLFxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIHRyYW5zaXRpb25EdXJhdGlvbixcbiAgICAgICAgdHJhbnNpdGlvblByb3BlcnR5OiAnbWF4LXdpZHRoJ1xuICAgICAgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0X19udWItcGFkJzoge1xuICAgICAgICB0cmFuc2l0aW9uRHVyYXRpb24sXG4gICAgICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTogJ3dpZHRoJyxcbiAgICAgICAgd2lkdGg6IDBcbiAgICAgIH0sXG5cbiAgICAgICcmLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0LS1oaWRlLWF2YXRhciwgJi53ZWJjaGF0X19zdGFja2VkLWxheW91dC0tc2hvdy1hdmF0YXInOiB7XG4gICAgICAgICcmIC53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fYXZhdGFyLWd1dHRlcic6IHtcbiAgICAgICAgICB3aWR0aDogYXZhdGFyU2l6ZVxuICAgICAgICB9XG4gICAgICB9LFxuXG4gICAgICAnJi53ZWJjaGF0X19zdGFja2VkLWxheW91dC0taGlkZS1hdmF0YXIsICYud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXQtLXNob3ctYXZhdGFyLCAmLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0LS1oaWRlLW51YiwgJi53ZWJjaGF0X19zdGFja2VkLWxheW91dC0tc2hvdy1udWInOiB7XG4gICAgICAgICcmIC53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fYXR0YWNobWVudCwgJiAud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXRfX21lc3NhZ2UnOiB7XG4gICAgICAgICAgbWF4V2lkdGg6IGJ1YmJsZU1heFdpZHRoICsgcGFkZGluZ1JlZ3VsYXJcbiAgICAgICAgfSxcblxuICAgICAgICAnJiAud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXRfX251Yi1wYWQnOiB7XG4gICAgICAgICAgd2lkdGg6IHBhZGRpbmdSZWd1bGFyXG4gICAgICAgIH1cbiAgICAgIH0sXG5cbiAgICAgICcmOm5vdCgud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXQtLXRvcC1jYWxsb3V0KSc6IHtcbiAgICAgICAgJyYgLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0X19hdmF0YXItZ3V0dGVyLCAmIC53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fY29udGVudCc6IHtcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJ1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9O1xufVxuIl19