@semcore/feedback-form 5.4.6 → 5.4.7
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.
- package/CHANGELOG.md +2 -2
- package/lib/cjs/FeedbackForm.js +28 -85
- package/lib/cjs/FeedbackForm.js.map +1 -1
- package/lib/cjs/index.js +0 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/FeedbackForm.js +28 -75
- package/lib/es6/FeedbackForm.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.4.
|
|
5
|
+
## [5.4.7] - 2023-04-03
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/tooltip` [5.3.24 ~> 5.4.0]).
|
|
10
10
|
|
|
11
11
|
## [5.4.4] - 2023-03-27
|
|
12
12
|
|
package/lib/cjs/FeedbackForm.js
CHANGED
|
@@ -1,112 +1,72 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
15
|
-
|
|
16
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
-
|
|
18
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
19
|
-
|
|
20
13
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
|
-
|
|
22
14
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
-
|
|
24
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
-
|
|
26
16
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
27
|
-
|
|
28
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
|
-
|
|
30
18
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
31
|
-
|
|
32
19
|
var _react = _interopRequireDefault(require("react"));
|
|
33
|
-
|
|
34
20
|
var _reactFinalForm = require("react-final-form");
|
|
35
|
-
|
|
36
21
|
var _finalFormFocus = _interopRequireDefault(require("final-form-focus"));
|
|
37
|
-
|
|
38
22
|
var _button = _interopRequireDefault(require("@semcore/button"));
|
|
39
|
-
|
|
40
23
|
var _spinContainer = _interopRequireDefault(require("@semcore/spin-container"));
|
|
41
|
-
|
|
42
24
|
var _tooltip = _interopRequireDefault(require("@semcore/tooltip"));
|
|
43
|
-
|
|
44
25
|
var _notice = require("@semcore/notice");
|
|
45
|
-
|
|
46
26
|
var _flexBox = require("@semcore/flex-box");
|
|
47
|
-
|
|
48
27
|
var _pick = _interopRequireDefault(require("@semcore/utils/lib/pick"));
|
|
49
|
-
|
|
50
28
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
51
|
-
|
|
52
29
|
var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"],
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
30
|
+
_excluded2 = ["Children", "tag", "uid"],
|
|
31
|
+
_excluded3 = ["input", "meta"];
|
|
56
32
|
/*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
|
57
|
-
var style = (
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
"
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
/*__reshadow_css_end__*/
|
|
65
|
-
, {
|
|
66
|
-
"__SFeedbackForm": "___SFeedbackForm_1jh80_gg_",
|
|
67
|
-
"__SSubmit": "___SSubmit_1jh80_gg_",
|
|
68
|
-
"__SCancel": "___SCancel_1jh80_gg_",
|
|
69
|
-
"__SNotice": "___SNotice_1jh80_gg_",
|
|
70
|
-
"__SSuccess": "___SSuccess_1jh80_gg_",
|
|
71
|
-
"__SEmail": "___SEmail_1jh80_gg_"
|
|
33
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_js7v9_gg_{max-width:320px}.___SCancel_js7v9_gg_,.___SSubmit_js7v9_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_js7v9_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_js7v9_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_js7v9_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "js7v9_gg_") /*__reshadow_css_end__*/, {
|
|
34
|
+
"__SFeedbackForm": "___SFeedbackForm_js7v9_gg_",
|
|
35
|
+
"__SSubmit": "___SSubmit_js7v9_gg_",
|
|
36
|
+
"__SCancel": "___SCancel_js7v9_gg_",
|
|
37
|
+
"__SNotice": "___SNotice_js7v9_gg_",
|
|
38
|
+
"__SSuccess": "___SSuccess_js7v9_gg_",
|
|
39
|
+
"__SEmail": "___SEmail_js7v9_gg_"
|
|
72
40
|
});
|
|
73
|
-
|
|
74
41
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
75
42
|
(0, _inherits2["default"])(FeedbackForm, _Component);
|
|
76
|
-
|
|
77
43
|
var _super = (0, _createSuper2["default"])(FeedbackForm);
|
|
78
|
-
|
|
79
44
|
function FeedbackForm() {
|
|
80
45
|
var _this;
|
|
81
|
-
|
|
82
46
|
(0, _classCallCheck2["default"])(this, FeedbackForm);
|
|
83
|
-
|
|
84
47
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
85
48
|
args[_key] = arguments[_key];
|
|
86
49
|
}
|
|
87
|
-
|
|
88
50
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
89
51
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focusDecorator", (0, _finalFormFocus["default"])());
|
|
90
52
|
return _this;
|
|
91
53
|
}
|
|
92
|
-
|
|
93
54
|
(0, _createClass2["default"])(FeedbackForm, [{
|
|
94
55
|
key: "render",
|
|
95
56
|
value: function render() {
|
|
96
57
|
var SFeedbackForm = _flexBox.Box;
|
|
97
58
|
var _this$asProps = this.asProps,
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
59
|
+
Children = _this$asProps.Children,
|
|
60
|
+
styles = _this$asProps.styles,
|
|
61
|
+
forwardRef = _this$asProps.forwardRef,
|
|
62
|
+
loading = _this$asProps.loading,
|
|
63
|
+
background = _this$asProps.background,
|
|
64
|
+
theme = _this$asProps.theme,
|
|
65
|
+
other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
|
|
105
66
|
return /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Form, (0, _extends2["default"])({
|
|
106
67
|
decorators: [this.focusDecorator]
|
|
107
68
|
}, other), function (api) {
|
|
108
69
|
var _ref6;
|
|
109
|
-
|
|
110
70
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_spinContainer["default"], _ref6.cn("SpinContainer", {
|
|
111
71
|
"background": background,
|
|
112
72
|
"theme": theme,
|
|
@@ -126,7 +86,6 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
|
126
86
|
}]);
|
|
127
87
|
return FeedbackForm;
|
|
128
88
|
}(_core.Component);
|
|
129
|
-
|
|
130
89
|
(0, _defineProperty2["default"])(FeedbackForm, "displayName", 'FeedbackForm');
|
|
131
90
|
(0, _defineProperty2["default"])(FeedbackForm, "style", style);
|
|
132
91
|
(0, _defineProperty2["default"])(FeedbackForm, "FinalForm", {
|
|
@@ -142,7 +101,6 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
|
142
101
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
143
102
|
var words = value.split(/\s+/);
|
|
144
103
|
var symbols = words.join(' ');
|
|
145
|
-
|
|
146
104
|
if (symbols.length < 10 || words.length < 3) {
|
|
147
105
|
return error;
|
|
148
106
|
}
|
|
@@ -151,7 +109,6 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
|
151
109
|
email: function email(error) {
|
|
152
110
|
return function () {
|
|
153
111
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
154
|
-
|
|
155
112
|
if (!/.+@.+\..+/i.test(String(value).toLowerCase())) {
|
|
156
113
|
return error;
|
|
157
114
|
}
|
|
@@ -159,19 +116,18 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
|
159
116
|
}
|
|
160
117
|
});
|
|
161
118
|
var TooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate'];
|
|
162
|
-
|
|
163
119
|
function Item(_ref11) {
|
|
164
120
|
var _ref = arguments[0];
|
|
165
121
|
var Children = _ref11.Children,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
122
|
+
tag = _ref11.tag,
|
|
123
|
+
uid = _ref11.uid,
|
|
124
|
+
props = (0, _objectWithoutProperties2["default"])(_ref11, _excluded2);
|
|
169
125
|
var tooltipProps = (0, _pick["default"])(props, TooltipProps);
|
|
170
126
|
var ItemRoot = tag;
|
|
171
127
|
return /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Field, props, function (_ref12) {
|
|
172
128
|
var input = _ref12.input,
|
|
173
|
-
|
|
174
|
-
|
|
129
|
+
meta = _ref12.meta,
|
|
130
|
+
other = (0, _objectWithoutProperties2["default"])(_ref12, _excluded3);
|
|
175
131
|
var invalid = meta.invalid && meta.touched;
|
|
176
132
|
var inputProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, input), {}, {
|
|
177
133
|
state: invalid ? 'invalid' : 'normal',
|
|
@@ -195,29 +151,23 @@ function Item(_ref11) {
|
|
|
195
151
|
}, meta.error));
|
|
196
152
|
});
|
|
197
153
|
}
|
|
198
|
-
|
|
199
154
|
Item.enhance = [(0, _uniqueID["default"])()];
|
|
200
|
-
|
|
201
155
|
function Success(props) {
|
|
202
156
|
var _ref2 = arguments[0],
|
|
203
|
-
|
|
204
|
-
|
|
157
|
+
_ref7;
|
|
205
158
|
var Children = props.Children,
|
|
206
|
-
|
|
159
|
+
styles = props.styles;
|
|
207
160
|
var SSuccess = _flexBox.Box;
|
|
208
161
|
var SEmail = 'div';
|
|
209
162
|
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSuccess, _ref7.cn("SSuccess", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(SEmail, _ref7.cn("SEmail", {
|
|
210
163
|
"aria-hidden": true
|
|
211
164
|
})), /*#__PURE__*/_react["default"].createElement("span", _ref7.cn("span", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {}))));
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
|
|
165
|
+
}
|
|
166
|
+
// because it is used without a wrapper
|
|
215
167
|
Success.style = style;
|
|
216
|
-
|
|
217
168
|
function Submit(props) {
|
|
218
169
|
var _ref3 = arguments[0],
|
|
219
|
-
|
|
220
|
-
|
|
170
|
+
_ref8;
|
|
221
171
|
var styles = props.styles;
|
|
222
172
|
var SSubmit = _button["default"];
|
|
223
173
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSubmit, _ref8.cn("SSubmit", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
@@ -226,11 +176,9 @@ function Submit(props) {
|
|
|
226
176
|
"theme": "success"
|
|
227
177
|
}, _ref3))));
|
|
228
178
|
}
|
|
229
|
-
|
|
230
179
|
function Cancel(props) {
|
|
231
180
|
var _ref4 = arguments[0],
|
|
232
|
-
|
|
233
|
-
|
|
181
|
+
_ref9;
|
|
234
182
|
var styles = props.styles;
|
|
235
183
|
var SCancel = _button["default"];
|
|
236
184
|
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCancel, _ref9.cn("SCancel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
@@ -239,21 +187,17 @@ function Cancel(props) {
|
|
|
239
187
|
"theme": "muted"
|
|
240
188
|
}, _ref4))));
|
|
241
189
|
}
|
|
242
|
-
|
|
243
190
|
function Notice(props) {
|
|
244
191
|
var _ref5 = arguments[0],
|
|
245
|
-
|
|
246
|
-
|
|
192
|
+
_ref10;
|
|
247
193
|
var styles = props.styles;
|
|
248
194
|
var SNotice = _notice.NoticeSmart;
|
|
249
195
|
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNotice, _ref10.cn("SNotice", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
|
|
250
196
|
}
|
|
251
|
-
|
|
252
197
|
Notice.defaultProps = {
|
|
253
198
|
theme: 'gray96',
|
|
254
199
|
use: 'secondary'
|
|
255
200
|
};
|
|
256
|
-
|
|
257
201
|
var _default = (0, _core["default"])(FeedbackForm, {
|
|
258
202
|
Item: Item,
|
|
259
203
|
Success: Success,
|
|
@@ -261,6 +205,5 @@ var _default = (0, _core["default"])(FeedbackForm, {
|
|
|
261
205
|
Cancel: Cancel,
|
|
262
206
|
Notice: Notice
|
|
263
207
|
});
|
|
264
|
-
|
|
265
208
|
exports["default"] = _default;
|
|
266
209
|
//# sourceMappingURL=FeedbackForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedbackForm.js","names":["FeedbackForm","createFocusDecorator","SFeedbackForm","Box","asProps","Children","styles","forwardRef","loading","background","theme","other","focusDecorator","api","sstyled","undefined","submitting","handleSubmit","origin","Component","style","Field","Form","onSubmit","description","error","value","words","split","symbols","join","length","email","test","String","toLowerCase","TooltipProps","Item","tag","uid","props","tooltipProps","pick","ItemRoot","input","meta","invalid","touched","inputProps","state","active","fallbackPlacements","enhance","uniqueIDEnhancement","Success","SSuccess","SEmail","Submit","SSubmit","Button","Cancel","SCancel","Notice","SNotice","NoticeSmart","defaultProps","use","createComponent"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n static displayName = 'FeedbackForm';\n static style = style;\n static FinalForm = {\n Field,\n Form,\n };\n\n static defaultProps = {\n onSubmit: () => {},\n };\n\n static validate = {\n description:\n (error) =>\n (value = '') => {\n const words = value.split(/\\s+/);\n const symbols = words.join(' ');\n if (symbols.length < 10 || words.length < 3) {\n return error;\n }\n },\n email:\n (error) =>\n (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n render() {\n const SFeedbackForm = Box;\n const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer background={background} theme={theme} size=\"xl\" loading={loading === undefined ? api.submitting : loading}>\n <SFeedbackForm\n tag=\"form\"\n noValidate\n method=\"POST\"\n ref={forwardRef}\n {...other}\n onSubmit={api.handleSubmit}\n title=\"This is feedback\"\n >\n {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n </SFeedbackForm>\n </SpinContainer>,\n )\n }\n </Form>\n );\n }\n}\n\nconst TooltipProps = [\n 'title',\n 'theme',\n 'strategy',\n 'modifiers',\n 'placement',\n 'interaction',\n 'timeout',\n 'visible',\n 'defaultVisible',\n 'onVisibleChange',\n 'offset',\n 'preventOverflow',\n 'arrow',\n 'flip',\n 'computeStyles',\n 'eventListeners',\n 'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n const tooltipProps = pick(props, TooltipProps);\n const ItemRoot = Root;\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const invalid = meta.invalid && meta.touched;\n const inputProps = {\n ...input,\n state: invalid ? 'invalid' : 'normal',\n 'aria-invalid': invalid ? true : false,\n 'aria-errormessage': uid,\n };\n return (\n <Tooltip\n visible={invalid && meta.active}\n theme=\"warning\"\n placement=\"left\"\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger inline={false}>\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper id={uid}>\n {meta.error}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nItem.enhance = [uniqueIDEnhancement()]\n\nfunction Success(props) {\n const { Children, styles } = props;\n const SSuccess = Root;\n const SEmail = 'div';\n\n return sstyled(styles)(\n <SSuccess render={Box}>\n <SEmail aria-hidden={true} />\n <span>\n <Children />\n </span>\n </SSuccess>,\n );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type=\"submit\" use=\"primary\" theme=\"success\" />);\n}\n\nfunction Cancel(props) {\n const { styles } = props;\n const SCancel = Root;\n return sstyled(styles)(<SCancel render={Button} type=\"reset\" use=\"secondary\" theme=\"muted\" />);\n}\n\nfunction Notice(props) {\n const { styles } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} />);\n}\n\nNotice.defaultProps = {\n theme: 'gray96',\n use: 'secondary',\n};\n\nexport default createComponent(FeedbackForm, {\n Item,\n Success,\n Submit,\n Cancel,\n Notice,\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FeedbackForm.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_button","_spinContainer","_tooltip","_notice","_flexBox","_pick","_uniqueID","_excluded","_excluded2","_excluded3","style","sstyled","insert","FeedbackForm","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createFocusDecorator","_createClass2","key","value","render","SFeedbackForm","Box","_this$asProps","asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties2","createElement","Form","_extends2","decorators","focusDecorator","api","_ref6","cn","undefined","submitting","_objectSpread2","handleSubmit","origin","Component","Field","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","TooltipProps","Item","_ref11","_ref","arguments[0]","tag","uid","props","tooltipProps","pick","ItemRoot","_ref12","input","meta","invalid","touched","inputProps","state","visible","active","placement","flip","fallbackPlacements","Trigger","inline","assignProps","Popper","id","enhance","uniqueIDEnhancement","Success","_ref2","_ref7","SSuccess","SEmail","Submit","_ref3","_ref8","SSubmit","Button","Cancel","_ref4","_ref9","SCancel","Notice","_ref5","_ref10","SNotice","NoticeSmart","defaultProps","use","_default","createComponent","exports"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n static displayName = 'FeedbackForm';\n static style = style;\n static FinalForm = {\n Field,\n Form,\n };\n\n static defaultProps = {\n onSubmit: () => {},\n };\n\n static validate = {\n description:\n (error) =>\n (value = '') => {\n const words = value.split(/\\s+/);\n const symbols = words.join(' ');\n if (symbols.length < 10 || words.length < 3) {\n return error;\n }\n },\n email:\n (error) =>\n (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n render() {\n const SFeedbackForm = Box;\n const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer background={background} theme={theme} size=\"xl\" loading={loading === undefined ? api.submitting : loading}>\n <SFeedbackForm\n tag=\"form\"\n noValidate\n method=\"POST\"\n ref={forwardRef}\n {...other}\n onSubmit={api.handleSubmit}\n title=\"This is feedback\"\n >\n {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n </SFeedbackForm>\n </SpinContainer>,\n )\n }\n </Form>\n );\n }\n}\n\nconst TooltipProps = [\n 'title',\n 'theme',\n 'strategy',\n 'modifiers',\n 'placement',\n 'interaction',\n 'timeout',\n 'visible',\n 'defaultVisible',\n 'onVisibleChange',\n 'offset',\n 'preventOverflow',\n 'arrow',\n 'flip',\n 'computeStyles',\n 'eventListeners',\n 'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n const tooltipProps = pick(props, TooltipProps);\n const ItemRoot = Root;\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const invalid = meta.invalid && meta.touched;\n const inputProps = {\n ...input,\n state: invalid ? 'invalid' : 'normal',\n 'aria-invalid': invalid ? true : false,\n 'aria-errormessage': uid,\n };\n return (\n <Tooltip\n visible={invalid && meta.active}\n theme=\"warning\"\n placement=\"left\"\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger inline={false}>\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper id={uid}>\n {meta.error}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nItem.enhance = [uniqueIDEnhancement()]\n\nfunction Success(props) {\n const { Children, styles } = props;\n const SSuccess = Root;\n const SEmail = 'div';\n\n return sstyled(styles)(\n <SSuccess render={Box}>\n <SEmail aria-hidden={true} />\n <span>\n <Children />\n </span>\n </SSuccess>,\n );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type=\"submit\" use=\"primary\" theme=\"success\" />);\n}\n\nfunction Cancel(props) {\n const { styles } = props;\n const SCancel = Root;\n return sstyled(styles)(<SCancel render={Button} type=\"reset\" use=\"secondary\" theme=\"muted\" />);\n}\n\nfunction Notice(props) {\n const { styles } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} />);\n}\n\nNotice.defaultProps = {\n theme: 'gray96',\n use: 'secondary',\n};\n\nexport default createComponent(FeedbackForm, {\n Item,\n Success,\n Submit,\n Cancel,\n Notice,\n});\n"],"mappings":"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"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _FeedbackForm["default"];
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _FeedbackForm = _interopRequireDefault(require("./FeedbackForm"));
|
|
16
14
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FeedbackForm';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_FeedbackForm","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FeedbackForm';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA"}
|
package/lib/es6/FeedbackForm.js
CHANGED
|
@@ -14,8 +14,8 @@ import { assignProps as _assignProps3 } from "@semcore/core";
|
|
|
14
14
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
15
15
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
16
16
|
var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"],
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
_excluded2 = ["Children", "tag", "uid"],
|
|
18
|
+
_excluded3 = ["input", "meta"];
|
|
19
19
|
import React from 'react';
|
|
20
20
|
import { Field, Form } from 'react-final-form';
|
|
21
21
|
import createFocusDecorator from 'final-form-focus';
|
|
@@ -27,65 +27,44 @@ import { NoticeSmart } from '@semcore/notice';
|
|
|
27
27
|
import { Box } from '@semcore/flex-box';
|
|
28
28
|
import pick from '@semcore/utils/lib/pick';
|
|
29
29
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
30
|
-
|
|
31
30
|
/*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
|
32
|
-
var style = (
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
"
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
/*__reshadow_css_end__*/
|
|
40
|
-
, {
|
|
41
|
-
"__SFeedbackForm": "___SFeedbackForm_1jh80_gg_",
|
|
42
|
-
"__SSubmit": "___SSubmit_1jh80_gg_",
|
|
43
|
-
"__SCancel": "___SCancel_1jh80_gg_",
|
|
44
|
-
"__SNotice": "___SNotice_1jh80_gg_",
|
|
45
|
-
"__SSuccess": "___SSuccess_1jh80_gg_",
|
|
46
|
-
"__SEmail": "___SEmail_1jh80_gg_"
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_js7v9_gg_{max-width:320px}.___SCancel_js7v9_gg_,.___SSubmit_js7v9_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_js7v9_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_js7v9_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_js7v9_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "js7v9_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SFeedbackForm": "___SFeedbackForm_js7v9_gg_",
|
|
33
|
+
"__SSubmit": "___SSubmit_js7v9_gg_",
|
|
34
|
+
"__SCancel": "___SCancel_js7v9_gg_",
|
|
35
|
+
"__SNotice": "___SNotice_js7v9_gg_",
|
|
36
|
+
"__SSuccess": "___SSuccess_js7v9_gg_",
|
|
37
|
+
"__SEmail": "___SEmail_js7v9_gg_"
|
|
47
38
|
});
|
|
48
|
-
|
|
49
39
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
50
40
|
_inherits(FeedbackForm, _Component);
|
|
51
|
-
|
|
52
41
|
var _super = _createSuper(FeedbackForm);
|
|
53
|
-
|
|
54
42
|
function FeedbackForm() {
|
|
55
43
|
var _this;
|
|
56
|
-
|
|
57
44
|
_classCallCheck(this, FeedbackForm);
|
|
58
|
-
|
|
59
45
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
60
46
|
args[_key] = arguments[_key];
|
|
61
47
|
}
|
|
62
|
-
|
|
63
48
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
64
|
-
|
|
65
49
|
_defineProperty(_assertThisInitialized(_this), "focusDecorator", createFocusDecorator());
|
|
66
|
-
|
|
67
50
|
return _this;
|
|
68
51
|
}
|
|
69
|
-
|
|
70
52
|
_createClass(FeedbackForm, [{
|
|
71
53
|
key: "render",
|
|
72
54
|
value: function render() {
|
|
73
55
|
var SFeedbackForm = Box;
|
|
74
|
-
|
|
75
56
|
var _this$asProps = this.asProps,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
57
|
+
Children = _this$asProps.Children,
|
|
58
|
+
styles = _this$asProps.styles,
|
|
59
|
+
forwardRef = _this$asProps.forwardRef,
|
|
60
|
+
loading = _this$asProps.loading,
|
|
61
|
+
background = _this$asProps.background,
|
|
62
|
+
theme = _this$asProps.theme,
|
|
63
|
+
other = _objectWithoutProperties(_this$asProps, _excluded);
|
|
84
64
|
return /*#__PURE__*/React.createElement(Form, _extends({
|
|
85
65
|
decorators: [this.focusDecorator]
|
|
86
66
|
}, other), function (api) {
|
|
87
67
|
var _ref6;
|
|
88
|
-
|
|
89
68
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SpinContainer, _ref6.cn("SpinContainer", {
|
|
90
69
|
"background": background,
|
|
91
70
|
"theme": theme,
|
|
@@ -103,30 +82,23 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
|
103
82
|
});
|
|
104
83
|
}
|
|
105
84
|
}]);
|
|
106
|
-
|
|
107
85
|
return FeedbackForm;
|
|
108
86
|
}(Component);
|
|
109
|
-
|
|
110
87
|
_defineProperty(FeedbackForm, "displayName", 'FeedbackForm');
|
|
111
|
-
|
|
112
88
|
_defineProperty(FeedbackForm, "style", style);
|
|
113
|
-
|
|
114
89
|
_defineProperty(FeedbackForm, "FinalForm", {
|
|
115
90
|
Field: Field,
|
|
116
91
|
Form: Form
|
|
117
92
|
});
|
|
118
|
-
|
|
119
93
|
_defineProperty(FeedbackForm, "defaultProps", {
|
|
120
94
|
onSubmit: function onSubmit() {}
|
|
121
95
|
});
|
|
122
|
-
|
|
123
96
|
_defineProperty(FeedbackForm, "validate", {
|
|
124
97
|
description: function description(error) {
|
|
125
98
|
return function () {
|
|
126
99
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
127
100
|
var words = value.split(/\s+/);
|
|
128
101
|
var symbols = words.join(' ');
|
|
129
|
-
|
|
130
102
|
if (symbols.length < 10 || words.length < 3) {
|
|
131
103
|
return error;
|
|
132
104
|
}
|
|
@@ -135,39 +107,31 @@ _defineProperty(FeedbackForm, "validate", {
|
|
|
135
107
|
email: function email(error) {
|
|
136
108
|
return function () {
|
|
137
109
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
138
|
-
|
|
139
110
|
if (!/.+@.+\..+/i.test(String(value).toLowerCase())) {
|
|
140
111
|
return error;
|
|
141
112
|
}
|
|
142
113
|
};
|
|
143
114
|
}
|
|
144
115
|
});
|
|
145
|
-
|
|
146
116
|
var TooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate'];
|
|
147
|
-
|
|
148
117
|
function Item(_ref11) {
|
|
149
118
|
var _ref = arguments[0];
|
|
150
|
-
|
|
151
119
|
var Children = _ref11.Children,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
120
|
+
tag = _ref11.tag,
|
|
121
|
+
uid = _ref11.uid,
|
|
122
|
+
props = _objectWithoutProperties(_ref11, _excluded2);
|
|
156
123
|
var tooltipProps = pick(props, TooltipProps);
|
|
157
124
|
var ItemRoot = tag;
|
|
158
125
|
return /*#__PURE__*/React.createElement(Field, props, function (_ref12) {
|
|
159
126
|
var input = _ref12.input,
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
127
|
+
meta = _ref12.meta,
|
|
128
|
+
other = _objectWithoutProperties(_ref12, _excluded3);
|
|
163
129
|
var invalid = meta.invalid && meta.touched;
|
|
164
|
-
|
|
165
130
|
var inputProps = _objectSpread(_objectSpread({}, input), {}, {
|
|
166
131
|
state: invalid ? 'invalid' : 'normal',
|
|
167
132
|
'aria-invalid': invalid ? true : false,
|
|
168
133
|
'aria-errormessage': uid
|
|
169
134
|
});
|
|
170
|
-
|
|
171
135
|
return /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
172
136
|
visible: invalid && meta.active,
|
|
173
137
|
theme: "warning",
|
|
@@ -185,29 +149,23 @@ function Item(_ref11) {
|
|
|
185
149
|
}, meta.error));
|
|
186
150
|
});
|
|
187
151
|
}
|
|
188
|
-
|
|
189
152
|
Item.enhance = [uniqueIDEnhancement()];
|
|
190
|
-
|
|
191
153
|
function Success(props) {
|
|
192
154
|
var _ref2 = arguments[0],
|
|
193
|
-
|
|
194
|
-
|
|
155
|
+
_ref7;
|
|
195
156
|
var Children = props.Children,
|
|
196
|
-
|
|
157
|
+
styles = props.styles;
|
|
197
158
|
var SSuccess = Box;
|
|
198
159
|
var SEmail = 'div';
|
|
199
160
|
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SSuccess, _ref7.cn("SSuccess", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(SEmail, _ref7.cn("SEmail", {
|
|
200
161
|
"aria-hidden": true
|
|
201
162
|
})), /*#__PURE__*/React.createElement("span", _ref7.cn("span", {}), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {}))));
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
|
|
163
|
+
}
|
|
164
|
+
// because it is used without a wrapper
|
|
205
165
|
Success.style = style;
|
|
206
|
-
|
|
207
166
|
function Submit(props) {
|
|
208
167
|
var _ref3 = arguments[0],
|
|
209
|
-
|
|
210
|
-
|
|
168
|
+
_ref8;
|
|
211
169
|
var styles = props.styles;
|
|
212
170
|
var SSubmit = Button;
|
|
213
171
|
return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SSubmit, _ref8.cn("SSubmit", _objectSpread({}, _assignProps3({
|
|
@@ -216,11 +174,9 @@ function Submit(props) {
|
|
|
216
174
|
"theme": "success"
|
|
217
175
|
}, _ref3))));
|
|
218
176
|
}
|
|
219
|
-
|
|
220
177
|
function Cancel(props) {
|
|
221
178
|
var _ref4 = arguments[0],
|
|
222
|
-
|
|
223
|
-
|
|
179
|
+
_ref9;
|
|
224
180
|
var styles = props.styles;
|
|
225
181
|
var SCancel = Button;
|
|
226
182
|
return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SCancel, _ref9.cn("SCancel", _objectSpread({}, _assignProps4({
|
|
@@ -229,16 +185,13 @@ function Cancel(props) {
|
|
|
229
185
|
"theme": "muted"
|
|
230
186
|
}, _ref4))));
|
|
231
187
|
}
|
|
232
|
-
|
|
233
188
|
function Notice(props) {
|
|
234
189
|
var _ref5 = arguments[0],
|
|
235
|
-
|
|
236
|
-
|
|
190
|
+
_ref10;
|
|
237
191
|
var styles = props.styles;
|
|
238
192
|
var SNotice = NoticeSmart;
|
|
239
193
|
return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SNotice, _ref10.cn("SNotice", _objectSpread({}, _assignProps5({}, _ref5))));
|
|
240
194
|
}
|
|
241
|
-
|
|
242
195
|
Notice.defaultProps = {
|
|
243
196
|
theme: 'gray96',
|
|
244
197
|
use: 'secondary'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","Tooltip","NoticeSmart","Box","pick","uniqueIDEnhancement","FeedbackForm","SFeedbackForm","asProps","Children","styles","forwardRef","loading","background","theme","other","focusDecorator","api","undefined","submitting","handleSubmit","origin","style","onSubmit","description","error","value","words","split","symbols","join","length","email","test","String","toLowerCase","TooltipProps","Item","tag","uid","props","tooltipProps","ItemRoot","input","meta","invalid","touched","inputProps","state","active","fallbackPlacements","enhance","Success","SSuccess","SEmail","Submit","SSubmit","Cancel","SCancel","Notice","SNotice","defaultProps","use"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n static displayName = 'FeedbackForm';\n static style = style;\n static FinalForm = {\n Field,\n Form,\n };\n\n static defaultProps = {\n onSubmit: () => {},\n };\n\n static validate = {\n description:\n (error) =>\n (value = '') => {\n const words = value.split(/\\s+/);\n const symbols = words.join(' ');\n if (symbols.length < 10 || words.length < 3) {\n return error;\n }\n },\n email:\n (error) =>\n (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n render() {\n const SFeedbackForm = Box;\n const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer background={background} theme={theme} size=\"xl\" loading={loading === undefined ? api.submitting : loading}>\n <SFeedbackForm\n tag=\"form\"\n noValidate\n method=\"POST\"\n ref={forwardRef}\n {...other}\n onSubmit={api.handleSubmit}\n title=\"This is feedback\"\n >\n {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n </SFeedbackForm>\n </SpinContainer>,\n )\n }\n </Form>\n );\n }\n}\n\nconst TooltipProps = [\n 'title',\n 'theme',\n 'strategy',\n 'modifiers',\n 'placement',\n 'interaction',\n 'timeout',\n 'visible',\n 'defaultVisible',\n 'onVisibleChange',\n 'offset',\n 'preventOverflow',\n 'arrow',\n 'flip',\n 'computeStyles',\n 'eventListeners',\n 'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n const tooltipProps = pick(props, TooltipProps);\n const ItemRoot = Root;\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const invalid = meta.invalid && meta.touched;\n const inputProps = {\n ...input,\n state: invalid ? 'invalid' : 'normal',\n 'aria-invalid': invalid ? true : false,\n 'aria-errormessage': uid,\n };\n return (\n <Tooltip\n visible={invalid && meta.active}\n theme=\"warning\"\n placement=\"left\"\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger inline={false}>\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper id={uid}>\n {meta.error}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nItem.enhance = [uniqueIDEnhancement()]\n\nfunction Success(props) {\n const { Children, styles } = props;\n const SSuccess = Root;\n const SEmail = 'div';\n\n return sstyled(styles)(\n <SSuccess render={Box}>\n <SEmail aria-hidden={true} />\n <span>\n <Children />\n </span>\n </SSuccess>,\n );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type=\"submit\" use=\"primary\" theme=\"success\" />);\n}\n\nfunction Cancel(props) {\n const { styles } = props;\n const SCancel = Root;\n return sstyled(styles)(<SCancel render={Button} type=\"reset\" use=\"secondary\" theme=\"muted\" />);\n}\n\nfunction Notice(props) {\n const { styles } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} />);\n}\n\nNotice.defaultProps = {\n theme: 'gray96',\n use: 'secondary',\n};\n\nexport default createComponent(FeedbackForm, {\n Item,\n Success,\n Submit,\n Cancel,\n Notice,\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","Tooltip","NoticeSmart","Box","pick","uniqueIDEnhancement","style","_sstyled","insert","FeedbackForm","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","render","SFeedbackForm","_this$asProps","asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref6","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","TooltipProps","Item","_ref11","_ref","arguments[0]","tag","uid","props","_excluded2","tooltipProps","ItemRoot","_ref12","input","meta","_excluded3","invalid","touched","inputProps","state","visible","active","placement","flip","fallbackPlacements","Trigger","inline","_assignProps","Popper","id","enhance","Success","_ref2","_ref7","SSuccess","SEmail","_assignProps2","Submit","_ref3","_ref8","SSubmit","_assignProps3","Cancel","_ref4","_ref9","SCancel","_assignProps4","Notice","_ref5","_ref10","SNotice","_assignProps5","defaultProps","use"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n static displayName = 'FeedbackForm';\n static style = style;\n static FinalForm = {\n Field,\n Form,\n };\n\n static defaultProps = {\n onSubmit: () => {},\n };\n\n static validate = {\n description:\n (error) =>\n (value = '') => {\n const words = value.split(/\\s+/);\n const symbols = words.join(' ');\n if (symbols.length < 10 || words.length < 3) {\n return error;\n }\n },\n email:\n (error) =>\n (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n render() {\n const SFeedbackForm = Box;\n const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer background={background} theme={theme} size=\"xl\" loading={loading === undefined ? api.submitting : loading}>\n <SFeedbackForm\n tag=\"form\"\n noValidate\n method=\"POST\"\n ref={forwardRef}\n {...other}\n onSubmit={api.handleSubmit}\n title=\"This is feedback\"\n >\n {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n </SFeedbackForm>\n </SpinContainer>,\n )\n }\n </Form>\n );\n }\n}\n\nconst TooltipProps = [\n 'title',\n 'theme',\n 'strategy',\n 'modifiers',\n 'placement',\n 'interaction',\n 'timeout',\n 'visible',\n 'defaultVisible',\n 'onVisibleChange',\n 'offset',\n 'preventOverflow',\n 'arrow',\n 'flip',\n 'computeStyles',\n 'eventListeners',\n 'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n const tooltipProps = pick(props, TooltipProps);\n const ItemRoot = Root;\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const invalid = meta.invalid && meta.touched;\n const inputProps = {\n ...input,\n state: invalid ? 'invalid' : 'normal',\n 'aria-invalid': invalid ? true : false,\n 'aria-errormessage': uid,\n };\n return (\n <Tooltip\n visible={invalid && meta.active}\n theme=\"warning\"\n placement=\"left\"\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger inline={false}>\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper id={uid}>\n {meta.error}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nItem.enhance = [uniqueIDEnhancement()]\n\nfunction Success(props) {\n const { Children, styles } = props;\n const SSuccess = Root;\n const SEmail = 'div';\n\n return sstyled(styles)(\n <SSuccess render={Box}>\n <SEmail aria-hidden={true} />\n <span>\n <Children />\n </span>\n </SSuccess>,\n );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type=\"submit\" use=\"primary\" theme=\"success\" />);\n}\n\nfunction Cancel(props) {\n const { styles } = props;\n const SCancel = Root;\n return sstyled(styles)(<SCancel render={Button} type=\"reset\" use=\"secondary\" theme=\"muted\" />);\n}\n\nfunction Notice(props) {\n const { styles } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} />);\n}\n\nNotice.defaultProps = {\n theme: 'gray96',\n use: 'secondary',\n};\n\nexport default createComponent(FeedbackForm, {\n Item,\n Success,\n Submit,\n Cancel,\n Notice,\n});\n"],"mappings":"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"}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FeedbackForm';\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FeedbackForm';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}
|