@atlaskit/share 1.0.2 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/share
 
+## 1.0.3
+
+### Patch Changes
+
+- [`6eb7be4e83d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6eb7be4e83d) - [ux] Implementing the product specific tab share titles for the experiment
+
 ## 1.0.2
 
 ### Patch Changes

package/dist/cjs/components/ShareForm.js

@@ -65,6 +65,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 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; } }
@@ -188,15 +192,31 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isDisabled: isDisabled
       }, /*#__PURE__*/_react.default.createElement(ButtonLabelWrapper, null, submitButtonLabel || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, buttonLabel))));
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMainTabTitle", function () {
+      var _this$props3 = _this.props,
+          title = _this$props3.title,
+          product = _this$props3.product;
+
+      if (title) {
+        return title;
+      }
+
+      if (!product) {
+        return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle);
+      }
+
+      var productShareType = product === 'jira' ? _objectSpread({}, _i18n.messages.shareMainTabTextJira) : _objectSpread({}, _i18n.messages.shareMainTabTextConfluence);
+      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, productShareType);
+    });
     return _this;
   }
 
   (0, _createClass2.default)(InternalForm, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props3 = this.props,
-          onDismiss = _this$props3.onDismiss,
-          getValues = _this$props3.getValues;
+      var _this$props4 = this.props,
+          onDismiss = _this$props4.onDismiss,
+          getValues = _this$props4.getValues;
 
       if (onDismiss) {
         onDismiss(getValues());
@@ -205,13 +225,12 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props4 = this.props,
-          title = _this$props4.title,
-          _this$props4$integrat = _this$props4.integrationMode,
-          integrationMode = _this$props4$integrat === void 0 ? 'off' : _this$props4$integrat,
-          shareIntegrations = _this$props4.shareIntegrations,
-          onTabChange = _this$props4.onTabChange,
-          handleCloseDialog = _this$props4.handleCloseDialog;
+      var _this$props5 = this.props,
+          _this$props5$integrat = _this$props5.integrationMode,
+          integrationMode = _this$props5$integrat === void 0 ? 'off' : _this$props5$integrat,
+          shareIntegrations = _this$props5.shareIntegrations,
+          onTabChange = _this$props5.onTabChange,
+          handleCloseDialog = _this$props5.handleCloseDialog;
 
       if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
         return this.renderShareForm();
@@ -227,7 +246,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           }
         }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
           key: "share-tab-default"
-        }, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)), /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
+        }, this.renderMainTabTitle()), /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
           key: "share-tab-".concat(firstIntegration.type)
         }, /*#__PURE__*/_react.default.createElement(IntegrationWrapper, null, /*#__PURE__*/_react.default.createElement(IntegrationIconWrapper, null, /*#__PURE__*/_react.default.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
           key: "share-tabPanel-default"

package/dist/cjs/i18n.js

@@ -168,6 +168,16 @@ var messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.elements.share.in.integration.button',
     defaultMessage: 'Share in {integrationName}',
     description: 'Text for the button that allows the user to share the currently viewed item through a 3rd party app like Slack'
+  },
+  shareMainTabTextJira: {
+    id: 'fabric.elements.share.main.tab.text.jira',
+    defaultMessage: 'Share issue',
+    description: 'Text for the main share tab for jira'
+  },
+  shareMainTabTextConfluence: {
+    id: 'fabric.elements.share.main.tab.text.confluence',
+    defaultMessage: 'Share page',
+    description: 'Text for the main share tab for confluence'
   }
 });
 exports.messages = messages;

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "1.0.2"
+	"version": "1.0.3"
 }

package/dist/es2019/components/ShareForm.js

@@ -144,6 +144,26 @@ class InternalForm extends React.PureComponent {
         isDisabled: isDisabled
       }, /*#__PURE__*/React.createElement(ButtonLabelWrapper, null, submitButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, buttonLabel))));
     });
+
+    _defineProperty(this, "renderMainTabTitle", () => {
+      const {
+        title,
+        product
+      } = this.props;
+
+      if (title) {
+        return title;
+      }
+
+      if (!product) {
+        return /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle);
+      }
+
+      const productShareType = product === 'jira' ? { ...messages.shareMainTabTextJira
+      } : { ...messages.shareMainTabTextConfluence
+      };
+      return /*#__PURE__*/React.createElement(FormattedMessage, productShareType);
+    });
   }
 
   componentWillUnmount() {
@@ -159,7 +179,6 @@ class InternalForm extends React.PureComponent {
 
   render() {
     const {
-      title,
       integrationMode = 'off',
       shareIntegrations,
       onTabChange,
@@ -180,7 +199,7 @@ class InternalForm extends React.PureComponent {
         }
       }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
         key: `share-tab-default`
-      }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)), /*#__PURE__*/React.createElement(Tab, {
+      }, this.renderMainTabTitle()), /*#__PURE__*/React.createElement(Tab, {
         key: `share-tab-${firstIntegration.type}`
       }, /*#__PURE__*/React.createElement(IntegrationWrapper, null, /*#__PURE__*/React.createElement(IntegrationIconWrapper, null, /*#__PURE__*/React.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/React.createElement(TabPanel, {
         key: `share-tabPanel-default`

package/dist/es2019/i18n.js

@@ -160,5 +160,15 @@ export const messages = defineMessages({
     id: 'fabric.elements.share.in.integration.button',
     defaultMessage: 'Share in {integrationName}',
     description: 'Text for the button that allows the user to share the currently viewed item through a 3rd party app like Slack'
+  },
+  shareMainTabTextJira: {
+    id: 'fabric.elements.share.main.tab.text.jira',
+    defaultMessage: 'Share issue',
+    description: 'Text for the main share tab for jira'
+  },
+  shareMainTabTextConfluence: {
+    id: 'fabric.elements.share.main.tab.text.confluence',
+    defaultMessage: 'Share page',
+    description: 'Text for the main share tab for confluence'
   }
 });

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "1.0.2"
+	"version": "1.0.3"
 }

package/dist/esm/components/ShareForm.js

@@ -10,6 +10,10 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
@@ -142,15 +146,32 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       }, /*#__PURE__*/React.createElement(ButtonLabelWrapper, null, submitButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, buttonLabel))));
     });
 
+    _defineProperty(_assertThisInitialized(_this), "renderMainTabTitle", function () {
+      var _this$props3 = _this.props,
+          title = _this$props3.title,
+          product = _this$props3.product;
+
+      if (title) {
+        return title;
+      }
+
+      if (!product) {
+        return /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle);
+      }
+
+      var productShareType = product === 'jira' ? _objectSpread({}, messages.shareMainTabTextJira) : _objectSpread({}, messages.shareMainTabTextConfluence);
+      return /*#__PURE__*/React.createElement(FormattedMessage, productShareType);
+    });
+
     return _this;
   }
 
   _createClass(InternalForm, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props3 = this.props,
-          onDismiss = _this$props3.onDismiss,
-          getValues = _this$props3.getValues;
+      var _this$props4 = this.props,
+          onDismiss = _this$props4.onDismiss,
+          getValues = _this$props4.getValues;
 
       if (onDismiss) {
         onDismiss(getValues());
@@ -159,13 +180,12 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props4 = this.props,
-          title = _this$props4.title,
-          _this$props4$integrat = _this$props4.integrationMode,
-          integrationMode = _this$props4$integrat === void 0 ? 'off' : _this$props4$integrat,
-          shareIntegrations = _this$props4.shareIntegrations,
-          onTabChange = _this$props4.onTabChange,
-          handleCloseDialog = _this$props4.handleCloseDialog;
+      var _this$props5 = this.props,
+          _this$props5$integrat = _this$props5.integrationMode,
+          integrationMode = _this$props5$integrat === void 0 ? 'off' : _this$props5$integrat,
+          shareIntegrations = _this$props5.shareIntegrations,
+          onTabChange = _this$props5.onTabChange,
+          handleCloseDialog = _this$props5.handleCloseDialog;
 
       if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
         return this.renderShareForm();
@@ -181,7 +201,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           }
         }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
           key: "share-tab-default"
-        }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)), /*#__PURE__*/React.createElement(Tab, {
+        }, this.renderMainTabTitle()), /*#__PURE__*/React.createElement(Tab, {
           key: "share-tab-".concat(firstIntegration.type)
         }, /*#__PURE__*/React.createElement(IntegrationWrapper, null, /*#__PURE__*/React.createElement(IntegrationIconWrapper, null, /*#__PURE__*/React.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/React.createElement(TabPanel, {
           key: "share-tabPanel-default"

package/dist/esm/i18n.js

@@ -160,5 +160,15 @@ export var messages = defineMessages({
     id: 'fabric.elements.share.in.integration.button',
     defaultMessage: 'Share in {integrationName}',
     description: 'Text for the button that allows the user to share the currently viewed item through a 3rd party app like Slack'
+  },
+  shareMainTabTextJira: {
+    id: 'fabric.elements.share.main.tab.text.jira',
+    defaultMessage: 'Share issue',
+    description: 'Text for the main share tab for jira'
+  },
+  shareMainTabTextConfluence: {
+    id: 'fabric.elements.share.main.tab.text.confluence',
+    defaultMessage: 'Share page',
+    description: 'Text for the main share tab for confluence'
   }
 });

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "1.0.2"
+	"version": "1.0.3"
 }

package/dist/types/i18n.d.ts

@@ -159,4 +159,14 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    shareMainTabTextJira: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    shareMainTabTextConfluence: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"