@atlaskit/share 4.11.0 → 4.12.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/share
 
+## 4.12.1
+
+### Patch Changes
+
+- [#67206](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67206) [`277421c217ae`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/277421c217ae) - PTC-8511 ENGHEALTH-5595 fix deprecated token
+
+## 4.12.0
+
+### Minor Changes
+
+- [#68081](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68081) [`196b8c2c77d5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/196b8c2c77d5) - [ux] PTC-8597 Add visual instruction for required field
+- [#67525](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67525) [`835694a1696a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/835694a1696a) - Add third party sources to user invited and access requested event attributes
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.11.0
 
 ### Minor Changes

package/dist/cjs/components/ShareForm.js

@@ -20,10 +20,11 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _form = _interopRequireDefault(require("@atlaskit/form"));
+var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 var _colors = require("@atlaskit/theme/colors");
+var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _i18n = require("../i18n");
 var _types = require("../types");
@@ -33,7 +34,7 @@ var _CopyLinkButton = _interopRequireDefault(require("./CopyLinkButton"));
 var _IntegrationForm = require("./IntegrationForm");
 var _ShareHeader = require("./ShareHeader");
 var _UserPickerField = require("./UserPickerField");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 /** @jsx jsx */
 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 || _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; }
@@ -48,6 +49,7 @@ var formFooterStyles = exports.formFooterStyles = (0, _react2.css)(_templateObje
 var formFieldStyles = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-150, 12px)");
 var integrationWrapperStyles = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n"])));
 var integrationIconWrapperStyles = (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n  margin-right: 5px;\n"])), "var(--ds-space-negative-075, -6px)");
+var requiredFieldInfoStyles = (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n  color: ", ";\n  font-size: ", "px;\n"])), "var(--ds-space-200, 16px)", "var(--ds-text-subtle, ".concat(_colors.N300, ")"), (0, _constants.fontSizeSmall)());
 var integrationTabText = function integrationTabText(integrationName) {
   return (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareInIntegrationButtonText, {
     values: {
@@ -104,6 +106,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       }, (0, _react2.jsx)("form", formProps, showTitle && (0, _react2.jsx)(_ShareHeader.ShareHeader, {
         title: title
       }), (0, _react2.jsx)("div", {
+        css: requiredFieldInfoStyles
+      }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.requiredFieldSummary), (0, _react2.jsx)(_form.RequiredAsterisk, null)), (0, _react2.jsx)("div", {
         css: formFieldStyles
       }, (0, _react2.jsx)(_UserPickerField.UserPickerField, {
         onInputChange: onUserInputChange,

package/dist/cjs/components/ShareHeader.js

@@ -15,7 +15,7 @@ var _templateObject, _templateObject2;
 /** @jsx jsx */
 var headerWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n"])));
 var getFormHeaderTitleStyles = exports.getFormHeaderTitleStyles = function getFormHeaderTitleStyles(theme) {
-  return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  line-height: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), (0, _typography.h500)(theme), "var(--ds-font-lineHeight-500, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)");
+  return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  line-height: 32px;\n  margin-right: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), (0, _typography.h500)(theme), "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)");
 };
 var ShareHeader = exports.ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;

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.11.0"
+    packageVersion: "4.12.1"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/cjs/i18n.js

@@ -192,6 +192,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Recipients will see the name of the issue and your message',
     description: 'Message indicating the recipients of the email share will be able to see the Jira issue title and the included message'
   },
+  requiredFieldSummary: {
+    id: 'fabric.elements.share.form.required-field.summary',
+    defaultMessage: 'Required fields are marked with an asterisk',
+    description: 'Summary info of required fields asterisk.'
+  },
   shareFailureIconLabel: {
     id: 'fabric.elements.share.failure.icon.label',
     defaultMessage: 'Error icon',

package/dist/es2019/components/ShareForm.js

@@ -6,10 +6,11 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
-import Form from '@atlaskit/form';
+import Form, { RequiredAsterisk } from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import { R400 } from '@atlaskit/theme/colors';
+import { N300, R400 } from '@atlaskit/theme/colors';
+import { fontSizeSmall } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -56,6 +57,11 @@ const integrationIconWrapperStyles = css`
   margin-bottom: ${"var(--ds-space-negative-075, -6px)"};
   margin-right: 5px;
 `;
+const requiredFieldInfoStyles = css`
+  margin-bottom: ${"var(--ds-space-200, 16px)"};
+  color: ${`var(--ds-text-subtle, ${N300})`};
+  font-size: ${fontSizeSmall()}px;
+`;
 const integrationTabText = integrationName => jsx(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
   values: {
     integrationName
@@ -105,6 +111,8 @@ class InternalForm extends React.PureComponent {
       }, jsx("form", formProps, showTitle && jsx(ShareHeader, {
         title: title
       }), jsx("div", {
+        css: requiredFieldInfoStyles
+      }, jsx(FormattedMessage, messages.requiredFieldSummary), jsx(RequiredAsterisk, null)), jsx("div", {
         css: formFieldStyles
       }, jsx(UserPickerField, {
         onInputChange: onUserInputChange,

package/dist/es2019/components/ShareHeader.js

@@ -10,7 +10,7 @@ const headerWrapperStyles = css`
 `;
 export const getFormHeaderTitleStyles = theme => css`
   ${h500(theme)}
-  line-height: ${"var(--ds-font-lineHeight-500, 32px)"};
+  line-height: 32px;
   margin-right: ${"var(--ds-space-400, 32px)"};
   margin-top: ${"var(--ds-space-400, 32px)"};
   overflow: hidden;

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

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

package/dist/es2019/i18n.js

@@ -186,6 +186,11 @@ export const messages = defineMessages({
     defaultMessage: 'Recipients will see the name of the issue and your message',
     description: 'Message indicating the recipients of the email share will be able to see the Jira issue title and the included message'
   },
+  requiredFieldSummary: {
+    id: 'fabric.elements.share.form.required-field.summary',
+    defaultMessage: 'Required fields are marked with an asterisk',
+    description: 'Summary info of required fields asterisk.'
+  },
   shareFailureIconLabel: {
     id: 'fabric.elements.share.failure.icon.label',
     defaultMessage: 'Error icon',

package/dist/esm/components/ShareForm.js

@@ -7,7 +7,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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); }; }
@@ -18,10 +18,11 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
-import Form from '@atlaskit/form';
+import Form, { RequiredAsterisk } from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import { R400 } from '@atlaskit/theme/colors';
+import { N300, R400 } from '@atlaskit/theme/colors';
+import { fontSizeSmall } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -38,6 +39,7 @@ export var formFooterStyles = css(_templateObject4 || (_templateObject4 = _tagge
 var formFieldStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-150, 12px)");
 var integrationWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
 var integrationIconWrapperStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n  margin-right: 5px;\n"])), "var(--ds-space-negative-075, -6px)");
+var requiredFieldInfoStyles = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n  color: ", ";\n  font-size: ", "px;\n"])), "var(--ds-space-200, 16px)", "var(--ds-text-subtle, ".concat(N300, ")"), fontSizeSmall());
 var integrationTabText = function integrationTabText(integrationName) {
   return jsx(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
     values: {
@@ -94,6 +96,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       }, jsx("form", formProps, showTitle && jsx(ShareHeader, {
         title: title
       }), jsx("div", {
+        css: requiredFieldInfoStyles
+      }, jsx(FormattedMessage, messages.requiredFieldSummary), jsx(RequiredAsterisk, null)), jsx("div", {
         css: formFieldStyles
       }, jsx(UserPickerField, {
         onInputChange: onUserInputChange,

package/dist/esm/components/ShareHeader.js

@@ -8,7 +8,7 @@ import { h500 } from '@atlaskit/theme/typography';
 import { messages } from '../i18n';
 var headerWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n"])));
 export var getFormHeaderTitleStyles = function getFormHeaderTitleStyles(theme) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  line-height: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), h500(theme), "var(--ds-font-lineHeight-500, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)");
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  line-height: 32px;\n  margin-right: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), h500(theme), "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)");
 };
 export var ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;

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.11.0"
+    packageVersion: "4.12.1"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/esm/i18n.js

@@ -186,6 +186,11 @@ export var messages = defineMessages({
     defaultMessage: 'Recipients will see the name of the issue and your message',
     description: 'Message indicating the recipients of the email share will be able to see the Jira issue title and the included message'
   },
+  requiredFieldSummary: {
+    id: 'fabric.elements.share.form.required-field.summary',
+    defaultMessage: 'Required fields are marked with an asterisk',
+    description: 'Summary info of required fields asterisk.'
+  },
   shareFailureIconLabel: {
     id: 'fabric.elements.share.failure.icon.label',
     defaultMessage: 'Error icon',

package/dist/types/i18n.d.ts

@@ -179,6 +179,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    requiredFieldSummary: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     shareFailureIconLabel: {
         id: string;
         defaultMessage: string;

package/dist/types/types/User.d.ts

@@ -1,9 +1,9 @@
 export type UserWithId = {
-    type: 'user' | 'group' | 'team' | 'custom';
+    type: 'user' | 'group' | 'team' | 'custom' | 'external_user';
     id: string;
 };
 export type UserWithEmail = {
-    type: 'user';
+    type: 'user' | 'external_user';
     email: string;
 };
 export type User = UserWithId | UserWithEmail;

package/dist/types-ts4.5/i18n.d.ts

@@ -179,6 +179,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    requiredFieldSummary: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     shareFailureIconLabel: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/types/User.d.ts

@@ -1,9 +1,9 @@
 export type UserWithId = {
-    type: 'user' | 'group' | 'team' | 'custom';
+    type: 'user' | 'group' | 'team' | 'custom' | 'external_user';
     id: string;
 };
 export type UserWithEmail = {
-    type: 'user';
+    type: 'user' | 'external_user';
     email: string;
 };
 export type User = UserWithId | UserWithEmail;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "4.11.0",
+  "version": "4.12.1",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -51,10 +51,10 @@
     "@atlaskit/tabs": "^14.0.0",
     "@atlaskit/textarea": "^5.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.33.0",
+    "@atlaskit/tokens": "^1.34.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
-    "@atlaskit/user-picker": "^10.13.0",
+    "@atlaskit/user-picker": "^10.14.0",
     "@atlaskit/util-service-support": "^6.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",