@atlaskit/contextual-survey 6.0.11 → 6.0.12

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 (10) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/new-survey/SurveyForm.js +24 -26
  3. package/dist/cjs/new-survey/SurveyFormExpandedFeedback.js +42 -0
  4. package/dist/es2019/new-survey/SurveyForm.js +22 -26
  5. package/dist/es2019/new-survey/SurveyFormExpandedFeedback.js +34 -0
  6. package/dist/esm/new-survey/SurveyForm.js +25 -27
  7. package/dist/esm/new-survey/SurveyFormExpandedFeedback.js +35 -0
  8. package/dist/types/new-survey/SurveyFormExpandedFeedback.d.ts +8 -0
  9. package/dist/types-ts4.5/new-survey/SurveyFormExpandedFeedback.d.ts +8 -0
  10. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/contextual-survey
2
2
 
3
+ ## 6.0.12
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 6.0.11
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/new-survey/SurveyForm.js CHANGED
@@ -15,12 +15,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
15
15
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
16
16
  var _reactTransitionGroup = require("react-transition-group");
17
17
  var _new = _interopRequireDefault(require("@atlaskit/button/new"));
18
- var _checkbox = require("@atlaskit/checkbox");
19
18
  var _form = _interopRequireWildcard(require("@atlaskit/form"));
20
19
  var _heading = _interopRequireDefault(require("@atlaskit/heading"));
20
+ var _motion = require("@atlaskit/motion");
21
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
21
22
  var _compiled = require("@atlaskit/primitives/compiled");
22
- var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
23
23
  var _FeedbackScoreButtons = _interopRequireDefault(require("./FeedbackScoreButtons"));
24
+ var _SurveyFormExpandedFeedback = require("./SurveyFormExpandedFeedback");
24
25
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
25
26
  var transitionBaseStyles = null;
26
27
  var styles = {
@@ -72,6 +73,14 @@ var _default = exports.default = function _default(_ref) {
72
73
  hasAutoFilledCanContactRef.current = true;
73
74
  setCanContactDefault(true);
74
75
  }, []);
76
+ var resizingHeightProps = (0, _motion.useResizingHeight)({
77
+ duration: function duration() {
78
+ return TRANSITION_DURATION;
79
+ },
80
+ timingFunction: function timingFunction() {
81
+ return 'ease-in-out';
82
+ }
83
+ });
75
84
  return /*#__PURE__*/React.createElement("section", {
76
85
  "aria-labelledby": "contextualSurveyQuestion"
77
86
  }, /*#__PURE__*/React.createElement(_compiled.Stack, {
@@ -104,7 +113,14 @@ var _default = exports.default = function _default(_ref) {
104
113
  onScoreSelect();
105
114
  }
106
115
  }));
107
- }), /*#__PURE__*/React.createElement(_reactTransitionGroup.Transition, {
116
+ }), (0, _platformFeatureFlags.fg)('platform_contextual_survey_use_atlaskit_motion') ? /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, resizingHeightProps, {
117
+ className: (0, _runtime.ax)(["_1reo15vq _18m915vq"])
118
+ }), expanded ? /*#__PURE__*/React.createElement(_SurveyFormExpandedFeedback.SurveyFormExpandedFeedback, {
119
+ canContactDefault: canContactDefault,
120
+ onFeedbackChange: onFeedbackChange,
121
+ submitting: submitting,
122
+ textLabel: textLabel
123
+ }) : null) : /*#__PURE__*/React.createElement(_reactTransitionGroup.Transition, {
108
124
  in: expanded,
109
125
  timeout: TRANSITION_DURATION,
110
126
  mountOnEnter: true
@@ -116,29 +132,11 @@ var _default = exports.default = function _default(_ref) {
116
132
  },
117
133
  ref: expandedAreaRef,
118
134
  className: (0, _runtime.ax)(["_1reo15vq _18m915vq"])
119
- }, /*#__PURE__*/React.createElement(_form.Field, {
120
- name: "writtenFeedback",
121
- defaultValue: "",
122
- isDisabled: submitting,
123
- label: textLabel
124
- }, function (_ref4) {
125
- var fieldProps = _ref4.fieldProps;
126
- return /*#__PURE__*/React.createElement(_textarea.default, (0, _extends2.default)({}, fieldProps, {
127
- "aria-label": textLabel,
128
- onChange: function onChange(event) {
129
- fieldProps.onChange(event);
130
- onFeedbackChange();
131
- }
132
- }));
133
- }), /*#__PURE__*/React.createElement(_form.CheckboxField, {
134
- name: "canContact",
135
- isDisabled: submitting,
136
- defaultIsChecked: canContactDefault
137
- }, function (_ref5) {
138
- var fieldProps = _ref5.fieldProps;
139
- return /*#__PURE__*/React.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
140
- label: "Atlassian can contact me about this feedback"
141
- }));
135
+ }, /*#__PURE__*/React.createElement(_SurveyFormExpandedFeedback.SurveyFormExpandedFeedback, {
136
+ canContactDefault: canContactDefault,
137
+ onFeedbackChange: onFeedbackChange,
138
+ submitting: submitting,
139
+ textLabel: textLabel
142
140
  }));
