@atlaskit/share 4.23.8 → 4.23.10

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/share
 
+## 4.23.10
+
+### Patch Changes
+
+- [#98532](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98532)
+  [`2c9bdfdef47cc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2c9bdfdef47cc) -
+  Add an id to the ShareButton in order to improve targeting/triggering
+
+## 4.23.9
+
+### Patch Changes
+
+- [#98961](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98961)
+  [`6db91cd06376b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6db91cd06376b) -
+  Clean up share popup content width override FG
+
 ## 4.23.8
 
 ### Patch Changes

package/dist/cjs/components/ShareButton.js

@@ -17,6 +17,7 @@ function ShareButton(_ref, ref) {
     _ariaHasPopup = _ref['aria-haspopup'],
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({
+    id: "share-trigger-btn",
     ref: ref,
     "aria-haspopup": "dialog"
   }, props), text);

package/dist/cjs/components/ShareForm.js

@@ -344,13 +344,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           key: "share-tabPanel-default"
         }, (0, _react2.jsx)("div", {
           css: formWrapperStyles
-        }, (0, _platformFeatureFlags.fg)('share_popup_tab_content_width_override') ? (0, _react2.jsx)("div", {
+        }, (0, _react2.jsx)("div", {
           style: {
             width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
           }
-        }, this.renderShareForm()) : (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') ? (0, _react2.jsx)(_primitives.Box, {
-          xcss: platformTabWrapper
-        }, this.renderShareForm()) : this.renderShareForm())), (0, _react2.jsx)(_tabs.TabPanel, {
+        }, this.renderShareForm()))), (0, _react2.jsx)(_tabs.TabPanel, {
           key: "share-tabPanel-integration"
         }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
           data: {
@@ -358,7 +356,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           }
         }, (0, _react2.jsx)("div", {
           css: formWrapperStyles
-        }, (0, _platformFeatureFlags.fg)('share_popup_tab_content_width_override') ? (0, _react2.jsx)("div", {
+        }, (0, _react2.jsx)("div", {
           style: {
             width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
           }
@@ -368,21 +366,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
           },
           changeTab: this.changeTab
-        })) : (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') ? (0, _react2.jsx)(_primitives.Box, {
-          xcss: platformTabWrapper
-        }, (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
-          Content: firstIntegration.Content,
-          onIntegrationClose: function onIntegrationClose() {
-            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-          },
-          changeTab: this.changeTab
-        })) : (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
-          Content: firstIntegration.Content,
-          onIntegrationClose: function onIntegrationClose() {
-            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-          },
-          changeTab: this.changeTab
-        })))), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }))))), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
           return (0, _react2.jsx)(_tabs.TabPanel, {
             key: "share-tabPanel-".concat(tab.label)
           }, (0, _react2.jsx)("div", {
@@ -416,9 +400,6 @@ var ShareForm = exports.ShareForm = function ShareForm(props) {
     }));
   });
 };
