@atlaskit/share 3.5.0 → 3.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/share
 
+## 3.5.1
+
+### Patch Changes
+
+- [`99ba33da55f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/99ba33da55f) - Removed styled components from tests and examples
+
 ## 3.5.0
 
 ### Minor Changes

package/dist/cjs/components/LazyShareForm/LazyShareForm.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
+var _constants = require("@atlaskit/theme/constants");
+
 var _analytics = require("../analytics/analytics");
 
 var _IntegrationForm = require("../IntegrationForm");
@@ -19,8 +21,6 @@ var _ShareForm = require("../ShareForm");
 
 var _ShareFormWrapper = require("../ShareFormWrapper");
 
-var _styled = require("./styled");
-
 /**
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
@@ -60,7 +60,15 @@ function LazyShareForm(props) {
       showTitle = props.showTitle,
       orgId = props.orgId;
 
-  var footer = /*#__PURE__*/_react.default.createElement("div", null, bottomMessage ? /*#__PURE__*/_react.default.createElement(_styled.BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/_react.default.createElement(_styled.CustomFooterWrapper, null, customFooter));
+  var footer = /*#__PURE__*/_react.default.createElement("div", null, bottomMessage ? /*#__PURE__*/_react.default.createElement("div", {
+    css: {
+      width: "".concat((0, _constants.gridSize)() * 44, "px")
+    }
+  }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/_react.default.createElement("div", {
+    css: {
+      margin: "0 ".concat(-(0, _constants.gridSize)() * 3, "px ").concat(-(0, _constants.gridSize)() * 2, "px ").concat(-(0, _constants.gridSize)() * 3, "px")
+    }
+  }, customFooter));
 
   _react.default.useEffect(function () {
     setIsLoading(false);

package/dist/cjs/components/LazyShareForm/lazy.js

@@ -17,8 +17,6 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
 var _ShareFormWrapper = require("../ShareFormWrapper");
 
-var _styled = require("./styled");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -44,7 +42,15 @@ var LoadingDialog = function LoadingDialog(_ref) {
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
-  }, /*#__PURE__*/_react.default.createElement(_styled.SpinnerWrapper, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null)));
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    css: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignContent: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_spinner.default, null)));
 };
 
 var _default = function _default(props) {

package/dist/cjs/components/ShareFormWrapper/styled.js

@@ -7,15 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InlineDialogFormWrapper = exports.InlineDialogContentWrapper = void 0;
 
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react2 = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _templateObject, _templateObject2;
-
-var InlineDialogFormWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n"])), (0, _constants.gridSize)() * 44);
+/** @jsx jsx */
+var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
+  var children = _ref.children;
+  return (0, _react2.jsx)("div", {
+    css: {
+      width: "".concat((0, _constants.gridSize)() * 44, "px")
+    }
+  }, children);
+};
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.
@@ -26,6 +32,13 @@ var InlineDialogFormWrapper = _styledComponents.default.div(_templateObject || (
 
 exports.InlineDialogFormWrapper = InlineDialogFormWrapper;
 
-var InlineDialogContentWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px;\n"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 3);
+var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref2) {
+  var children = _ref2.children;
+  return (0, _react2.jsx)("div", {
+    css: {
+      padding: "".concat((0, _constants.gridSize)() * 2, "px ").concat((0, _constants.gridSize)() * 3, "px")
+    }
+  }, children);
+};
 
 exports.InlineDialogContentWrapper = InlineDialogContentWrapper;

package/dist/cjs/components/analytics/analytics.js

@@ -19,7 +19,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.5.0"
+    packageVersion: "3.5.1"
   }, attributes);
 };
 

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.0"
+	"version": "3.5.1"
 }

package/dist/es2019/components/LazyShareForm/LazyShareForm.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { gridSize } from '@atlaskit/theme/constants';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
 import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
-import { BottomMessageWrapper, CustomFooterWrapper } from './styled';
 
 /**
  * A Share form content which is lazy-loaded.
@@ -49,7 +49,15 @@ function LazyShareForm(props) {
     showTitle,
     orgId
   } = props;
-  const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
+  const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement("div", {
+    css: {
+      width: `${gridSize() * 44}px`
+    }
+  }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement("div", {
+    css: {
+      margin: `0 ${-gridSize() * 3}px ${-gridSize() * 2}px ${-gridSize() * 3}px`
+    }
+  }, customFooter));
   React.useEffect(() => {
     setIsLoading(false);
   });

package/dist/es2019/components/LazyShareForm/lazy.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import Spinner from '@atlaskit/spinner';
 import { ShareFormWrapper } from '../ShareFormWrapper';
-import { SpinnerWrapper } from './styled';
 const LazyShareFormLazy = lazyForPaint(() => import(
 /* webpackChunkName: "@atlaskit-internal_share-form" */
 './LazyShareForm'), {
@@ -21,7 +20,15 @@ const LoadingDialog = ({
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
-  }, /*#__PURE__*/React.createElement(SpinnerWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)));
+  }, /*#__PURE__*/React.createElement("div", {
+    css: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Spinner, null)));
 };
 
 export default (props => /*#__PURE__*/React.createElement(LazySuspense, {

package/dist/es2019/components/ShareFormWrapper/styled.js

@@ -1,8 +1,14 @@
-import styled from 'styled-components';
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
-export const InlineDialogFormWrapper = styled.div`
-  width: ${gridSize() * 44}px;
-`;
+export const InlineDialogFormWrapper = ({
+  children
+}) => jsx("div", {
+  css: {
+    width: `${gridSize() * 44}px`
+  }
+}, children);
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.
@@ -10,6 +16,10 @@ export const InlineDialogFormWrapper = styled.div`
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
 
-export const InlineDialogContentWrapper = styled.div`
-  padding: ${gridSize() * 2}px ${gridSize() * 3}px;
-`;
+export const InlineDialogContentWrapper = ({
+  children
+}) => jsx("div", {
+  css: {
+    padding: `${gridSize() * 2}px ${gridSize() * 3}px`
+  }
+}, children);

package/dist/es2019/components/analytics/analytics.js

@@ -2,7 +2,7 @@ import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "3.5.0",
+  packageVersion: "3.5.1",
   ...attributes
 });
 

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.0"
+	"version": "3.5.1"
 }