143
141
  }), /*#__PURE__*/React.createElement(_compiled.Box, {
144
142
  xcss: styles.buttonContainer
package/dist/cjs/new-survey/SurveyFormExpandedFeedback.js ADDED
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.SurveyFormExpandedFeedback = SurveyFormExpandedFeedback;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+ var _react = _interopRequireDefault(require("react"));
10
+ var _checkbox = _interopRequireDefault(require("@atlaskit/checkbox"));
11
+ var _form = require("@atlaskit/form");
12
+ var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
13
+ function SurveyFormExpandedFeedback(_ref) {
14
+ var canContactDefault = _ref.canContactDefault,
15
+ onFeedbackChange = _ref.onFeedbackChange,
16
+ submitting = _ref.submitting,
17
+ textLabel = _ref.textLabel;
18
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.Field, {
19
+ name: "writtenFeedback",
20
+ defaultValue: "",
21
+ isDisabled: submitting,
22
+ label: textLabel
23
+ }, function (_ref2) {
24
+ var fieldProps = _ref2.fieldProps;
25
+ return /*#__PURE__*/_react.default.createElement(_textarea.default, (0, _extends2.default)({}, fieldProps, {
26
+ "aria-label": textLabel,
27
+ onChange: function onChange(event) {
28
+ fieldProps.onChange(event);
29
+ onFeedbackChange();
30
+ }
31
+ }));
32
+ }), /*#__PURE__*/_react.default.createElement(_form.CheckboxField, {
33
+ name: "canContact",
34
+ isDisabled: submitting,
35
+ defaultIsChecked: canContactDefault
36
+ }, function (_ref3) {
37
+ var fieldProps = _ref3.fieldProps;
38
+ return /*#__PURE__*/_react.default.createElement(_checkbox.default, (0, _extends2.default)({}, fieldProps, {
39
+ label: "Atlassian can contact me about this feedback"
40
+ }));
41
+ }));
42
+ }
package/dist/es2019/new-survey/SurveyForm.js CHANGED
@@ -6,12 +6,13 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useCallback, useRef, useState } from 'react';
7
7
  import { Transition } from 'react-transition-group';
8
8
  import Button from '@atlaskit/button/new';
9
- import { Checkbox } from '@atlaskit/checkbox';
10
- import Form, { CheckboxField, Field } from '@atlaskit/form';
9
+ import Form, { Field } from '@atlaskit/form';
11
10
  import Heading from '@atlaskit/heading';
11
+ import { useResizingHeight } from '@atlaskit/motion';
12
+ import { fg } from '@atlaskit/platform-feature-flags';
12
13
  import { Box, Stack, Text } from '@atlaskit/primitives/compiled';
13
- import Textarea from '@atlaskit/textarea';
14
14
  import FeedbackScoreButtons from './FeedbackScoreButtons';
15
+ import { SurveyFormExpandedFeedback } from './SurveyFormExpandedFeedback';
15
16
  const transitionBaseStyles = null;
