botframework-webchat-component
Version:
React component of botframework-webchat
57 lines (56 loc) • 10.5 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = CarouselFilmStripAttachment;
var _mirrorStyle = _interopRequireDefault(require("../mirrorStyle"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } /* eslint no-magic-numbers: ["error", { "ignore": [2] }] */
function CarouselFilmStripAttachment(_ref) {
var avatarSize = _ref.avatarSize,
bubbleMaxWidth = _ref.bubbleMaxWidth,
bubbleMinWidth = _ref.bubbleMinWidth,
paddingRegular = _ref.paddingRegular,
transcriptVisualKeyboardIndicatorColor = _ref.transcriptVisualKeyboardIndicatorColor,
transcriptVisualKeyboardIndicatorStyle = _ref.transcriptVisualKeyboardIndicatorStyle,
transcriptVisualKeyboardIndicatorWidth = _ref.transcriptVisualKeyboardIndicatorWidth,
transitionDuration = _ref.transitionDuration;
return _objectSpread({
'&.webchat__carousel-filmstrip-attachment': {
minWidth: bubbleMinWidth,
maxWidth: bubbleMaxWidth,
transitionDuration: transitionDuration,
transitionProperty: 'max-width, min-width',
'&:focus': {
outline: 0
},
'&:focus .webchat__carousel-filmstrip-attachment--focus': {
borderColor: transcriptVisualKeyboardIndicatorColor,
borderStyle: transcriptVisualKeyboardIndicatorStyle,
borderWidth: transcriptVisualKeyboardIndicatorWidth,
boxSizing: 'border-box',
height: "calc(100% - ".concat(transcriptVisualKeyboardIndicatorWidth, "px)"),
left: 0,
pointerEvents: 'none',
position: 'absolute',
top: 0,
width: "calc(100% - ".concat(transcriptVisualKeyboardIndicatorWidth, "px)")
}
}
}, (0, _mirrorStyle.default)('&.webchat__carousel-filmstrip-attachment--rtl', {
paddingLeft: paddingRegular,
'&.webchat__carousel-filmstrip-attachment--hide-avatar, &.webchat__carousel-filmstrip-attachment--show-avatar': {
'&:first-child': {
paddingLeft: avatarSize + paddingRegular * 2
}
},
'&.webchat__carousel-filmstrip-attachment--hide-nub, &.webchat__carousel-filmstrip-attachment--show-nub': {
'&:not(.webchat__carousel-filmstrip-attachment--hide-avatar.webchat__carousel-filmstrip-attachment--show-avatar):first-child': {
paddingLeft: paddingRegular * 2
}
}
}));
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfbWlycm9yU3R5bGUiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0Iiwib3duS2V5cyIsIm9iamVjdCIsImVudW1lcmFibGVPbmx5Iiwia2V5cyIsIk9iamVjdCIsImdldE93blByb3BlcnR5U3ltYm9scyIsInN5bWJvbHMiLCJmaWx0ZXIiLCJzeW0iLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsInRhcmdldCIsImkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJzb3VyY2UiLCJmb3JFYWNoIiwia2V5IiwiX2RlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJkZWZpbmVQcm9wZXJ0eSIsInZhbHVlIiwiY29uZmlndXJhYmxlIiwid3JpdGFibGUiLCJDYXJvdXNlbEZpbG1TdHJpcEF0dGFjaG1lbnQiLCJfcmVmIiwiYXZhdGFyU2l6ZSIsImJ1YmJsZU1heFdpZHRoIiwiYnViYmxlTWluV2lkdGgiLCJwYWRkaW5nUmVndWxhciIsInRyYW5zY3JpcHRWaXN1YWxLZXlib2FyZEluZGljYXRvckNvbG9yIiwidHJhbnNjcmlwdFZpc3VhbEtleWJvYXJkSW5kaWNhdG9yU3R5bGUiLCJ0cmFuc2NyaXB0VmlzdWFsS2V5Ym9hcmRJbmRpY2F0b3JXaWR0aCIsInRyYW5zaXRpb25EdXJhdGlvbiIsIm1pbldpZHRoIiwibWF4V2lkdGgiLCJ0cmFuc2l0aW9uUHJvcGVydHkiLCJvdXRsaW5lIiwiYm9yZGVyQ29sb3IiLCJib3JkZXJTdHlsZSIsImJvcmRlcldpZHRoIiwiYm94U2l6aW5nIiwiaGVpZ2h0IiwiY29uY2F0IiwibGVmdCIsInBvaW50ZXJFdmVudHMiLCJwb3NpdGlvbiIsInRvcCIsIndpZHRoIiwibWlycm9yU3R5bGUiLCJwYWRkaW5nTGVmdCJdLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL1N0eWxlcy9TdHlsZVNldC9DYXJvdXNlbEZpbG1TdHJpcEF0dGFjaG1lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50IG5vLW1hZ2ljLW51bWJlcnM6IFtcImVycm9yXCIsIHsgXCJpZ25vcmVcIjogWzJdIH1dICovXG5pbXBvcnQgeyBTdHJpY3RTdHlsZU9wdGlvbnMgfSBmcm9tICdib3RmcmFtZXdvcmstd2ViY2hhdC1hcGknO1xuXG5pbXBvcnQgbWlycm9yU3R5bGUgZnJvbSAnLi4vbWlycm9yU3R5bGUnO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBDYXJvdXNlbEZpbG1TdHJpcEF0dGFjaG1lbnQoe1xuICBhdmF0YXJTaXplLFxuICBidWJibGVNYXhXaWR0aCxcbiAgYnViYmxlTWluV2lkdGgsXG4gIHBhZGRpbmdSZWd1bGFyLFxuICB0cmFuc2NyaXB0VmlzdWFsS2V5Ym9hcmRJbmRpY2F0b3JDb2xvcixcbiAgdHJhbnNjcmlwdFZpc3VhbEtleWJvYXJkSW5kaWNhdG9yU3R5bGUsXG4gIHRyYW5zY3JpcHRWaXN1YWxLZXlib2FyZEluZGljYXRvcldpZHRoLFxuICB0cmFuc2l0aW9uRHVyYXRpb25cbn06IFN0cmljdFN0eWxlT3B0aW9ucykge1xuICByZXR1cm4ge1xuICAgICcmLndlYmNoYXRfX2Nhcm91c2VsLWZpbG1zdHJpcC1hdHRhY2htZW50Jzoge1xuICAgICAgbWluV2lkdGg6IGJ1YmJsZU1pbldpZHRoLFxuICAgICAgbWF4V2lkdGg6IGJ1YmJsZU1heFdpZHRoLFxuICAgICAgdHJhbnNpdGlvbkR1cmF0aW9uLFxuICAgICAgdHJhbnNpdGlvblByb3BlcnR5OiAnbWF4LXdpZHRoLCBtaW4td2lkdGgnLFxuXG4gICAgICAnJjpmb2N1cyc6IHtcbiAgICAgICAgb3V0bGluZTogMFxuICAgICAgfSxcblxuICAgICAgJyY6Zm9jdXMgLndlYmNoYXRfX2Nhcm91c2VsLWZpbG1zdHJpcC1hdHRhY2htZW50LS1mb2N1cyc6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRyYW5zY3JpcHRWaXN1YWxLZXlib2FyZEluZGljYXRvckNvbG9yLFxuICAgICAgICBib3JkZXJTdHlsZTogdHJhbnNjcmlwdFZpc3VhbEtleWJvYXJkSW5kaWNhdG9yU3R5bGUsXG4gICAgICAgIGJvcmRlcldpZHRoOiB0cmFuc2NyaXB0VmlzdWFsS2V5Ym9hcmRJbmRpY2F0b3JXaWR0aCxcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgIGhlaWdodDogYGNhbGMoMTAwJSAtICR7dHJhbnNjcmlwdFZpc3VhbEtleWJvYXJkSW5kaWNhdG9yV2lkdGh9cHgpYCxcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtICR7dHJhbnNjcmlwdFZpc3VhbEtleWJvYXJkSW5kaWNhdG9yV2lkdGh9cHgpYFxuICAgICAgfVxuICAgIH0sXG4gICAgLi4ubWlycm9yU3R5bGUoJyYud2ViY2hhdF9fY2Fyb3VzZWwtZmlsbXN0cmlwLWF0dGFjaG1lbnQtLXJ0bCcsIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBwYWRkaW5nUmVndWxhcixcblxuICAgICAgJyYud2ViY2hhdF9fY2Fyb3VzZWwtZmlsbXN0cmlwLWF0dGFjaG1lbnQtLWhpZGUtYXZhdGFyLCAmLndlYmNoYXRfX2Nhcm91c2VsLWZpbG1zdHJpcC1hdHRhY2htZW50LS1zaG93LWF2YXRhcic6IHtcbiAgICAgICAgJyY6Zmlyc3QtY2hpbGQnOiB7XG4gICAgICAgICAgcGFkZGluZ0xlZnQ6IGF2YXRhclNpemUgKyBwYWRkaW5nUmVndWxhciAqIDJcbiAgICAgICAgfVxuICAgICAgfSxcblxuICAgICAgJyYud2ViY2hhdF9fY2Fyb3VzZWwtZmlsbXN0cmlwLWF0dGFjaG1lbnQtLWhpZGUtbnViLCAmLndlYmNoYXRfX2Nhcm91c2VsLWZpbG1zdHJpcC1hdHRhY2htZW50LS1zaG93LW51Yic6IHtcbiAgICAgICAgJyY6bm90KC53ZWJjaGF0X19jYXJvdXNlbC1maWxtc3RyaXAtYXR0YWNobWVudC0taGlkZS1hdmF0YXIud2ViY2hhdF9fY2Fyb3VzZWwtZmlsbXN0cmlwLWF0dGFjaG1lbnQtLXNob3ctYXZhdGFyKTpmaXJzdC1jaGlsZCc6XG4gICAgICAgICAge1xuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IHBhZGRpbmdSZWd1bGFyICogMlxuICAgICAgICAgIH1cbiAgICAgIH1cbiAgICB9KVxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFHQSxJQUFBQSxZQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFBeUMsU0FBQUQsdUJBQUFFLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFBQSxTQUFBRyxRQUFBQyxNQUFBLEVBQUFDLGNBQUEsUUFBQUMsSUFBQSxHQUFBQyxNQUFBLENBQUFELElBQUEsQ0FBQUYsTUFBQSxPQUFBRyxNQUFBLENBQUFDLHFCQUFBLFFBQUFDLE9BQUEsR0FBQUYsTUFBQSxDQUFBQyxxQkFBQSxDQUFBSixNQUFBLEdBQUFDLGNBQUEsS0FBQUksT0FBQSxHQUFBQSxPQUFBLENBQUFDLE1BQUEsV0FBQUMsR0FBQSxXQUFBSixNQUFBLENBQUFLLHdCQUFBLENBQUFSLE1BQUEsRUFBQU8sR0FBQSxFQUFBRSxVQUFBLE9BQUFQLElBQUEsQ0FBQVEsSUFBQSxDQUFBQyxLQUFBLENBQUFULElBQUEsRUFBQUcsT0FBQSxZQUFBSCxJQUFBO0FBQUEsU0FBQVUsY0FBQUMsTUFBQSxhQUFBQyxDQUFBLE1BQUFBLENBQUEsR0FBQUMsU0FBQSxDQUFBQyxNQUFBLEVBQUFGLENBQUEsVUFBQUcsTUFBQSxXQUFBRixTQUFBLENBQUFELENBQUEsSUFBQUMsU0FBQSxDQUFBRCxDQUFB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