package/dist/esm/components/LazyShareForm/LazyShareForm.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { gridSize } from '@atlaskit/theme/constants';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
 import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
-import { BottomMessageWrapper, CustomFooterWrapper } from './styled';
 
 /**
  * A Share form content which is lazy-loaded.
@@ -44,7 +44,15 @@ function LazyShareForm(props) {
       defaultValue = props.defaultValue,
       showTitle = props.showTitle,
       orgId = props.orgId;
-  var footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
+  var footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement("div", {
+    css: {
+      width: "".concat(gridSize() * 44, "px")
+    }
+  }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement("div", {
+    css: {
+      margin: "0 ".concat(-gridSize() * 3, "px ").concat(-gridSize() * 2, "px ").concat(-gridSize() * 3, "px")
+    }
+  }, customFooter));
   React.useEffect(function () {
     setIsLoading(false);
   });

package/dist/esm/components/LazyShareForm/lazy.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import Spinner from '@atlaskit/spinner';
 import { ShareFormWrapper } from '../ShareFormWrapper';
-import { SpinnerWrapper } from './styled';
 var LazyShareFormLazy = lazyForPaint(function () {
   return import(
   /* webpackChunkName: "@atlaskit-internal_share-form" */
@@ -22,7 +21,15 @@ var LoadingDialog = function LoadingDialog(_ref) {
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
-  }, /*#__PURE__*/React.createElement(SpinnerWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)));
+  }, /*#__PURE__*/React.createElement("div", {
+    css: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Spinner, null)));
 };
 
 export default (function (props) {

package/dist/esm/components/ShareFormWrapper/styled.js

@@ -1,10 +1,15 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import styled from 'styled-components';
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
-export var InlineDialogFormWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), gridSize() * 44);
+export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
+  var children = _ref.children;
+  return jsx("div", {
+    css: {
+      width: "".concat(gridSize() * 44, "px")
+    }
+  }, children);
+};
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.
@@ -12,4 +17,11 @@ export var InlineDialogFormWrapper = styled.div(_templateObject || (_templateObj
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
 
-export var InlineDialogContentWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", "px ", "px;\n"])), gridSize() * 2, gridSize() * 3);
+export var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref2) {
+  var children = _ref2.children;
+  return jsx("div", {
+    css: {
+      padding: "".concat(gridSize() * 2, "px ").concat(gridSize() * 3, "px")
+    }
+  }, children);
+};

package/dist/esm/components/analytics/analytics.js

@@ -10,7 +10,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.5.0"
+    packageVersion: "3.5.1"
   }, attributes);
 };
 

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.0"
+	"version": "3.5.1"
 }

package/dist/types/components/ShareFormWrapper/styled.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
-export declare const InlineDialogFormWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+/** @jsx jsx */
+import React from 'react';
+export declare const InlineDialogFormWrapper: React.FC;
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.
  *
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
-export declare const InlineDialogContentWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const InlineDialogContentWrapper: React.FC;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/dropdown-menu": "^11.4.0",
+    "@atlaskit/dropdown-menu": "^11.5.0",
     "@atlaskit/form": "^8.5.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/popup": "^1.4.0",
@@ -56,8 +56,7 @@
     "tiny-invariant": "^1.2.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0",
-    "styled-components": "^3.2.6"
+    "react": "^16.8.0"
   },
   "devDependencies": {
     "@atlaskit/docs": "^9.0.0",

package/dist/cjs/components/LazyShareForm/styled.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SpinnerWrapper = exports.CustomFooterWrapper = exports.BottomMessageWrapper = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-var BottomMessageWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n"])), (0, _constants.gridSize)() * 44);
-
-exports.BottomMessageWrapper = BottomMessageWrapper;
-
-var CustomFooterWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  /* Must match inline dialog padding. */\n  margin: 0 ", "px ", "px ", "px;\n"])), -(0, _constants.gridSize)() * 3, -(0, _constants.gridSize)() * 2, -(0, _constants.gridSize)() * 3);
-
-exports.CustomFooterWrapper = CustomFooterWrapper;
-
-var SpinnerWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-content: center;\n"])));
-
-exports.SpinnerWrapper = SpinnerWrapper;

package/dist/es2019/components/LazyShareForm/styled.js

@@ -1,16 +0,0 @@
-import styled from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-export const BottomMessageWrapper = styled.div`
-  width: ${gridSize() * 44}px;
-`;
-export const CustomFooterWrapper = styled.div`
-  /* Must match inline dialog padding. */
-  margin: 0 ${-gridSize() * 3}px ${-gridSize() * 2}px ${-gridSize() * 3}px;
-`;
-export const SpinnerWrapper = styled.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-content: center;
-`;

package/dist/esm/components/LazyShareForm/styled.js

@@ -1,9 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3;
-
-import styled from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-export var BottomMessageWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), gridSize() * 44);
-export var CustomFooterWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* Must match inline dialog padding. */\n  margin: 0 ", "px ", "px ", "px;\n"])), -gridSize() * 3, -gridSize() * 2, -gridSize() * 3);
-export var SpinnerWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-content: center;\n"])));

package/dist/types/components/LazyShareForm/styled.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const BottomMessageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const CustomFooterWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const SpinnerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;