@semcore/feedback-form 5.3.10 → 5.3.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.
- package/CHANGELOG.md +2 -2
- package/lib/cjs/FeedbackForm.js +20 -34
- package/lib/cjs/FeedbackForm.js.map +1 -1
- package/lib/es6/FeedbackForm.js +10 -19
- package/lib/es6/FeedbackForm.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.3.
|
|
5
|
+
## [5.3.12] - 2023-03-13
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/button` [4.3.
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/button` [4.3.10 ~> 4.3.11], `@semcore/utils` [3.47.1 ~> 3.47.2]).
|
|
10
10
|
|
|
11
11
|
## [5.3.8] - 2023-02-09
|
|
12
12
|
|
package/lib/cjs/FeedbackForm.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -11,6 +11,8 @@ exports["default"] = void 0;
|
|
|
11
11
|
|
|
12
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
13
|
|
|
14
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
15
|
+
|
|
14
16
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
17
|
|
|
16
18
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
@@ -21,9 +23,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
21
23
|
|
|
22
24
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
25
|
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
26
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
27
27
|
|
|
28
28
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
29
|
|
|
@@ -51,40 +51,28 @@ var _excluded = ["Children", "styles", "loading", "forwardRef"],
|
|
|
51
51
|
_excluded2 = ["Children", "tag"],
|
|
52
52
|
_excluded3 = ["input", "meta"];
|
|
53
53
|
|
|
54
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
55
|
-
|
|
56
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
57
|
-
|
|
58
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
59
|
-
|
|
60
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
61
|
-
|
|
62
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
63
|
-
|
|
64
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
65
|
-
|
|
66
54
|
/*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
|
67
55
|
var style = (
|
|
68
56
|
/*__reshadow_css_start__*/
|
|
69
57
|
_core.sstyled.insert(
|
|
70
58
|
/*__inner_css_start__*/
|
|
71
|
-
".
|
|
59
|
+
".___SFeedbackForm_1rk9u_gg_{max-width:320px}.___SCancel_1rk9u_gg_,.___SSubmit_1rk9u_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1rk9u_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_1rk9u_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-8x, 32px) var(--intergalactic-spacing-8x, 32px);box-sizing:border-box}.___SEmail_1rk9u_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\")}"
|
|
72
60
|
/*__inner_css_end__*/
|
|
73
|
-
, "
|
|
61
|
+
, "1rk9u_gg_")
|
|
74
62
|
/*__reshadow_css_end__*/
|
|
75
63
|
, {
|
|
76
|
-
"__SFeedbackForm": "
|
|
77
|
-
"__SSubmit": "
|
|
78
|
-
"__SCancel": "
|
|
79
|
-
"__SNotice": "
|
|
80
|
-
"__SSuccess": "
|
|
81
|
-
"__SEmail": "
|
|
64
|
+
"__SFeedbackForm": "___SFeedbackForm_1rk9u_gg_",
|
|
65
|
+
"__SSubmit": "___SSubmit_1rk9u_gg_",
|
|
66
|
+
"__SCancel": "___SCancel_1rk9u_gg_",
|
|
67
|
+
"__SNotice": "___SNotice_1rk9u_gg_",
|
|
68
|
+
"__SSuccess": "___SSuccess_1rk9u_gg_",
|
|
69
|
+
"__SEmail": "___SEmail_1rk9u_gg_"
|
|
82
70
|
});
|
|
83
71
|
|
|
84
72
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
85
73
|
(0, _inherits2["default"])(FeedbackForm, _Component);
|
|
86
74
|
|
|
87
|
-
var _super =
|
|
75
|
+
var _super = (0, _createSuper2["default"])(FeedbackForm);
|
|
88
76
|
|
|
89
77
|
function FeedbackForm() {
|
|
90
78
|
var _this;
|
|
@@ -118,7 +106,7 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
|
118
106
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_spinContainer["default"], _ref6.cn("SpinContainer", {
|
|
119
107
|
"size": "xl",
|
|
120
108
|
"loading": loading === undefined ? api.submitting : loading
|
|
121
|
-
}), /*#__PURE__*/_react["default"].createElement(SFeedbackForm, _ref6.cn("SFeedbackForm",
|
|
109
|
+
}), /*#__PURE__*/_react["default"].createElement(SFeedbackForm, _ref6.cn("SFeedbackForm", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
122
110
|
"tag": "form",
|
|
123
111
|
"noValidate": true,
|
|
124
112
|
"method": "POST",
|
|
@@ -178,13 +166,11 @@ function Item(_ref11) {
|
|
|
178
166
|
meta = _ref12.meta,
|
|
179
167
|
other = (0, _objectWithoutProperties2["default"])(_ref12, _excluded3);
|
|
180
168
|
var invalid = meta.invalid && meta.touched;
|
|
181
|
-
|
|
182
|
-
var inputProps = _objectSpread(_objectSpread({}, input), {}, {
|
|
169
|
+
var inputProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, input), {}, {
|
|
183
170
|
state: invalid ? 'invalid' : 'normal',
|
|
184
171
|
'aria-invalid': invalid ? true : false,
|
|
185
172
|
'aria-errormessage': meta.error
|
|
186
173
|
});
|
|
187
|
-
|
|
188
174
|
return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], (0, _extends2["default"])({
|
|
189
175
|
title: meta.error,
|
|
190
176
|
visible: invalid && meta.active,
|
|
@@ -194,7 +180,7 @@ function Item(_ref11) {
|
|
|
194
180
|
flip: {
|
|
195
181
|
fallbackPlacements: ['right', 'bottom']
|
|
196
182
|
}
|
|
197
|
-
}, tooltipProps), tag && /*#__PURE__*/_react["default"].createElement(ItemRoot, (0, _core.assignProps)(
|
|
183
|
+
}, tooltipProps), tag && /*#__PURE__*/_react["default"].createElement(ItemRoot, (0, _core.assignProps)((0, _objectSpread2["default"])({}, inputProps), _ref)), typeof Children.origin === 'function' && Children.origin((0, _objectSpread2["default"])({
|
|
198
184
|
input: inputProps,
|
|
199
185
|
meta: meta
|
|
200
186
|
}, other)));
|
|
@@ -209,7 +195,7 @@ function Success(props) {
|
|
|
209
195
|
styles = props.styles;
|
|
210
196
|
var SSuccess = _flexBox.Box;
|
|
211
197
|
var SEmail = 'div';
|
|
212
|
-
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSuccess, _ref7.cn("SSuccess",
|
|
198
|
+
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", {
|
|
213
199
|
"aria-hidden": true
|
|
214
200
|
})), /*#__PURE__*/_react["default"].createElement("span", _ref7.cn("span", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {}))));
|
|
215
201
|
} // because it is used without a wrapper
|
|
@@ -223,7 +209,7 @@ function Submit(props) {
|
|
|
223
209
|
|
|
224
210
|
var styles = props.styles;
|
|
225
211
|
var SSubmit = _button["default"];
|
|
226
|
-
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSubmit, _ref8.cn("SSubmit",
|
|
212
|
+
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSubmit, _ref8.cn("SSubmit", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
227
213
|
"type": "submit",
|
|
228
214
|
"use": "primary",
|
|
229
215
|
"theme": "success"
|
|
@@ -236,7 +222,7 @@ function Cancel(props) {
|
|
|
236
222
|
|
|
237
223
|
var styles = props.styles;
|
|
238
224
|
var SCancel = _button["default"];
|
|
239
|
-
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCancel, _ref9.cn("SCancel",
|
|
225
|
+
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCancel, _ref9.cn("SCancel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
240
226
|
"type": "reset",
|
|
241
227
|
"use": "secondary",
|
|
242
228
|
"theme": "muted"
|
|
@@ -249,7 +235,7 @@ function Notice(props) {
|
|
|
249
235
|
|
|
250
236
|
var styles = props.styles;
|
|
251
237
|
var SNotice = _notice.NoticeSmart;
|
|
252
|
-
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNotice, _ref10.cn("SNotice",
|
|
238
|
+
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNotice, _ref10.cn("SNotice", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
|
|
253
239
|
}
|
|
254
240
|
|
|
255
241
|
Notice.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedbackForm.js","names":["FeedbackForm","createFocusDecorator","SFeedbackForm","Box","asProps","Children","styles","loading","forwardRef","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","props","tooltipProps","pick","ItemRoot","input","meta","invalid","touched","inputProps","state","active","fallbackPlacements","Success","SSuccess","SEmail","Submit","SSubmit","Button","Cancel","SCancel","Notice","SNotice","NoticeSmart","defaultProps","theme","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';\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, loading, forwardRef, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer 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, ...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': meta.error,\n };\n return (\n <Tooltip\n title={meta.error}\n visible={invalid && meta.active}\n inline={false}\n theme=\"warning\"\n placement=\"left\"\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip>\n );\n }}\n </Field>\n );\n}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;AAJA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"file":"FeedbackForm.js","names":["FeedbackForm","createFocusDecorator","SFeedbackForm","Box","asProps","Children","styles","loading","forwardRef","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","props","tooltipProps","pick","ItemRoot","input","meta","invalid","touched","inputProps","state","active","fallbackPlacements","Success","SSuccess","SEmail","Submit","SSubmit","Button","Cancel","SCancel","Notice","SNotice","NoticeSmart","defaultProps","theme","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';\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, loading, forwardRef, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer 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, ...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': meta.error,\n };\n return (\n <Tooltip\n title={meta.error}\n visible={invalid && meta.active}\n inline={false}\n theme=\"warning\"\n placement=\"left\"\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip>\n );\n }}\n </Field>\n );\n}\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/FeedbackForm.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
4
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
4
5
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
5
6
|
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
6
7
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
|
-
import
|
|
8
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
8
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
9
9
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
10
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
11
11
|
import { assignProps as _assignProps5 } from "@semcore/core";
|
|
@@ -16,15 +16,6 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
16
16
|
var _excluded = ["Children", "styles", "loading", "forwardRef"],
|
|
17
17
|
_excluded2 = ["Children", "tag"],
|
|
18
18
|
_excluded3 = ["input", "meta"];
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
|
|
24
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
25
|
-
|
|
26
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
27
|
-
|
|
28
19
|
import React from 'react';
|
|
29
20
|
import { Field, Form } from 'react-final-form';
|
|
30
21
|
import createFocusDecorator from 'final-form-focus';
|
|
@@ -41,17 +32,17 @@ var style = (
|
|
|
41
32
|
/*__reshadow_css_start__*/
|
|
42
33
|
_sstyled.insert(
|
|
43
34
|
/*__inner_css_start__*/
|
|
44
|
-
".
|
|
35
|
+
".___SFeedbackForm_1rk9u_gg_{max-width:320px}.___SCancel_1rk9u_gg_,.___SSubmit_1rk9u_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1rk9u_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_1rk9u_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-8x, 32px) var(--intergalactic-spacing-8x, 32px);box-sizing:border-box}.___SEmail_1rk9u_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\")}"
|
|
45
36
|
/*__inner_css_end__*/
|
|
46
|
-
, "
|
|
37
|
+
, "1rk9u_gg_")
|
|
47
38
|
/*__reshadow_css_end__*/
|
|
48
39
|
, {
|
|
49
|
-
"__SFeedbackForm": "
|
|
50
|
-
"__SSubmit": "
|
|
51
|
-
"__SCancel": "
|
|
52
|
-
"__SNotice": "
|
|
53
|
-
"__SSuccess": "
|
|
54
|
-
"__SEmail": "
|
|
40
|
+
"__SFeedbackForm": "___SFeedbackForm_1rk9u_gg_",
|
|
41
|
+
"__SSubmit": "___SSubmit_1rk9u_gg_",
|
|
42
|
+
"__SCancel": "___SCancel_1rk9u_gg_",
|
|
43
|
+
"__SNotice": "___SNotice_1rk9u_gg_",
|
|
44
|
+
"__SSuccess": "___SSuccess_1rk9u_gg_",
|
|
45
|
+
"__SEmail": "___SEmail_1rk9u_gg_"
|
|
55
46
|
});
|
|
56
47
|
|
|
57
48
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","Tooltip","NoticeSmart","Box","pick","FeedbackForm","SFeedbackForm","asProps","Children","styles","loading","forwardRef","other","focusDecorator","api","undefined","submitting","handleSubmit","origin","style","onSubmit","description","error","value","words","split","symbols","join","length","email","test","String","toLowerCase","TooltipProps","Item","tag","props","tooltipProps","ItemRoot","input","meta","invalid","touched","inputProps","state","active","fallbackPlacements","Success","SSuccess","SEmail","Submit","SSubmit","Cancel","SCancel","Notice","SNotice","defaultProps","theme","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';\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, loading, forwardRef, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer 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, ...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': meta.error,\n };\n return (\n <Tooltip\n title={meta.error}\n visible={invalid && meta.active}\n inline={false}\n theme=\"warning\"\n placement=\"left\"\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip>\n );\n }}\n </Field>\n );\n}\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":"
|
|
1
|
+
{"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","Tooltip","NoticeSmart","Box","pick","FeedbackForm","SFeedbackForm","asProps","Children","styles","loading","forwardRef","other","focusDecorator","api","undefined","submitting","handleSubmit","origin","style","onSubmit","description","error","value","words","split","symbols","join","length","email","test","String","toLowerCase","TooltipProps","Item","tag","props","tooltipProps","ItemRoot","input","meta","invalid","touched","inputProps","state","active","fallbackPlacements","Success","SSuccess","SEmail","Submit","SSubmit","Cancel","SCancel","Notice","SNotice","defaultProps","theme","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';\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, loading, forwardRef, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer 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, ...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': meta.error,\n };\n return (\n <Tooltip\n title={meta.error}\n visible={invalid && meta.active}\n inline={false}\n theme=\"warning\"\n placement=\"left\"\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip>\n );\n }}\n </Field>\n );\n}\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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"}
|