@atlaskit/share 6.1.7 → 6.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/cjs/components/LazyShareForm/LazyShareForm.js +2 -2
  3. package/dist/cjs/components/LazyShareForm/LazyShareFormNext.js +1 -2
  4. package/dist/cjs/components/ShareHeader.js +5 -1
  5. package/dist/cjs/components/UserPickerField.js +3 -3
  6. package/dist/cjs/components/analytics/analytics.js +1 -1
  7. package/dist/es2019/components/LazyShareForm/LazyShareForm.js +1 -1
  8. package/dist/es2019/components/LazyShareForm/LazyShareFormNext.js +1 -2
  9. package/dist/es2019/components/ShareHeader.js +5 -1
  10. package/dist/es2019/components/UserPickerField.js +1 -1
  11. package/dist/es2019/components/analytics/analytics.js +1 -1
  12. package/dist/esm/components/LazyShareForm/LazyShareForm.js +1 -1
  13. package/dist/esm/components/LazyShareForm/LazyShareFormNext.js +1 -2
  14. package/dist/esm/components/ShareHeader.js +5 -1
  15. package/dist/esm/components/UserPickerField.js +1 -1
  16. package/dist/esm/components/analytics/analytics.js +1 -1
  17. package/package.json +9 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,26 @@
1
1
  # @atlaskit/share
2
2
 
