@atlaskit/media-ui 22.3.0 → 22.3.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-ui
 
+## 22.3.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 22.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 22.3.0
 
 ### Minor Changes

package/dist/cjs/MediaButton.js

@@ -1,31 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = MediaButton;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
 var _excluded = ["appearance", "buttonRef"],
-    _excluded2 = ["buttonStyles"];
-
+  _excluded2 = ["buttonStyles"];
 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) { (0, _defineProperty2.default)(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; }
-
 var buttonTheme = {
   default: {
     background: {
@@ -96,18 +85,15 @@ var buttonTheme = {
     }
   }
 };
-
 function extract(newTheme, _ref) {
   var appearance = _ref.appearance,
-      state = _ref.state,
-      mode = _ref.mode;
-
+    state = _ref.state,
+    mode = _ref.mode;
   // @ts-ignore
   if (!newTheme[appearance]) {
     return;
-  } // @ts-ignore
-
-
+  }
+  // @ts-ignore
   var root = newTheme[appearance];
   return Object.keys(root).reduce(function (acc, val) {
     var node = root;
@@ -115,33 +101,30 @@ function extract(newTheme, _ref) {
       if (!node[item]) {
         return;
       }
-
       if ((0, _typeof2.default)(node[item]) !== 'object') {
         acc[val] = node[item];
         return;
       }
-
       node = node[item];
       return;
     });
     return acc;
   }, {});
 }