16
17
  const styles = {
17
18
  buttonContainer: "_19pk1ejb",
@@ -57,6 +58,10 @@ export default (({
57
58
  hasAutoFilledCanContactRef.current = true;
58
59
  setCanContactDefault(true);
59
60
  }, []);
61
+ const resizingHeightProps = useResizingHeight({
62
+ duration: () => TRANSITION_DURATION,
63
+ timingFunction: () => 'ease-in-out'
64
+ });
60
65
  return /*#__PURE__*/React.createElement("section", {
61
66
  "aria-labelledby": "contextualSurveyQuestion"
62
67
  }, /*#__PURE__*/React.createElement(Stack, {
@@ -88,7 +93,14 @@ export default (({
88
93
  fieldProps.onChange(score);
89
94
  onScoreSelect();
90
95
  }
91
- }))), /*#__PURE__*/React.createElement(Transition, {
96
+ }))), fg('platform_contextual_survey_use_atlaskit_motion') ? /*#__PURE__*/React.createElement("div", _extends({}, resizingHeightProps, {
97
+ className: ax(["_1reo15vq _18m915vq"])
98
+ }), expanded ? /*#__PURE__*/React.createElement(SurveyFormExpandedFeedback, {
99
+ canContactDefault: canContactDefault,
100
+ onFeedbackChange: onFeedbackChange,
101
+ submitting: submitting,
102
+ textLabel: textLabel
103
+ }) : null) : /*#__PURE__*/React.createElement(Transition, {
92
104
  in: expanded,
93
105
  timeout: TRANSITION_DURATION,
94
106
  mountOnEnter: true
@@ -99,28 +111,12 @@ export default (({
99
111
  },
100
112
  ref: expandedAreaRef,
101
113
  className: ax(["_1reo15vq _18m915vq"])
102
- }, /*#__PURE__*/React.createElement(Field, {
103
- name: "writtenFeedback",
104
- defaultValue: "",
105
- isDisabled: submitting,
106
- label: textLabel
107
- }, ({
108
- fieldProps
109
- }) => /*#__PURE__*/React.createElement(Textarea, _extends({}, fieldProps, {
110
- "aria-label": textLabel,
111
- onChange: event => {
112
- fieldProps.onChange(event);
113
- onFeedbackChange();
114
- }
115
- }))), /*#__PURE__*/React.createElement(CheckboxField, {
116
- name: "canContact",
117
- isDisabled: submitting,
118
- defaultIsChecked: canContactDefault
119
- }, ({
120
- fieldProps
121
- }) => /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
122
- label: "Atlassian can contact me about this feedback"
123
- }))))), /*#__PURE__*/React.createElement(Box, {
114
+ }, /*#__PURE__*/React.createElement(SurveyFormExpandedFeedback, {
115
+ canContactDefault: canContactDefault,
116
+ onFeedbackChange: onFeedbackChange,
117
+ submitting: submitting,
118
+ textLabel: textLabel
119
+ }))), /*#__PURE__*/React.createElement(Box, {
124
120
  xcss: styles.buttonContainer
125
121
  }, /*#__PURE__*/React.createElement(Button, {
126
122
  isDisabled: !expanded,
package/dist/es2019/new-survey/SurveyFormExpandedFeedback.js ADDED
@@ -0,0 +1,34 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import React from 'react';
3
+ import Checkbox from '@atlaskit/checkbox';
4
+ import { CheckboxField, Field } from '@atlaskit/form';
5
+ import Textarea from '@atlaskit/textarea';
6
+ export function SurveyFormExpandedFeedback({
7
+ canContactDefault,
8
+ onFeedbackChange,
9
+ submitting,
10
+ textLabel
11
+ }) {
12
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Field, {
13
+ name: "writtenFeedback",
14
+ defaultValue: "",
15
+ isDisabled: submitting,
16
+ label: textLabel
17
+ }, ({
18
+ fieldProps
19
+ }) => /*#__PURE__*/React.createElement(Textarea, _extends({}, fieldProps, {
20
+ "aria-label": textLabel,
21
+ onChange: event => {
22
+ fieldProps.onChange(event);
23
+ onFeedbackChange();
24
+ }
25
+ }))), /*#__PURE__*/React.createElement(CheckboxField, {
26
+ name: "canContact",
27
+ isDisabled: submitting,
28
+ defaultIsChecked: canContactDefault
29
+ }, ({
30
+ fieldProps
31
+ }) => /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
32
+ label: "Atlassian can contact me about this feedback"
33
+ }))));
34
+ }
package/dist/esm/new-survey/SurveyForm.js CHANGED
@@ -7,12 +7,13 @@ import { ax, ix } from "@compiled/react/runtime";
7
7
  import { useCallback, useRef, useState } from 'react';
