@atlaskit/contextual-survey 2.3.3 → 2.4.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 (11) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/components/ContextualSurvey.js +5 -0
  3. package/dist/cjs/components/SuccessContainer.js +6 -4
  4. package/dist/cjs/components/SurveyContainer.js +3 -3
  5. package/dist/es2019/components/ContextualSurvey.js +5 -0
  6. package/dist/es2019/components/SuccessContainer.js +5 -3
  7. package/dist/es2019/components/SurveyContainer.js +2 -2
  8. package/dist/esm/components/ContextualSurvey.js +5 -0
  9. package/dist/esm/components/SuccessContainer.js +5 -3
  10. package/dist/esm/components/SurveyContainer.js +2 -2
  11. package/package.json +5 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/contextual-survey
2
2
 
3
+ ## 2.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#149900](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/149900)
8
+ [`1b67ed4471db0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1b67ed4471db0) -
9
+ bumped to react18
10
+
11
+ ## 2.4.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [#147230](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147230)
16
+ [`0450aceb2400a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0450aceb2400a) -
17
+ Enable new icons behind a feature flag.
18
+
3
19
  ## 2.3.3
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/components/ContextualSurvey.js CHANGED
@@ -72,6 +72,11 @@ var _default = exports.default = function _default(_ref) {
72
72
  (0, _react.useEffect)(function () {
73
73
  onDismissRef.current = onDismiss;
74
74
  }, [onDismiss]);
75
+
76
+ // reset isDismissedRef.current on mount to be compatible with double render in react18 strict mode
77
+ (0, _react.useEffect)(function () {
78
+ isDismissedRef.current = false;
79
+ }, []);
75
80
  var tryClearTimeout = (0, _react.useCallback)(function () {
76
81
  var id = autoDisappearTimeoutRef.current;
77
82
  if (id) {
package/dist/cjs/components/SuccessContainer.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _react = require("@emotion/react");
9
- var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
9
+ var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
10
10
  var _colors = require("@atlaskit/theme/colors");
11
11
  /**
12
12
  * @jsxRuntime classic
@@ -24,12 +24,14 @@ var _default = exports.default = function _default(_ref) {
24
24
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
25
25
  css: (0, _react.css)({
26
26
  position: 'absolute',
27
- top: "var(--ds-space-300, 24px)",
27
+ top: "var(--ds-space-250, 20px)",
28
28
  left: "var(--ds-space-300, 24px)"
29
29
  })
30
- }, (0, _react.jsx)(_checkCircle.default, {
30
+ }, (0, _react.jsx)(_successCheckCircle.default, {
31
+ spacing: "spacious",
31
32
  label: "",
32
33
  "aria-hidden": true,
33
- primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
34
+ color: "var(--ds-icon-success, ".concat(_colors.G300, ")"),
35
+ LEGACY_margin: "4px 0 0 0"
34
36
  })), children);
35
37
  };
package/dist/cjs/components/SurveyContainer.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _react = require("@emotion/react");
9
9
  var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
10
- var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
10
+ var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
11
11
  var _colors = require("@atlaskit/theme/colors");
12
12
  var _constants = require("@atlaskit/theme/constants");
13
13
  var _constants2 = require("../constants");
@@ -38,9 +38,9 @@ var _default = exports.default = function _default(_ref) {
38
38
  right: "var(--ds-space-200, 16px)"
39
39
  })
40
40
  }, (0, _react.jsx)(_customThemeButton.default, {
41
- iconBefore: (0, _react.jsx)(_cross.default, {
41
+ iconBefore: (0, _react.jsx)(_closeCross.default, {
42
42
  label: "",
43
- primaryColor: "var(--ds-icon-subtle, ".concat(_colors.N50, ")")
43
+ color: "var(--ds-icon-subtle, ".concat(_colors.N50, ")")
44
44
  }),
45
45
  "aria-label": "Dismiss",
46
46
  appearance: "subtle",
package/dist/es2019/components/ContextualSurvey.js CHANGED
@@ -55,6 +55,11 @@ export default (({
55
55
  useEffect(() => {
56
56
  onDismissRef.current = onDismiss;
57
57
  }, [onDismiss]);
58
+
59
+ // reset isDismissedRef.current on mount to be compatible with double render in react18 strict mode
60
+ useEffect(() => {
61
+ isDismissedRef.current = false;
62
+ }, []);
58
63
  const tryClearTimeout = useCallback(() => {
59
64
  const id = autoDisappearTimeoutRef.current;
60
65
  if (id) {
package/dist/es2019/components/SuccessContainer.js CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
6
  import { css, jsx } from '@emotion/react';
7
- import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
7
+ import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
8
8
  import { G300 } from '@atlaskit/theme/colors';
9
9
  export default (({
10
10
  children
@@ -17,11 +17,13 @@ export default (({
17
17
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
18
18
  css: css({
19
19
  position: 'absolute',
20
- top: "var(--ds-space-300, 24px)",
20
+ top: "var(--ds-space-250, 20px)",
21
21
  left: "var(--ds-space-300, 24px)"
22
22
  })
23
23
  }, jsx(CheckCircleIcon, {
24
+ spacing: "spacious",
24
25
  label: "",
25
26
  "aria-hidden": true,
26
- primaryColor: `var(--ds-icon-success, ${G300})`
27
+ color: `var(--ds-icon-success, ${G300})`,
28
+ LEGACY_margin: "4px 0 0 0"
27
29
  })), children));
package/dist/es2019/components/SurveyContainer.js CHANGED
@@ -5,7 +5,7 @@
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
6
  import { css, jsx } from '@emotion/react';
7
7
  import Button from '@atlaskit/button/custom-theme-button';
8
- import CrossIcon from '@atlaskit/icon/glyph/cross';
8
+ import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
9
9
  import { N0, N50, N50A, N60A } from '@atlaskit/theme/colors';
10
10
  import { borderRadius } from '@atlaskit/theme/constants';
11
11
  import { surveyInnerWidth } from '../constants';
@@ -34,7 +34,7 @@ export default (({
34
34
  }, jsx(Button, {
35
35
  iconBefore: jsx(CrossIcon, {
36
36
  label: "",
37
- primaryColor: `var(--ds-icon-subtle, ${N50})`
37
+ color: `var(--ds-icon-subtle, ${N50})`
38
38
  }),
39
39
  "aria-label": "Dismiss",
40
40
  appearance: "subtle",
package/dist/esm/components/ContextualSurvey.js CHANGED
@@ -62,6 +62,11 @@ export default (function (_ref) {
62
62
  useEffect(function () {
63
63
  onDismissRef.current = onDismiss;
64
64
  }, [onDismiss]);
65
+
66
+ // reset isDismissedRef.current on mount to be compatible with double render in react18 strict mode
67
+ useEffect(function () {
68
+ isDismissedRef.current = false;
69
+ }, []);
65
70
  var tryClearTimeout = useCallback(function () {
66
71
  var id = autoDisappearTimeoutRef.current;
67
72
  if (id) {
package/dist/esm/components/SuccessContainer.js CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
6
  import { css, jsx } from '@emotion/react';
7
- import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
7
+ import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
8
8
  import { G300 } from '@atlaskit/theme/colors';
9
9
  export default (function (_ref) {
10
10
  var children = _ref.children;
@@ -17,12 +17,14 @@ export default (function (_ref) {
17
17
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
18
18
  css: css({
19
19
  position: 'absolute',
20
- top: "var(--ds-space-300, 24px)",
20
+ top: "var(--ds-space-250, 20px)",
21
21
  left: "var(--ds-space-300, 24px)"
22
22
  })
23
23
  }, jsx(CheckCircleIcon, {
24
+ spacing: "spacious",
24
25
  label: "",
25
26
  "aria-hidden": true,
26
- primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
27
+ color: "var(--ds-icon-success, ".concat(G300, ")"),
28
+ LEGACY_margin: "4px 0 0 0"
27
29
  })), children);
28
30
  });
package/dist/esm/components/SurveyContainer.js CHANGED
@@ -5,7 +5,7 @@
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
6
  import { css, jsx } from '@emotion/react';
7
7
  import Button from '@atlaskit/button/custom-theme-button';
8
- import CrossIcon from '@atlaskit/icon/glyph/cross';
8
+ import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
9
9
  import { N0, N50, N50A, N60A } from '@atlaskit/theme/colors';
10
10
  import { borderRadius } from '@atlaskit/theme/constants';
11
11
  import { surveyInnerWidth } from '../constants';
@@ -33,7 +33,7 @@ export default (function (_ref) {
33
33
  }, jsx(Button, {
34
34
  iconBefore: jsx(CrossIcon, {
35
35
  label: "",
36
- primaryColor: "var(--ds-icon-subtle, ".concat(N50, ")")
36
+ color: "var(--ds-icon-subtle, ".concat(N50, ")")
37
37
  }),
38
38
  "aria-label": "Dismiss",
39
39
  appearance: "subtle",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/contextual-survey",
3
- "version": "2.3.3",
3
+ "version": "2.4.1",
4
4
  "description": "A React component used to ask the user for feedback",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,6 +28,7 @@
28
28
  "./types": "./src/types.ts"
29
29
  },
30
30
  "atlassian": {
31
+ "runReact18": true,
31
32
  "team": "Personalization",
32
33
  "website": {
33
34
  "name": "Contextual Survey"
@@ -38,18 +39,18 @@
38
39
  "@atlaskit/checkbox": "^14.0.0",
39
40
  "@atlaskit/form": "^10.5.0",
40
41
  "@atlaskit/heading": "^2.4.0",
41
- "@atlaskit/icon": "^22.18.0",
42
+ "@atlaskit/icon": "^22.22.0",
42
43
  "@atlaskit/primitives": "^12.2.0",
43
44
  "@atlaskit/textarea": "^5.6.0",
44
45
  "@atlaskit/theme": "^13.0.0",
45
46
  "@atlaskit/tokens": "^2.0.0",
46
- "@atlaskit/tooltip": "^18.7.0",
47
+ "@atlaskit/tooltip": "^18.8.0",
47
48
  "@babel/runtime": "^7.0.0",
48
49
  "@emotion/react": "^11.7.1",
49
50
  "react-transition-group": "^4.4.1"
50
51
  },
51
52
  "peerDependencies": {
52
- "react": "^16.8.0"
53
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
53
54
  },
54
55
  "devDependencies": {
55
56
  "@testing-library/react": "^12.1.5",