-
 function MediaButton(_ref2) {
   var _ref2$appearance = _ref2.appearance,
-      appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,
-      buttonRef = _ref2.buttonRef,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,
+    buttonRef = _ref2.buttonRef,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, (0, _extends2.default)({}, rest, {
-    ref: buttonRef // Giving button the 'default' appearance so it can calculate the base styles
+    ref: buttonRef
+    // Giving button the 'default' appearance so it can calculate the base styles
     ,
     appearance: appearance,
     theme: function theme(currentTheme, themeProps) {
       var _currentTheme = currentTheme(themeProps),
-          buttonStyles = _currentTheme.buttonStyles,
-          rest = (0, _objectWithoutProperties2.default)(_currentTheme, _excluded2);
-
+        buttonStyles = _currentTheme.buttonStyles,
+        rest = (0, _objectWithoutProperties2.default)(_currentTheme, _excluded2);
       return _objectSpread({
         buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), extract(buttonTheme, _objectSpread(_objectSpread({}, themeProps), {}, {
           appearance: appearance

package/dist/cjs/MediaInlineCard/ErroredView/index.js

@@ -1,78 +1,52 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MediaInlineCardErroredView = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
-
 var _Frame = require("../Frame");
-
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
-
 var _Icon = require("../Icon");
-
 var _styled = require("../styled");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var MediaInlineCardErroredView = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(MediaInlineCardErroredView, _React$Component);
-
   var _super = _createSuper(MediaInlineCardErroredView);
-
   function MediaInlineCardErroredView() {
     var _this;
-
     (0, _classCallCheck2.default)(this, MediaInlineCardErroredView);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMessage", function () {
       var message = _this.props.message;
-
       var errorMessage = /*#__PURE__*/_react.default.createElement(_styled.NoLinkAppearance, null, message);
-
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errorMessage);
     });
     return _this;
   }
-
   (0, _createClass2.default)(MediaInlineCardErroredView, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          onClick = _this$props.onClick,
-          isSelected = _this$props.isSelected,
-          _this$props$testId = _this$props.testId,
-          testId = _this$props$testId === void 0 ? 'media-inline-card-errored-view' : _this$props$testId,
-          icon = _this$props.icon;
+        onClick = _this$props.onClick,
+        isSelected = _this$props.isSelected,
+        _this$props$testId = _this$props.testId,
+        testId = _this$props$testId === void 0 ? 'media-inline-card-errored-view' : _this$props$testId,
+        icon = _this$props.icon;
       return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
         testId: testId,
         onClick: onClick,
@@ -89,5 +63,4 @@ var MediaInlineCardErroredView = /*#__PURE__*/function (_React$Component) {
   }]);
   return MediaInlineCardErroredView;
 }(_react.default.Component);
-
 exports.MediaInlineCardErroredView = MediaInlineCardErroredView;

package/dist/cjs/MediaInlineCard/Frame/index.js

@@ -1,52 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Frame = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = require("./styled");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var Frame = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Frame, _React$Component);
-
   var _super = _createSuper(Frame);
-
   function Frame() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Frame);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (event) {
       var onClick = _this.props.onClick;
-
       if (onClick) {
         event.preventDefault();
         event.stopPropagation();
@@ -57,9 +38,7 @@ var Frame = /*#__PURE__*/function (_React$Component) {
       if (event.key !== ' ' && event.key !== 'Enter') {
         return;
       }
-
       var onClick = _this.props.onClick;
-
       if (onClick) {
         event.preventDefault();
         event.stopPropagation();
@@ -71,15 +50,14 @@ var Frame = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(Frame, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          isSelected = _this$props.isSelected,
-          children = _this$props.children,
-          onClick = _this$props.onClick,
-          testId = _this$props.testId;
+        isSelected = _this$props.isSelected,
+        children = _this$props.children,
+        onClick = _this$props.onClick,
+        testId = _this$props.testId;
       var isInteractive = Boolean(onClick);
       return /*#__PURE__*/_react.default.createElement(_styled.Wrapper, {
         isSelected: isSelected,
@@ -94,5 +72,4 @@ var Frame = /*#__PURE__*/function (_React$Component) {
   }]);
   return Frame;
 }(_react.default.Component);
-
 exports.Frame = Frame;

package/dist/cjs/MediaInlineCard/Frame/styled.js

@@ -1,35 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject;
-
 var FONT_COLOR = "var(--ds-text, ".concat(_colors.N900, ")");
 var BACKGROUND_COLOR = "var(--ds-background-neutral, ".concat(_colors.N30A, ")");
 var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 1px ".concat("var(--ds-border-selected, ".concat(_colors.B300, ")"), ";\n  outline: none;\n  user-select: none;\n  border-color: transparent;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n");
-
 var isSelected = function isSelected(_ref) {
   var isSelected = _ref.isSelected;
-
   if (isSelected) {
     return selected;
   } else {
     return 'user-select: text';
   }
 };
+
 /*
   Media Inline cards should have the following layout:
   -----------------
@@ -42,10 +34,7 @@ var isSelected = function isSelected(_ref) {
 // NB: `padding` consistent with @mentions.
 // NB: `display: inline` required for `box-decoration-break` to work.
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-
-
 var Wrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 16px;\n  padding: 2px 4px 2px 4px;\n  box-decoration-break: clone;\n  display: inline;\n  border-radius: ", "px;\n  color: ", ";\n  background-color: ", ";\n  ", ";\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), (0, _constants.borderRadius)(), FONT_COLOR, BACKGROUND_COLOR, function (props) {
   return isSelected(props);
 }, "var(--ds-background-neutral-hovered, ".concat(_colors.N40A, ")"));
-
 exports.Wrapper = Wrapper;

package/dist/cjs/MediaInlineCard/Icon.js

@@ -1,30 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Icon = exports.AKIconWrapper = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _templateObject, _templateObject2;
-
 // TODO: Figure out a more scalable/responsive solution
 // for vertical alignment.
 // Current rationale: vertically positioned at the top of
 // the smart card container (when set to 0). Offset this
 // to position it with appropriate whitespace from the top.
-var Icon = _styled.default.img(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 14px;\n  width: 14px;\n  margin-right: 4px;\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]))); // Used for 'untrue' icons which claim to be 16x16 but
+var Icon = _styled.default.img(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 14px;\n  width: 14px;\n  margin-right: 4px;\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
+
+// Used for 'untrue' icons which claim to be 16x16 but
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
-
-
 exports.Icon = Icon;
-
 var AKIconWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: -2px;\n"])));
-
 exports.AKIconWrapper = AKIconWrapper;

package/dist/cjs/MediaInlineCard/IconAndTitleLayout/index.js

@@ -1,74 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconAndTitleLayout = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
-
 var _Icon = require("../Icon");
-
 var _styled = require("./styled");
-
 var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(IconAndTitleLayout, _React$Component);
-
   var _super = _createSuper(IconAndTitleLayout);
-
   function IconAndTitleLayout() {
     (0, _classCallCheck2.default)(this, IconAndTitleLayout);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(IconAndTitleLayout, [{
     key: "renderAtlaskitIcon",
     value: function renderAtlaskitIcon() {
       var _this$props = this.props,
-          icon = _this$props.icon,
-          emoji = _this$props.emoji;
-
+        icon = _this$props.icon,
+        emoji = _this$props.emoji;
       if (emoji) {
         return /*#__PURE__*/_react.default.createElement(_styled.EmojiWrapper, null, emoji);
       }
-
       if (!icon || typeof icon === 'string') {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, icon);
     }
   }, {
     key: "renderImageIcon",
     value: function renderImageIcon(errored, testId) {
       var url = this.props.icon;
-
       if (!url || typeof url !== 'string') {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_reactRenderImage.default, {
         src: url,
         loaded: /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
@@ -83,11 +60,9 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
     key: "renderIconPlaceholder",
     value: function renderIconPlaceholder(testId) {
       var defaultIcon = this.props.defaultIcon;
-
       if (defaultIcon) {
         return /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, defaultIcon);
       }
-
       return /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_link.default, {
         label: "link",
         size: "small",
@@ -102,11 +77,9 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
       // - Atlaskit Icon: an Atlaskit SVG;
       // Each of these are scaled down to 12x12.
       var icon = this.renderAtlaskitIcon();
-
       if (icon) {
         return icon;
       }
-
       var placeholder = this.renderIconPlaceholder(testId);
       var image = this.renderImageIcon(placeholder, testId);
       return image || placeholder;
@@ -115,11 +88,11 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          children = _this$props2.children,
-          title = _this$props2.title,
-          titleColor = _this$props2.titleColor,
-          _this$props2$testId = _this$props2.testId,
-          testId = _this$props2$testId === void 0 ? 'media-inline-card-icon-and-title' : _this$props2$testId;
+        children = _this$props2.children,
+        title = _this$props2.title,
+        titleColor = _this$props2.titleColor,
+        _this$props2$testId = _this$props2.testId,
+        testId = _this$props2$testId === void 0 ? 'media-inline-card-icon-and-title' : _this$props2$testId;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconTitleWrapper, {
         style: {
           color: titleColor || "var(--ds-text, ".concat(_colors.N900, ")")
@@ -129,5 +102,4 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
   }]);
   return IconAndTitleLayout;
 }(_react.default.Component);
-
 exports.IconAndTitleLayout = IconAndTitleLayout;

package/dist/cjs/MediaInlineCard/IconAndTitleLayout/styled.js

@@ -1,72 +1,54 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TitleWrapper = exports.RightIconPositionWrapper = exports.LozengeWrapper = exports.LozengeBlockWrapper = exports.IconWrapper = exports.IconTitleWrapper = exports.IconPositionWrapper = exports.IconOverrides = exports.IconObjectOverrides = exports.IconEmptyWrapper = exports.EmojiWrapper = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
 // TODO: remove this override behaviour for @atlaskit/icon-object
-var IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n"; // TODO: remove this override behaviour for @atlaskit/icon
-
+var IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+// TODO: remove this override behaviour for @atlaskit/icon
 exports.IconObjectOverrides = IconObjectOverrides;
-var IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n"; // Wraps all icons represented in Inline Links. Icons have three sources/types:
+var IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+
+// Wraps all icons represented in Inline Links. Icons have three sources/types:
 // - JSON-LD: from the generator.icon property coming back from ORS.
 // - @atlaskit/icon: for lock icons, unauthorized, etc.
 // - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
 // NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
 // NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
-
 exports.IconOverrides = IconOverrides;
+var IconWrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  user-select: none;\n  ", "\n  ", "\n"])), IconOverrides, IconObjectOverrides);
 
-var IconWrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  user-select: none;\n  ", "\n  ", "\n"])), IconOverrides, IconObjectOverrides); // Wraps all emoji in Inline Links similar to icon
-
-
+// Wraps all emoji in Inline Links similar to icon
 exports.IconWrapper = IconWrapper;
+var EmojiWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  margin-right: 2px;\n  user-select: none;\n  ", "\n  ", "\n"])), IconOverrides, IconObjectOverrides);
 
-var EmojiWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  margin-right: 2px;\n  user-select: none;\n  ", "\n  ", "\n"])), IconOverrides, IconObjectOverrides); // The main 'wrapping' element, title of the content.
+// The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
 // NB: `word-break` line breaks as soon as an overflow takes place.
-
-
 exports.EmojiWrapper = EmojiWrapper;
+var IconTitleWrapper = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  white-space: pre-wrap;\n  word-break: break-all;\n"])));
 
-var IconTitleWrapper = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  white-space: pre-wrap;\n  word-break: break-all;\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
-
-
+// TODO: Replace overrides with proper AtlasKit solution.
 exports.IconTitleWrapper = IconTitleWrapper;
-
-var LozengeWrapper = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: 1px;\n  & > span {\n    margin-left: 4px;\n    padding: 2px 0 2px 0;\n  }\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
-
-
+var LozengeWrapper = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: 1px;\n  & > span {\n    margin-left: 4px;\n    padding: 2px 0 2px 0;\n  }\n"])));
+// TODO: Replace overrides with proper AtlasKit solution.
 exports.LozengeWrapper = LozengeWrapper;
-
 var LozengeBlockWrapper = _styled.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  & > span {\n    margin-left: 4px;\n    padding: 2px 0 2px 0;\n  }\n"])));
-
 exports.LozengeBlockWrapper = LozengeBlockWrapper;
+var RightIconPositionWrapper = _styled.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 2px;\n  margin-right: 4px;\n  position: relative;\n  display: inline-block;\n"])));
 
-var RightIconPositionWrapper = _styled.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 2px;\n  margin-right: 4px;\n  position: relative;\n  display: inline-block;\n"]))); // The following components are used to absolutely position icons in the vertical center.
+// The following components are used to absolutely position icons in the vertical center.
 // - IconPositionWrapper: the `relative` parent which has no height in itself.
 // - IconEmptyWrapper: the child which forces `IconPositionWrapper` to have a height.
-
-
 exports.RightIconPositionWrapper = RightIconPositionWrapper;
-
 var IconPositionWrapper = _styled.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: 4px;\n  position: relative;\n  display: inline-block;\n"])));
-
 exports.IconPositionWrapper = IconPositionWrapper;
-
 var IconEmptyWrapper = _styled.default.span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  width: 14px;\n  height: 100%;\n  display: inline-block;\n  opacity: 0;\n"])));
-
 exports.IconEmptyWrapper = IconEmptyWrapper;
-
 var TitleWrapper = _styled.default.span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  ::selection {\n    background: none;\n  }\n"])));
-
 exports.TitleWrapper = TitleWrapper;

package/dist/cjs/MediaInlineCard/LoadedView/index.js

@@ -1,54 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MediaInlineCardLoadedView = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Frame = require("../Frame");
-
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var MediaInlineCardLoadedView = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(MediaInlineCardLoadedView, _React$Component);
-
   var _super = _createSuper(MediaInlineCardLoadedView);
-
   function MediaInlineCardLoadedView() {
     (0, _classCallCheck2.default)(this, MediaInlineCardLoadedView);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(MediaInlineCardLoadedView, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          _this$props$title = _this$props.title,
-          title = _this$props$title === void 0 ? '' : _this$props$title,
-          isSelected = _this$props.isSelected,
-          onClick = _this$props.onClick,
-          icon = _this$props.icon,
-          _this$props$testId = _this$props.testId,
-          testId = _this$props$testId === void 0 ? 'media-inline-card-loaded-view' : _this$props$testId,
-          titlePrefix = _this$props.titlePrefix;
+        _this$props$title = _this$props.title,
+        title = _this$props$title === void 0 ? '' : _this$props$title,
+        isSelected = _this$props.isSelected,
+        onClick = _this$props.onClick,
+        icon = _this$props.icon,
+        _this$props$testId = _this$props.testId,
+        testId = _this$props$testId === void 0 ? 'media-inline-card-loaded-view' : _this$props$testId,
+        titlePrefix = _this$props.titlePrefix;
       return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
         testId: testId,
         isSelected: isSelected,
@@ -62,5 +47,4 @@ var MediaInlineCardLoadedView = /*#__PURE__*/function (_React$Component) {
   }]);
   return MediaInlineCardLoadedView;
 }(_react.default.Component);
-
 exports.MediaInlineCardLoadedView = MediaInlineCardLoadedView;