@atlaskit/blanket
Advanced tools
Comparing version 7.0.7 to 7.0.8
# @atlaskit/blanket | ||
## 7.0.8 | ||
- [patch] Adds missing implicit @babel/runtime dependency [b71751b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b71751b) | ||
## 7.0.7 | ||
@@ -4,0 +7,0 @@ - [patch] Adds sideEffects: false to allow proper tree shaking [b5d6d04](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b5d6d04) |
@@ -1,62 +0,56 @@ | ||
'use strict'; | ||
"use strict"; | ||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.BlanketWithoutAnalytics = undefined; | ||
exports.default = exports.BlanketWithoutAnalytics = void 0; | ||
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of'); | ||
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")); | ||
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf); | ||
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")); | ||
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck'); | ||
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")); | ||
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); | ||
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")); | ||
var _createClass2 = require('babel-runtime/helpers/createClass'); | ||
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")); | ||
var _createClass3 = _interopRequireDefault(_createClass2); | ||
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); | ||
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn'); | ||
var _react = _interopRequireWildcard(require("react")); | ||
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); | ||
var _analyticsNext = require("@atlaskit/analytics-next"); | ||
var _inherits2 = require('babel-runtime/helpers/inherits'); | ||
var _package = require("../package.json"); | ||
var _inherits3 = _interopRequireDefault(_inherits2); | ||
var _styled = _interopRequireDefault(require("./styled")); | ||
var _react = require('react'); | ||
var Blanket = | ||
/*#__PURE__*/ | ||
function (_PureComponent) { | ||
(0, _inherits2.default)(Blanket, _PureComponent); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _analyticsNext = require('@atlaskit/analytics-next'); | ||
var _package = require('../package.json'); | ||
var _styled = require('./styled'); | ||
var _styled2 = _interopRequireDefault(_styled); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var Blanket = function (_PureComponent) { | ||
(0, _inherits3.default)(Blanket, _PureComponent); | ||
function Blanket() { | ||
(0, _classCallCheck3.default)(this, Blanket); | ||
return (0, _possibleConstructorReturn3.default)(this, (Blanket.__proto__ || (0, _getPrototypeOf2.default)(Blanket)).apply(this, arguments)); | ||
(0, _classCallCheck2.default)(this, Blanket); | ||
return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Blanket).apply(this, arguments)); | ||
} | ||
(0, _createClass3.default)(Blanket, [{ | ||
key: 'render', | ||
(0, _createClass2.default)(Blanket, [{ | ||
key: "render", | ||
value: function render() { | ||
var _props = this.props, | ||
canClickThrough = _props.canClickThrough, | ||
isTinted = _props.isTinted, | ||
onBlanketClicked = _props.onBlanketClicked; | ||
var _this$props = this.props, | ||
canClickThrough = _this$props.canClickThrough, | ||
isTinted = _this$props.isTinted, | ||
onBlanketClicked = _this$props.onBlanketClicked; | ||
var onClick = canClickThrough ? null : onBlanketClicked; | ||
var containerProps = { canClickThrough: canClickThrough, isTinted: isTinted, onClick: onClick }; | ||
return _react2.default.createElement(_styled2.default, containerProps); | ||
var containerProps = { | ||
canClickThrough: canClickThrough, | ||
isTinted: isTinted, | ||
onClick: onClick | ||
}; | ||
return _react.default.createElement(_styled.default, containerProps); | ||
} | ||
@@ -67,12 +61,11 @@ }]); | ||
Blanket.defaultProps = { | ||
exports.BlanketWithoutAnalytics = Blanket; | ||
(0, _defineProperty2.default)(Blanket, "defaultProps", { | ||
canClickThrough: false, | ||
isTinted: false, | ||
onBlanketClicked: function onBlanketClicked() {} | ||
}; | ||
exports.BlanketWithoutAnalytics = Blanket; | ||
}); | ||
var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit'); | ||
exports.default = (0, _analyticsNext.withAnalyticsContext)({ | ||
var _default = (0, _analyticsNext.withAnalyticsContext)({ | ||
componentName: 'blanket', | ||
@@ -85,3 +78,2 @@ packageName: _package.name, | ||
actionSubject: 'blanket', | ||
attributes: { | ||
@@ -93,2 +85,4 @@ componentName: 'blanket', | ||
}) | ||
})(Blanket)); | ||
})(Blanket)); | ||
exports.default = _default; |
@@ -1,16 +0,15 @@ | ||
'use strict'; | ||
"use strict"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _Blanket = require('./Blanket'); | ||
Object.defineProperty(exports, 'default', { | ||
Object.defineProperty(exports, "default", { | ||
enumerable: true, | ||
get: function get() { | ||
return _interopRequireDefault(_Blanket).default; | ||
return _Blanket.default; | ||
} | ||
}); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var _Blanket = _interopRequireDefault(require("./Blanket")); |
@@ -1,30 +0,36 @@ | ||
'use strict'; | ||
"use strict"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.pointerEvents = exports.opacity = undefined; | ||
exports.default = exports.pointerEvents = exports.opacity = void 0; | ||
var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral'); | ||
var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2); | ||
var _theme = require("@atlaskit/theme"); | ||
var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n background: ', ';\n bottom: 0;\n left: 0;\n opacity: ', ';\n pointer-events: ', ';\n position: fixed;\n right: 0;\n top: 0;\n transition: opacity 220ms;\n z-index: ', ';\n'], ['\n background: ', ';\n bottom: 0;\n left: 0;\n opacity: ', ';\n pointer-events: ', ';\n position: fixed;\n right: 0;\n top: 0;\n transition: opacity 220ms;\n z-index: ', ';\n']); | ||
var backgroundColor = (0, _theme.themed)({ | ||
light: _theme.colors.N100A, | ||
dark: _theme.colors.DN90A | ||
}); | ||
var _styledComponents = require('styled-components'); | ||
var opacity = function opacity(p) { | ||
return p.isTinted ? 1 : 0; | ||
}; | ||
var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
exports.opacity = opacity; | ||
var _theme = require('@atlaskit/theme'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var backgroundColor = (0, _theme.themed)({ light: _theme.colors.N100A, dark: _theme.colors.DN90A }); | ||
var opacity = exports.opacity = function opacity(p) { | ||
return p.isTinted ? 1 : 0; | ||
}; | ||
var pointerEvents = exports.pointerEvents = function pointerEvents(p) { | ||
var pointerEvents = function pointerEvents(p) { | ||
return p.canClickThrough ? 'none' : 'initial'; | ||
}; | ||
exports.default = _styledComponents2.default.div(_templateObject, backgroundColor, opacity, pointerEvents, _theme.layers.blanket); | ||
exports.pointerEvents = pointerEvents; | ||
var _default = _styledComponents.default.div.withConfig({ | ||
displayName: "styled", | ||
componentId: "knyj0u-0" | ||
})(["\n background: ", ";\n bottom: 0;\n left: 0;\n opacity: ", ";\n pointer-events: ", ";\n position: fixed;\n right: 0;\n top: 0;\n transition: opacity 220ms;\n z-index: ", ";\n"], backgroundColor, opacity, pointerEvents, _theme.layers.blanket); | ||
exports.default = _default; |
@@ -1,6 +0,7 @@ | ||
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of'; | ||
import _classCallCheck from 'babel-runtime/helpers/classCallCheck'; | ||
import _createClass from 'babel-runtime/helpers/createClass'; | ||
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn'; | ||
import _inherits from 'babel-runtime/helpers/inherits'; | ||
import _classCallCheck from "@babel/runtime/helpers/classCallCheck"; | ||
import _createClass from "@babel/runtime/helpers/createClass"; | ||
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn"; | ||
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf"; | ||
import _inherits from "@babel/runtime/helpers/inherits"; | ||
import _defineProperty from "@babel/runtime/helpers/defineProperty"; | ||
import React, { PureComponent } from 'react'; | ||
@@ -11,3 +12,5 @@ import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next'; | ||
var Blanket = function (_PureComponent) { | ||
var Blanket = | ||
/*#__PURE__*/ | ||
function (_PureComponent) { | ||
_inherits(Blanket, _PureComponent); | ||
@@ -18,16 +21,18 @@ | ||
return _possibleConstructorReturn(this, (Blanket.__proto__ || _Object$getPrototypeOf(Blanket)).apply(this, arguments)); | ||
return _possibleConstructorReturn(this, _getPrototypeOf(Blanket).apply(this, arguments)); | ||
} | ||
_createClass(Blanket, [{ | ||
key: 'render', | ||
key: "render", | ||
value: function render() { | ||
var _props = this.props, | ||
canClickThrough = _props.canClickThrough, | ||
isTinted = _props.isTinted, | ||
onBlanketClicked = _props.onBlanketClicked; | ||
var _this$props = this.props, | ||
canClickThrough = _this$props.canClickThrough, | ||
isTinted = _this$props.isTinted, | ||
onBlanketClicked = _this$props.onBlanketClicked; | ||
var onClick = canClickThrough ? null : onBlanketClicked; | ||
var containerProps = { canClickThrough: canClickThrough, isTinted: isTinted, onClick: onClick }; | ||
var containerProps = { | ||
canClickThrough: canClickThrough, | ||
isTinted: isTinted, | ||
onClick: onClick | ||
}; | ||
return React.createElement(Div, containerProps); | ||
@@ -40,12 +45,10 @@ } | ||
Blanket.defaultProps = { | ||
_defineProperty(Blanket, "defaultProps", { | ||
canClickThrough: false, | ||
isTinted: false, | ||
onBlanketClicked: function onBlanketClicked() {} | ||
}; | ||
}); | ||
export { Blanket as BlanketWithoutAnalytics }; | ||
var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit'); | ||
export default withAnalyticsContext({ | ||
@@ -59,3 +62,2 @@ componentName: 'blanket', | ||
actionSubject: 'blanket', | ||
attributes: { | ||
@@ -62,0 +64,0 @@ componentName: 'blanket', |
@@ -1,9 +0,7 @@ | ||
import _taggedTemplateLiteral from 'babel-runtime/helpers/taggedTemplateLiteral'; | ||
var _templateObject = _taggedTemplateLiteral(['\n background: ', ';\n bottom: 0;\n left: 0;\n opacity: ', ';\n pointer-events: ', ';\n position: fixed;\n right: 0;\n top: 0;\n transition: opacity 220ms;\n z-index: ', ';\n'], ['\n background: ', ';\n bottom: 0;\n left: 0;\n opacity: ', ';\n pointer-events: ', ';\n position: fixed;\n right: 0;\n top: 0;\n transition: opacity 220ms;\n z-index: ', ';\n']); | ||
import styled from 'styled-components'; | ||
import { colors, themed, layers } from '@atlaskit/theme'; | ||
var backgroundColor = themed({ light: colors.N100A, dark: colors.DN90A }); | ||
var backgroundColor = themed({ | ||
light: colors.N100A, | ||
dark: colors.DN90A | ||
}); | ||
export var opacity = function opacity(p) { | ||
@@ -15,3 +13,5 @@ return p.isTinted ? 1 : 0; | ||
}; | ||
export default styled.div(_templateObject, backgroundColor, opacity, pointerEvents, layers.blanket); | ||
export default styled.div.withConfig({ | ||
displayName: "styled", | ||
componentId: "knyj0u-0" | ||
})(["\n background: ", ";\n bottom: 0;\n left: 0;\n opacity: ", ";\n pointer-events: ", ";\n position: fixed;\n right: 0;\n top: 0;\n transition: opacity 220ms;\n z-index: ", ";\n"], backgroundColor, opacity, pointerEvents, layers.blanket); |
{ | ||
"name": "@atlaskit/blanket", | ||
"version": "7.0.6", | ||
"version": "7.0.8", | ||
"sideEffects": false | ||
} |
{ | ||
"name": "@atlaskit/blanket", | ||
"version": "7.0.7", | ||
"version": "7.0.8", | ||
"description": "A React component that covers the underlying UI for a layered component.", | ||
@@ -22,4 +22,5 @@ "license": "Apache-2.0", | ||
"dependencies": { | ||
"@atlaskit/analytics-next": "^3.0.6", | ||
"@atlaskit/theme": "^6.0.2" | ||
"@atlaskit/analytics-next": "^3.0.10", | ||
"@atlaskit/theme": "^6.1.1", | ||
"@babel/runtime": "^7.0.0" | ||
}, | ||
@@ -32,3 +33,3 @@ "peerDependencies": { | ||
"@atlaskit/build-utils": "^2.0.0", | ||
"@atlaskit/button": "^9.0.8", | ||
"@atlaskit/button": "^9.0.15", | ||
"@atlaskit/docs": "^5.0.6", | ||
@@ -35,0 +36,0 @@ "enzyme": "https://registry.npmjs.org/@pgleeson/enzyme/-/enzyme-3.3.7.tgz", |
172
23933
5
+ Added@babel/runtime@^7.0.0
Updated@atlaskit/theme@^6.1.1