8
8
  import { Transition } from 'react-transition-group';
9
9
  import Button from '@atlaskit/button/new';
10
- import { Checkbox } from '@atlaskit/checkbox';
11
- import Form, { CheckboxField, Field } from '@atlaskit/form';
10
+ import Form, { Field } from '@atlaskit/form';
12
11
  import Heading from '@atlaskit/heading';
12
+ import { useResizingHeight } from '@atlaskit/motion';
13
+ import { fg } from '@atlaskit/platform-feature-flags';
13
14
  import { Box, Stack, Text } from '@atlaskit/primitives/compiled';
14
- import Textarea from '@atlaskit/textarea';
15
15
  import FeedbackScoreButtons from './FeedbackScoreButtons';
16
+ import { SurveyFormExpandedFeedback } from './SurveyFormExpandedFeedback';
16
17
  var transitionBaseStyles = null;
17
18
  var styles = {
18
19
  buttonContainer: "_19pk1ejb",
@@ -63,6 +64,14 @@ export default (function (_ref) {
63
64
  hasAutoFilledCanContactRef.current = true;
64
65
  setCanContactDefault(true);
65
66
  }, []);
67
+ var resizingHeightProps = useResizingHeight({
68
+ duration: function duration() {
69
+ return TRANSITION_DURATION;
70
+ },
71
+ timingFunction: function timingFunction() {
72
+ return 'ease-in-out';
73
+ }
74
+ });
66
75
  return /*#__PURE__*/React.createElement("section", {
67
76
  "aria-labelledby": "contextualSurveyQuestion"
68
77
  }, /*#__PURE__*/React.createElement(Stack, {
@@ -95,7 +104,14 @@ export default (function (_ref) {
95
104
  onScoreSelect();
96
105
  }
97
106
  }));
98
- }), /*#__PURE__*/React.createElement(Transition, {
107
+ }), fg('platform_contextual_survey_use_atlaskit_motion') ? /*#__PURE__*/React.createElement("div", _extends({}, resizingHeightProps, {
108
+ className: ax(["_1reo15vq _18m915vq"])
109
+ }), expanded ? /*#__PURE__*/React.createElement(SurveyFormExpandedFeedback, {
110
+ canContactDefault: canContactDefault,
111
+ onFeedbackChange: onFeedbackChange,
112
+ submitting: submitting,
113
+ textLabel: textLabel
114
+ }) : null) : /*#__PURE__*/React.createElement(Transition, {
99
115
  in: expanded,
100
116
  timeout: TRANSITION_DURATION,
101
117
  mountOnEnter: true
@@ -107,29 +123,11 @@ export default (function (_ref) {
107
123
  },
108
124
  ref: expandedAreaRef,
109
125
  className: ax(["_1reo15vq _18m915vq"])
110
- }, /*#__PURE__*/React.createElement(Field, {
111
- name: "writtenFeedback",
112
- defaultValue: "",
113
- isDisabled: submitting,
114
- label: textLabel
115
- }, function (_ref4) {
116
- var fieldProps = _ref4.fieldProps;
117
- return /*#__PURE__*/React.createElement(Textarea, _extends({}, fieldProps, {
118
- "aria-label": textLabel,
119
- onChange: function onChange(event) {
120
- fieldProps.onChange(event);
121
- onFeedbackChange();
122
- }
123
- }));
124
- }), /*#__PURE__*/React.createElement(CheckboxField, {
125
- name: "canContact",
126
- isDisabled: submitting,
127
- defaultIsChecked: canContactDefault
128
- }, function (_ref5) {
129
- var fieldProps = _ref5.fieldProps;
130
- return /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
131
- label: "Atlassian can contact me about this feedback"
132
- }));
126
+ }, /*#__PURE__*/React.createElement(SurveyFormExpandedFeedback, {
127
+ canContactDefault: canContactDefault,
128
+ onFeedbackChange: onFeedbackChange,
129
+ submitting: submitting,
130
+ textLabel: textLabel
133
131
  }));
