botframework-webchat-component
Version:
React component of botframework-webchat
77 lines (75 loc) • 8.44 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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVTdGFja2VkTGF5b3V0U3R5bGUiLCJfcmVmIiwiYXZhdGFyU2l6ZSIsImJ1YmJsZU1heFdpZHRoIiwiYnViYmxlTWluV2lkdGgiLCJwYWRkaW5nUmVndWxhciIsInRyYW5zaXRpb25EdXJhdGlvbiIsIm1hcmdpbkxlZnQiLCJtYXJnaW5SaWdodCIsInRyYW5zaXRpb25Qcm9wZXJ0eSIsIndpZHRoIiwibWF4V2lkdGgiLCJtaW5XaWR0aCIsIm1hcmdpblRvcCIsIm92ZXJmbG93IiwianVzdGlmeUNvbnRlbnQiXSwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU3RhY2tlZExheW91dC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQgbm8tbWFnaWMtbnVtYmVyczogW1wiZXJyb3JcIiwgeyBcImlnbm9yZVwiOiBbMl0gfV0gKi9cblxuaW1wb3J0IHsgU3RyaWN0U3R5bGVPcHRpb25zIH0gZnJvbSAnYm90ZnJhbWV3b3JrLXdlYmNoYXQtYXBpJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlU3RhY2tlZExheW91dFN0eWxlKHtcbiAgYXZhdGFyU2l6ZSxcbiAgYnViYmxlTWF4V2lkdGgsXG4gIGJ1YmJsZU1pbldpZHRoLFxuICBwYWRkaW5nUmVndWxhcixcbiAgdHJhbnNpdGlvbkR1cmF0aW9uXG59OiBTdHJpY3RTdHlsZU9wdGlvbnMpIHtcbiAgcmV0dXJuIHtcbiAgICAnJi53ZWJjaGF0X19zdGFja2VkLWxheW91dCc6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IHBhZGRpbmdSZWd1bGFyLFxuICAgICAgbWFyZ2luUmlnaHQ6IHBhZGRpbmdSZWd1bGFyLFxuXG4gICAgICAnJiAud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXRfX2FsaWdubWVudC1wYWQnOiB7XG4gICAgICAgIHRyYW5zaXRpb25EdXJhdGlvbixcbiAgICAgICAgdHJhbnNpdGlvblByb3BlcnR5OiAnd2lkdGgnLFxuICAgICAgICB3aWR0aDogMFxuICAgICAgfSxcblxuICAgICAgJyYud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXQtLWV4dHJhLXRyYWlsaW5nIC53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fYWxpZ25tZW50LXBhZCc6IHtcbiAgICAgICAgd2lkdGg6IHBhZGRpbmdSZWd1bGFyXG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXRfX2F2YXRhci1ndXR0ZXInOiB7XG4gICAgICAgIHRyYW5zaXRpb25EdXJhdGlvbixcbiAgICAgICAgdHJhbnNpdGlvblByb3BlcnR5OiAnd2lkdGgnLFxuICAgICAgICB3aWR0aDogMFxuICAgICAgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0X19hdHRhY2htZW50Jzoge1xuICAgICAgICBtYXhXaWR0aDogYnViYmxlTWF4V2lkdGgsXG4gICAgICAgIG1pbldpZHRoOiBidWJibGVNaW5XaWR0aCxcbiAgICAgICAgdHJhbnNpdGlvbkR1cmF0aW9uLFxuICAgICAgICB0cmFuc2l0aW9uUHJvcGVydHk6ICdtYXgtd2lkdGgsIG1pbi13aWR0aCdcbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fYXR0YWNobWVudC1yb3cnOiB7XG4gICAgICAgIG1hcmdpblRvcDogcGFkZGluZ1JlZ3VsYXIsXG4gICAgICAgIHdpZHRoOiAnMTAwJSdcbiAgICAgIH0sXG5cbiAgICAgICcmLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0LS1uby1tZXNzYWdlIC53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fYXR0YWNobWVudC1yb3cud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXRfX2F0dGFjaG1lbnQtcm93LS1maXJzdCc6XG4gICAgICAgIHtcbiAgICAgICAgICBtYXJnaW5Ub3A6IDBcbiAgICAgICAgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0X19tZXNzYWdlJzoge1xuICAgICAgICBtYXhXaWR0aDogYnViYmxlTWF4V2lkdGgsXG4gICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgdHJhbnNpdGlvbkR1cmF0aW9uLFxuICAgICAgICB0cmFuc2l0aW9uUHJvcGVydHk6ICdtYXgtd2lkdGgnXG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXRfX251Yi1wYWQnOiB7XG4gICAgICAgIHRyYW5zaXRpb25EdXJhdGlvbixcbiAgICAgICAgdHJhbnNpdGlvblByb3BlcnR5OiAnd2lkdGgnLFxuICAgICAgICB3aWR0aDogMFxuICAgICAgfSxcblxuICAgICAgJyYud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXQtLWhpZGUtYXZhdGFyLCAmLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0LS1zaG93LWF2YXRhcic6IHtcbiAgICAgICAgJyYgLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0X19hdmF0YXItZ3V0dGVyJzoge1xuICAgICAgICAgIHdpZHRoOiBhdmF0YXJTaXplXG4gICAgICAgIH1cbiAgICAgIH0sXG5cbiAgICAgICcmLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0LS1oaWRlLWF2YXRhciwgJi53ZWJjaGF0X19zdGFja2VkLWxheW91dC0tc2hvdy1hdmF0YXIsICYud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXQtLWhpZGUtbnViLCAmLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0LS1zaG93LW51Yic6XG4gICAgICAgIHtcbiAgICAgICAgICAnJiAud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXRfX2F0dGFjaG1lbnQsICYgLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0X19tZXNzYWdlJzoge1xuICAgICAgICAgICAgbWF4V2lkdGg6IGJ1YmJsZU1heFdpZHRoICsgcGFkZGluZ1JlZ3VsYXJcbiAgICAgICAgICB9LFxuXG4gICAgICAgICAgJyYgLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0X19udWItcGFkJzoge1xuICAgICAgICAgICAgd2lkdGg6IHBhZGRpbmdSZWd1bGFyXG4gICAgICAgICAgfVxuICAgICAgICB9LFxuXG4gICAgICAnJjpub3QoLndlYmNoYXRfX3N0YWNrZWQtbGF5b3V0LS10b3AtY2FsbG91dCknOiB7XG4gICAgICAgICcmIC53ZWJjaGF0X19zdGFja2VkLWxheW91dF9fYXZhdGFyLWd1dHRlciwgJiAud2ViY2hhdF9fc3RhY2tlZC1sYXlvdXRfX2NvbnRlbnQnOiB7XG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCdcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7O0FBSWUsU0FBU0Esd0JBQXdCQSxDQUFBQyxJQUFBLEVBTXpCO0VBQUEsSUFMckJDLFVBQVUsR0FBQUQsSUFBQSxDQUFWQyxVQUFVO0lBQ1ZDLGNBQWMsR0FBQUYsSUFBQSxDQUFkRSxjQUFjO0lBQ2RDLGNBQWMsR0FBQUgsSUFBQSxDQUFkRyxjQUFjO0lBQ2RDLGNBQWMsR0FBQUosSUFBQSxDQUFkSSxjQUFjO0lBQ2RDLGtCQUFrQixHQUFBTCxJQUFBLENBQWxCSyxrQkFBa0I7RUFFbEIsT0FBTztJQUNMLDJCQUEyQixFQUFFO01BQzNCQyxVQUFVLEVBQUVGLGNBQWM7TUFDMUJHLFdBQVcsRUFBRUgsY0FBYztNQUUzQiwyQ0FBMkMsRUFBRTtRQUMzQ0Msa0JBQWtCLEVBQWxCQSxrQkFBa0I7UUFDbEJHLGtCQUFrQixFQUFFLE9BQU87UUFDM0JDLEtBQUssRUFBRTtNQUNULENBQUM7TUFFRCxtRkFBbUYsRUFBRTtRQUNuRkEsS0FBSyxFQUFFTDtNQUNULENBQUM7TUFFRCwyQ0FBMkMsRUFBRTtRQUMzQ0Msa0JBQWtCLEVBQWxCQSxrQkFBa0I7UUFDbEJHLGtCQUFrQixFQUFFLE9BQU87UUFDM0JDLEtBQUssRUFBRTtNQUNULENBQUM7TUFFRCx3Q0FBd0MsRUFBRTtRQUN4Q0MsUUFBUSxFQUFFUixjQUFjO1FBQ3hCUyxRQUFRLEVBQUVSLGNBQWM7UUFDeEJFLGtCQUFrQixFQUFsQkEsa0JBQWtCO1FBQ2xCRyxrQkFBa0IsRUFBRTtNQUN0QixDQUFDO01BRUQsNENBQTRDLEVBQUU7UUFDNUNJLFNBQVMsRUFBRVIsY0FBYztRQUN6QkssS0FBSyxFQUFFO01BQ1QsQ0FBQztNQUVELCtIQUErSCxFQUM3SDtRQUNFRyxTQUFTLEVBQUU7TUFDYixDQUFDO01BRUgscUNBQXFDLEVBQUU7UUFDckNGLFFBQVEsRUFBRVIsY0FBYztRQUN4QlcsUUFBUSxFQUFFLFFBQVE7UUFDbEJSLGtCQUFrQixFQUFsQkEsa0JBQWtCO1FBQ2xCRyxrQkFBa0IsRUFBRTtNQUN0QixDQUFDO01BRUQscUNBQXFDLEVBQUU7UUFDckNILGtCQUFrQixFQUFsQkEsa0JBQWtCO1FBQ2xCRyxrQkFBa0IsRUFBRSxPQUFPO1FBQzNCQyxLQUFLLEVBQUU7TUFDVCxDQUFDO01BRUQsZ0ZBQWdGLEVBQUU7UUFDaEYsMkNBQTJDLEVBQUU7VUFDM0NBLEtBQUssRUFBRVI7UUFDVDtNQUNGLENBQUM7TUFFRCwwSkFBMEosRUFDeEo7UUFDRSw2RUFBNkUsRUFBRTtVQUM3RVMsUUFBUSxFQUFFUixjQUFjLEdBQUdFO1FBQzdCLENBQUM7UUFFRCxxQ0FBcUMsRUFBRTtVQUNyQ0ssS0FBSyxFQUFFTDtRQUNUO01BQ0YsQ0FBQztNQUVILDhDQUE4QyxFQUFFO1FBQzlDLGdGQUFnRixFQUFFO1VBQ2hGVSxjQUFjLEVBQUU7UUFDbEI7TUFDRjtJQUNGO0VBQ0YsQ0FBQztBQUNIIn0=