3
+ ## 6.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#142842](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142842)
8
+ [`63265d6000c11`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/63265d6000c11) -
9
+ Internal change to migrate to Compiled CSS-in-JS styling.
10
+ - Updated dependencies
11
+
12
+ ## 6.2.0
13
+
14
+ ### Minor Changes
15
+
16
+ - [#137093](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/137093)
17
+ [`f229275d5f53b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f229275d5f53b) -
18
+ PTC-10669 Fixed a11y issue with share form header
19
+
20
+ ### Patch Changes
21
+
22
+ - Updated dependencies
23
+
3
24
  ## 6.1.7
4
25
 
5
26
  ### Patch Changes
package/dist/cjs/components/LazyShareForm/LazyShareForm.js CHANGED
@@ -10,7 +10,7 @@ var _react2 = require("@emotion/react");
10
10
  var _reactIntlNext = require("react-intl-next");
11
11
  var _analyticsNext = require("@atlaskit/analytics-next");
12
12
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
- var _primitives = require("@atlaskit/primitives");
13
+ var _compiled = require("@atlaskit/primitives/compiled");
14
14
  var _constants = require("@atlaskit/theme/constants");
15
15
  var _i18n = require("../../i18n");
16
16
  var _analytics = require("../analytics/analytics");
@@ -150,7 +150,7 @@ function LazyShareForm(props) {
150
150
  isBrowseUsersDisabled: isBrowseUsersDisabled,
151
151
  userPickerOptions: userPickerOptions,
152
152
  isSubmitShareDisabled: isSubmitShareDisabled
153
- }) : (0, _react2.jsx)(_primitives.Text, {
153
+ }) : (0, _react2.jsx)(_compiled.Text, {
154
154
  as: "p"
155
155
  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.formNoPermissions))));
156
156
  }
package/dist/cjs/components/LazyShareForm/LazyShareFormNext.js CHANGED
@@ -13,7 +13,6 @@ var _reactIntlNext = require("react-intl-next");
13
13
  var _analyticsNext = require("@atlaskit/analytics-next");
14
14
  var _css = require("@atlaskit/css");
15
15
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
- var _primitives = require("@atlaskit/primitives");
17
16
  var _compiled = require("@atlaskit/primitives/compiled");
18
17
  var _i18n = require("../../i18n");
19
18
  var _analytics = require("../analytics/analytics");
@@ -138,7 +137,7 @@ function LazyShareForm(props) {
138
137
  isBrowseUsersDisabled: isBrowseUsersDisabled,
139
138
  userPickerOptions: userPickerOptions,
140
139
  isSubmitShareDisabled: isSubmitShareDisabled
141
- }) : /*#__PURE__*/_react.default.createElement(_primitives.Text, {
140
+ }) : /*#__PURE__*/_react.default.createElement(_compiled.Text, {
142
141
  as: "p"
143
142
  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formNoPermissions))));
144
143
  }
package/dist/cjs/components/ShareHeader.js CHANGED
@@ -8,6 +8,7 @@ exports.ShareHeader = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntlNext = require("react-intl-next");
10
10
  var _heading = _interopRequireDefault(require("@atlaskit/heading"));
11
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
12
  var _primitives = require("@atlaskit/primitives");
12
13
  var _i18n = require("../i18n");
13
14
  var headerWrapperStyles = (0, _primitives.xcss)({
@@ -24,7 +25,10 @@ var ShareHeader = exports.ShareHeader = function ShareHeader(_ref) {
24
25
  var title = _ref.title;
25
26
  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
26
27
  xcss: headerWrapperStyles
27
- }, /*#__PURE__*/_react.default.createElement(_heading.default, {
28
+ }, (0, _platformFeatureFlags.fg)('share-header-accessibility') ? /*#__PURE__*/_react.default.createElement(_heading.default, {
29
+ size: "small",
30
+ as: "h2"
31
+ }, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)) : /*#__PURE__*/_react.default.createElement(_heading.default, {
28
32
  size: "small"
29
33
  }, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)));
30
34
  };
package/dist/cjs/components/UserPickerField.js CHANGED
@@ -19,7 +19,7 @@ var _reactIntlNext = require("react-intl-next");
19
19
  var _form = require("@atlaskit/form");
20
20
  var _link = _interopRequireDefault(require("@atlaskit/link"));
21
21
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
- var _primitives = require("@atlaskit/primitives");
22
+ var _compiled = require("@atlaskit/primitives/compiled");
23
23
  var _smartUserPicker = _interopRequireWildcard(require("@atlaskit/smart-user-picker"));
24
24
  var _userPicker = _interopRequireDefault(require("@atlaskit/user-picker"));
25
25
  var _i18n = require("../i18n");
@@ -279,7 +279,7 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
279
279
  var UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? _smartUserPicker.default : _userPicker.default;
280
280
  var menuPortalTarget = (0, _utils.getMenuPortalTargetCurrentHTML)(selectPortalRef);
281
281
  return /*#__PURE__*/_react.default.createElement(_form.Field, {
282
- label: /*#__PURE__*/_react.default.createElement(_primitives.Text, {
282
+ label: /*#__PURE__*/_react.default.createElement(_compiled.Text, {
283
283
  id: USER_PICKER_FIELD_LABEL
284
284
  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getLabelMessage(product, allowEmail, isBrowseUsersDisabled))),
285
285
  name: "users",
@@ -298,7 +298,7 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
298
298
  "aria-labelledby": USER_PICKER_ARIA_LABEL,
299
299
  required: true,
300
300
  addMoreMessage: addMoreMessage,
301
- placeholder: /*#__PURE__*/_react.default.createElement(_primitives.Text, {
301
+ placeholder: /*#__PURE__*/_react.default.createElement(_compiled.Text, {
302
302
  id: USER_PICKER_FIELD_PLACEHOLDER
303
303
  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getPlaceHolderMessage(product, allowEmail, isBrowseUsersDisabled))),
304
304
  menuPortalTarget: menuPortalTarget,
package/dist/cjs/components/analytics/analytics.js CHANGED
@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
13
13
  var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
14
14
  return _objectSpread({
15
15
  packageName: "@atlaskit/share",
16
- packageVersion: "6.1.7"
16
+ packageVersion: "6.2.1"
17
17
  }, attributes);
18
18
  };
19
19
  var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
package/dist/es2019/components/LazyShareForm/LazyShareForm.js CHANGED
@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
10
10
  import { FormattedMessage } from 'react-intl-next';
11
11
  import { AnalyticsContext } from '@atlaskit/analytics-next';
12
12
  import { fg } from '@atlaskit/platform-feature-flags';
13
- import { Text } from '@atlaskit/primitives';
13
+ import { Text } from '@atlaskit/primitives/compiled';
14
14
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
15
15
  import { gridSize } from '@atlaskit/theme/constants';
16
16
  import { messages } from '../../i18n';
package/dist/es2019/components/LazyShareForm/LazyShareFormNext.js CHANGED
@@ -6,8 +6,7 @@ import { FormattedMessage } from 'react-intl-next';
6
6
  import { AnalyticsContext } from '@atlaskit/analytics-next';
7
7
  import { cx } from '@atlaskit/css';
8
8
  import { fg } from '@atlaskit/platform-feature-flags';
9
- import { Text } from '@atlaskit/primitives';
10
- import { Box } from '@atlaskit/primitives/compiled';
9
+ import { Box, Text } from '@atlaskit/primitives/compiled';
11
10
  import { messages } from '../../i18n';
12
11
  import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
13
12
  import { IntegrationForm } from '../IntegrationForm';
package/dist/es2019/components/ShareHeader.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { FormattedMessage } from 'react-intl-next';
3
3
  import Heading from '@atlaskit/heading';
4
+ import { fg } from '@atlaskit/platform-feature-flags';
4
5
  import { Box, xcss } from '@atlaskit/primitives';
5
6
  import { messages } from '../i18n';
6
7
  const headerWrapperStyles = xcss({
@@ -18,7 +19,10 @@ export const ShareHeader = ({
18
19
  }) => {
19
20
  return /*#__PURE__*/React.createElement(Box, {
20
21
  xcss: headerWrapperStyles
21
- }, /*#__PURE__*/React.createElement(Heading, {
22
+ }, fg('share-header-accessibility') ? /*#__PURE__*/React.createElement(Heading, {
23
+ size: "small",
24
+ as: "h2"
25
+ }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)) : /*#__PURE__*/React.createElement(Heading, {
22
26
  size: "small"
23
27
  }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)));
24
28
  };
package/dist/es2019/components/UserPickerField.js CHANGED
@@ -5,7 +5,7 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
5
5
  import { ErrorMessage, Field, HelperMessage } from '@atlaskit/form';
6
6
  import Link from '@atlaskit/link';
7
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
- import { Text } from '@atlaskit/primitives';
8
+ import { Text } from '@atlaskit/primitives/compiled';
9
9
  import SmartUserPicker, { isValidEmail } from '@atlaskit/smart-user-picker';
10
10
  import UserPicker from '@atlaskit/user-picker';
11
11
  import { messages } from '../i18n';
package/dist/es2019/components/analytics/analytics.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { isEmail, isExternalUser, isGroup, isTeam, isUser } from '@atlaskit/smart-user-picker';
2
2
  const buildAttributes = (attributes = {}) => ({
3
3
  packageName: "@atlaskit/share",
4
- packageVersion: "6.1.7",
4
+ packageVersion: "6.2.1",
5
5
  ...attributes
6
6
  });
7
7
  const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({
package/dist/esm/components/LazyShareForm/LazyShareForm.js CHANGED
@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
10
10
  import { FormattedMessage } from 'react-intl-next';
11
11
  import { AnalyticsContext } from '@atlaskit/analytics-next';
12
12
  import { fg } from '@atlaskit/platform-feature-flags';
13
- import { Text } from '@atlaskit/primitives';
13
+ import { Text } from '@atlaskit/primitives/compiled';
14
14
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
15
15
  import { gridSize } from '@atlaskit/theme/constants';
16
16
  import { messages } from '../../i18n';
package/dist/esm/components/LazyShareForm/LazyShareFormNext.js CHANGED
@@ -6,8 +6,7 @@ import { FormattedMessage } from 'react-intl-next';
6
6
  import { AnalyticsContext } from '@atlaskit/analytics-next';
7
7
  import { cx } from '@atlaskit/css';
8
8
  import { fg } from '@atlaskit/platform-feature-flags';
9
- import { Text } from '@atlaskit/primitives';
10
- import { Box } from '@atlaskit/primitives/compiled';
9
+ import { Box, Text } from '@atlaskit/primitives/compiled';
11
10
  import { messages } from '../../i18n';
12
11
  import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
13
12
  import { IntegrationForm } from '../IntegrationForm';
package/dist/esm/components/ShareHeader.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { FormattedMessage } from 'react-intl-next';
3
3
  import Heading from '@atlaskit/heading';
4
+ import { fg } from '@atlaskit/platform-feature-flags';
4
5
  import { Box, xcss } from '@atlaskit/primitives';
5
6
  import { messages } from '../i18n';
6
7
  var headerWrapperStyles = xcss({
@@ -17,7 +18,10 @@ export var ShareHeader = function ShareHeader(_ref) {
17
18
  var title = _ref.title;
18
19
  return /*#__PURE__*/React.createElement(Box, {
19
20
  xcss: headerWrapperStyles
20
- }, /*#__PURE__*/React.createElement(Heading, {
21
+ }, fg('share-header-accessibility') ? /*#__PURE__*/React.createElement(Heading, {
22
+ size: "small",
23
+ as: "h2"
24
+ }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)) : /*#__PURE__*/React.createElement(Heading, {
21
25
  size: "small"
22
26
  }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)));
23
27
  };
package/dist/esm/components/UserPickerField.js CHANGED
@@ -15,7 +15,7 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
15
15
  import { ErrorMessage, Field, HelperMessage } from '@atlaskit/form';
16
16
  import Link from '@atlaskit/link';
17
17
  import { fg } from '@atlaskit/platform-feature-flags';
18
- import { Text } from '@atlaskit/primitives';
18
+ import { Text } from '@atlaskit/primitives/compiled';
19
19
  import SmartUserPicker, { isValidEmail } from '@atlaskit/smart-user-picker';
20
20
  import UserPicker from '@atlaskit/user-picker';
21
21
  import { messages } from '../i18n';
package/dist/esm/components/analytics/analytics.js CHANGED
@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
6
6
  var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
7
7
  return _objectSpread({
8
8
  packageName: "@atlaskit/share",
9
- packageVersion: "6.1.7"
9
+ packageVersion: "6.2.1"
10
10
  }, attributes);
11
11
  };
12
12
  var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/share",
3
- "version": "6.1.7",
3
+ "version": "6.2.1",
4
4
  "description": "Fabric Share Element",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -43,21 +43,21 @@
43
43
  "@atlaskit/css": "^0.10.0",
44
44
  "@atlaskit/dropdown-menu": "^14.0.0",
45
45
  "@atlaskit/form": "^12.0.0",
46
- "@atlaskit/heading": "^5.1.0",
47
- "@atlaskit/icon": "^25.5.0",
46
+ "@atlaskit/heading": "^5.2.0",
47
+ "@atlaskit/icon": "^25.6.0",
48
48
  "@atlaskit/link": "^3.1.0",
49
49
  "@atlaskit/menu": "^3.2.0",
50
50
  "@atlaskit/platform-feature-flags": "^1.1.0",
51
51
  "@atlaskit/popper": "^7.0.0",
52
- "@atlaskit/popup": "^4.0.0",
52
+ "@atlaskit/popup": "^4.1.0",
53
53
  "@atlaskit/portal": "^5.1.0",
54
- "@atlaskit/primitives": "^14.3.0",
54
+ "@atlaskit/primitives": "^14.4.0",
55
55
  "@atlaskit/smart-user-picker": "^8.0.0",
56
56
  "@atlaskit/spinner": "^18.0.0",
57
57
  "@atlaskit/tabs": "^18.0.0",
58
58
  "@atlaskit/textarea": "^8.0.0",
59
59
  "@atlaskit/theme": "^18.0.0",
60
- "@atlaskit/tokens": "^4.7.0",
60
+ "@atlaskit/tokens": "^4.8.0",
61
61
  "@atlaskit/tooltip": "^20.0.0",
62
62
  "@atlaskit/ufo": "^0.4.0",
63
63
  "@atlaskit/user-picker": "^11.0.0",
@@ -136,6 +136,9 @@
136
136
  },
137
137
  "platform_share_custom_header_prop": {
138
138
  "type": "boolean"
139
+ },
140
+ "share-header-accessibility": {
141
+ "type": "boolean"
139
142
  }
140
143
  },
141
144
  "sideEffects": [