134
132
  }), /*#__PURE__*/React.createElement(Box, {
135
133
  xcss: styles.buttonContainer
package/dist/esm/new-survey/SurveyFormExpandedFeedback.js ADDED
@@ -0,0 +1,35 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import React from 'react';
3
+ import Checkbox from '@atlaskit/checkbox';
4
+ import { CheckboxField, Field } from '@atlaskit/form';
5
+ import Textarea from '@atlaskit/textarea';
6
+ export function SurveyFormExpandedFeedback(_ref) {
7
+ var canContactDefault = _ref.canContactDefault,
8
+ onFeedbackChange = _ref.onFeedbackChange,
9
+ submitting = _ref.submitting,
10
+ textLabel = _ref.textLabel;
11
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Field, {
12
+ name: "writtenFeedback",
13
+ defaultValue: "",
14
+ isDisabled: submitting,
15
+ label: textLabel
16
+ }, function (_ref2) {
17
+ var fieldProps = _ref2.fieldProps;
18
+ return /*#__PURE__*/React.createElement(Textarea, _extends({}, fieldProps, {
19
+ "aria-label": textLabel,
20
+ onChange: function onChange(event) {
21
+ fieldProps.onChange(event);
22
+ onFeedbackChange();
23
+ }
24
+ }));
25
+ }), /*#__PURE__*/React.createElement(CheckboxField, {
26
+ name: "canContact",
27
+ isDisabled: submitting,
28
+ defaultIsChecked: canContactDefault
29
+ }, function (_ref3) {
30
+ var fieldProps = _ref3.fieldProps;
31
+ return /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
32
+ label: "Atlassian can contact me about this feedback"
33
+ }));
34
+ }));
35
+ }
package/dist/types/new-survey/SurveyFormExpandedFeedback.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export type SurveyFormExpandedFeedbackProps = {
3
+ canContactDefault: boolean;
4
+ onFeedbackChange: () => void;
5
+ submitting: boolean;
6
+ textLabel: string;
7
+ };
8
+ export declare function SurveyFormExpandedFeedback({ canContactDefault, onFeedbackChange, submitting, textLabel, }: SurveyFormExpandedFeedbackProps): React.JSX.Element;
package/dist/types-ts4.5/new-survey/SurveyFormExpandedFeedback.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export type SurveyFormExpandedFeedbackProps = {
3
+ canContactDefault: boolean;
4
+ onFeedbackChange: () => void;
5
+ submitting: boolean;
6
+ textLabel: string;
7
+ };
8
+ export declare function SurveyFormExpandedFeedback({ canContactDefault, onFeedbackChange, submitting, textLabel, }: SurveyFormExpandedFeedbackProps): React.JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/contextual-survey",
3
- "version": "6.0.11",
3
+ "version": "6.0.12",
4
4
  "description": "A React component used to ask the user for feedback",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,12 +39,12 @@
39
39
  "@atlaskit/icon": "^34.0.0",
40
40
  "@atlaskit/image": "^3.0.0",
41
41
  "@atlaskit/link": "^3.4.0",
42
- "@atlaskit/motion": "^5.5.0",
42
+ "@atlaskit/motion": "^5.6.0",
43
43
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
- "@atlaskit/primitives": "^18.1.0",
44
+ "@atlaskit/primitives": "^19.0.0",
45
45
  "@atlaskit/textarea": "^8.2.0",
46
46
  "@atlaskit/theme": "^23.0.0",
47
- "@atlaskit/tokens": "^12.0.0",
47
+ "@atlaskit/tokens": "^13.0.0",
48
48
  "@atlaskit/tooltip": "^21.1.0",
49
49
  "@babel/runtime": "^7.0.0",
50
50
  "@compiled/react": "^0.20.0",