-var platformTabWrapper = (0, _primitives.xcss)({
-  width: '304px'
-});
 ShareForm.defaultProps = {
   isSharing: false,
   product: 'confluence',

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

@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.23.8"
+    packageVersion: "4.23.10"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/es2019/components/ShareButton.js

@@ -9,6 +9,7 @@ function ShareButton({
   ...props
 }, ref) {
   return /*#__PURE__*/React.createElement(Button, _extends({
+    id: "share-trigger-btn",
     ref: ref,
     "aria-haspopup": "dialog"
   }, props), text);

package/dist/es2019/components/ShareForm.js

@@ -319,13 +319,11 @@ class InternalForm extends React.PureComponent {
         key: `share-tabPanel-default`
       }, jsx("div", {
         css: formWrapperStyles
-      }, fg('share_popup_tab_content_width_override') ? jsx("div", {
+      }, jsx("div", {
         style: {
           width: `${builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH}px`
         }
-      }, this.renderShareForm()) : fg('smart_links_for_plans_platform') ? jsx(Box, {
-        xcss: platformTabWrapper
-      }, this.renderShareForm()) : this.renderShareForm())), jsx(TabPanel, {
+      }, this.renderShareForm()))), jsx(TabPanel, {
         key: `share-tabPanel-integration`
       }, jsx(AnalyticsContext, {
         data: {
@@ -333,7 +331,7 @@ class InternalForm extends React.PureComponent {
         }
       }, jsx("div", {
         css: formWrapperStyles
-      }, fg('share_popup_tab_content_width_override') ? jsx("div", {
+      }, jsx("div", {
         style: {
           width: `${builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH}px`
         }
@@ -341,17 +339,7 @@ class InternalForm extends React.PureComponent {
         Content: firstIntegration.Content,
         onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
         changeTab: this.changeTab
-      })) : fg('smart_links_for_plans_platform') ? jsx(Box, {
-        xcss: platformTabWrapper
-      }, jsx(IntegrationForm, {
-        Content: firstIntegration.Content,
-        onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
-        changeTab: this.changeTab
-      })) : jsx(IntegrationForm, {
-        Content: firstIntegration.Content,
-        onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
-        changeTab: this.changeTab
-      })))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => jsx(TabPanel, {
+      }))))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => jsx(TabPanel, {
         key: `share-tabPanel-${tab.label}`
       }, jsx("div", {
         css: formWrapperStyles
@@ -377,9 +365,6 @@ export const ShareForm = props => jsx(Form, {
   formProps: formProps,
   getValues: getValues
 })));
-const platformTabWrapper = xcss({
-  width: '304px'
-});
 ShareForm.defaultProps = {
   isSharing: false,
   product: 'confluence',

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

@@ -1,7 +1,7 @@
 import { isEmail, isExternalUser, isGroup, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "4.23.8",
+  packageVersion: "4.23.10",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/esm/components/ShareButton.js

@@ -10,6 +10,7 @@ function ShareButton(_ref, ref) {
     _ariaHasPopup = _ref['aria-haspopup'],
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Button, _extends({
+    id: "share-trigger-btn",
     ref: ref,
     "aria-haspopup": "dialog"
   }, props), text);

package/dist/esm/components/ShareForm.js

@@ -337,13 +337,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           key: "share-tabPanel-default"
         }, jsx("div", {
           css: formWrapperStyles
-        }, fg('share_popup_tab_content_width_override') ? jsx("div", {
+        }, jsx("div", {
           style: {
             width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
           }
-        }, this.renderShareForm()) : fg('smart_links_for_plans_platform') ? jsx(Box, {
-          xcss: platformTabWrapper
-        }, this.renderShareForm()) : this.renderShareForm())), jsx(TabPanel, {
+        }, this.renderShareForm()))), jsx(TabPanel, {
           key: "share-tabPanel-integration"
         }, jsx(AnalyticsContext, {
           data: {
@@ -351,7 +349,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           }
         }, jsx("div", {
           css: formWrapperStyles
-        }, fg('share_popup_tab_content_width_override') ? jsx("div", {
+        }, jsx("div", {
           style: {
             width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
           }
@@ -361,21 +359,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
           },
           changeTab: this.changeTab
-        })) : fg('smart_links_for_plans_platform') ? jsx(Box, {
-          xcss: platformTabWrapper
-        }, jsx(IntegrationForm, {
-          Content: firstIntegration.Content,
-          onIntegrationClose: function onIntegrationClose() {
-            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-          },
-          changeTab: this.changeTab
-        })) : jsx(IntegrationForm, {
-          Content: firstIntegration.Content,
-          onIntegrationClose: function onIntegrationClose() {
-            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-          },
-          changeTab: this.changeTab
-        })))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }))))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
           return jsx(TabPanel, {
             key: "share-tabPanel-".concat(tab.label)
           }, jsx("div", {
@@ -409,9 +393,6 @@ export var ShareForm = function ShareForm(props) {
     }));
   });
 };
-var platformTabWrapper = xcss({
-  width: '304px'
-});
 ShareForm.defaultProps = {
   isSharing: false,
   product: 'confluence',

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

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.23.8"
+    packageVersion: "4.23.10"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.23.8",
+	"version": "4.23.10",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -123,9 +123,6 @@
 		},
 		"smart_links_for_plans_platform": {
 			"type": "boolean"
-		},
-		"share_popup_tab_content_width_override": {
-			"type": "boolean"
 		}
 	}
 }

package/tsconfig.json

@@ -9,6 +9,5 @@
     "./examples/**/*.tsx"
   ],
   "compilerOptions": {
-    "baseUrl": "./"
   }
 }