@semcore/feedback-form 5.1.9 → 5.1.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 +18 -0
- package/lib/cjs/FeedbackForm.js +16 -11
- package/lib/cjs/FeedbackForm.js.map +1 -1
- package/lib/es6/FeedbackForm.js +16 -11
- package/lib/es6/FeedbackForm.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [5.1.12] - 2022-08-30
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- Added aria attributes for better a11y.
|
|
10
|
+
|
|
11
|
+
## [5.1.11] - 2022-08-30
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/button` [4.0.15 ~> 4.0.16], `@semcore/utils` [3.37.0 ~> 3.37.1]).
|
|
16
|
+
|
|
17
|
+
## [5.1.10] - 2022-08-30
|
|
18
|
+
|
|
19
|
+
### Changed
|
|
20
|
+
|
|
21
|
+
- Version patch update due to children dependencies update (`@semcore/button` [4.0.14 ~> 4.0.15]).
|
|
22
|
+
|
|
5
23
|
## [5.1.9] - 2022-08-25
|
|
6
24
|
|
|
7
25
|
### Changed
|
package/lib/cjs/FeedbackForm.js
CHANGED
|
@@ -68,17 +68,17 @@ var style = (
|
|
|
68
68
|
/*__reshadow_css_start__*/
|
|
69
69
|
_core.sstyled.insert(
|
|
70
70
|
/*__inner_css_start__*/
|
|
71
|
-
".
|
|
71
|
+
".___SFeedbackForm_2f088_gg_{max-width:320px}.___SCancel_2f088_gg_,.___SSubmit_2f088_gg_{display:inline-flex;margin-right:8px}.___SNotice_2f088_gg_{padding:12px 16px;border-width:1px 0 0;border-top-style:solid;border-radius:0 0 6px 6px}.___SSuccess_2f088_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:46px 32px 32px;box-sizing:border-box}.___SEmail_2f088_gg_{margin-bottom:18px;width:80px;height:80px;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.163 6a1.57 1.57 0 00-1.12.46l-12.91 12.92A34.6 34.6 0 0025.36 75.813a34.6 34.6 0 0037.713-7.503l12.91-12.91a1.578 1.578 0 00.47-1.12V6.89a.9.9 0 00-.9-.89h-47.39z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.285l.2.35c6.19-3.45 24.19-13.67 27.53-10.53-1.13-3.1-17.03.33-27.73 10.18zM28.44 31.634c-1.81 6-9.21 24.47-13.44 30.31l3 .91 1.58-1.32c4.22-9.55 10-26 10.31-31.46-.5-.26-.96.14-1.45 1.56z' fill='%23fff'/%3E%3Cpath d='M15 62.008c4.23-5.84 11.63-24.27 13.44-30.34 1.81-6.07 5.05 6 3.23 11.12' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.942c10.68-10.36 27.27-14 28.43-10.84.69 1.89-13.43 6.26-18.41 12.32' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93c-3.24-1.16-8.59-2.89-11.45-3.69 4.12-1.83 37-14 39.67-15.24-.92 4.11-4.92 18.28-6.71 24.93-4.83-1.68-9.73-3.15-12.93-4.19-2 2.65-3.808 5.441-5.41 8.35-1.18-3.86-2.33-8.32-3.17-10.16z' fill='%23fff' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11M53 23.73L72.64 3M48 32.58L55.86 25' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77l3.46-5.64.97-1.13 2.07.61.43-.13-3.36 3.43-2.47 2.27L48 31.29l.23-.52z' fill='%23000'/%3E%3Cpath d='M33.81 22L23 27.12M40.89 23L34 27.37M62.04 29L58 38.85' stroke='%23fff' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41c3.61 2.42-1.87 8.52-3.68 10.12M47.17 44c4.14 2.09 1.16 7.76-1.17 10.6M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.163 6a1.57 1.57 0 00-1.12.46l-12.91 12.92A34.6 34.6 0 0025.36 75.813a34.6 34.6 0 0037.713-7.503l12.91-12.91a1.578 1.578 0 00.47-1.12V6.89a.9.9 0 00-.9-.89h-47.39z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116.257 116.257 0 01-7.76 14.13' fill='%23000'/%3E%3Cpath d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116.257 116.257 0 01-7.76 14.13' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E\")}"
|
|
72
72
|
/*__inner_css_end__*/
|
|
73
|
-
, "
|
|
73
|
+
, "2f088_gg_")
|
|
74
74
|
/*__reshadow_css_end__*/
|
|
75
75
|
, {
|
|
76
|
-
"__SFeedbackForm": "
|
|
77
|
-
"__SCancel": "
|
|
78
|
-
"__SSubmit": "
|
|
79
|
-
"__SNotice": "
|
|
80
|
-
"__SSuccess": "
|
|
81
|
-
"__SEmail": "
|
|
76
|
+
"__SFeedbackForm": "___SFeedbackForm_2f088_gg_",
|
|
77
|
+
"__SCancel": "___SCancel_2f088_gg_",
|
|
78
|
+
"__SSubmit": "___SSubmit_2f088_gg_",
|
|
79
|
+
"__SNotice": "___SNotice_2f088_gg_",
|
|
80
|
+
"__SSuccess": "___SSuccess_2f088_gg_",
|
|
81
|
+
"__SEmail": "___SEmail_2f088_gg_"
|
|
82
82
|
});
|
|
83
83
|
|
|
84
84
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
@@ -124,7 +124,8 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
|
124
124
|
"method": "POST",
|
|
125
125
|
"ref": forwardRef
|
|
126
126
|
}, other), {}, {
|
|
127
|
-
"onSubmit": api.handleSubmit
|
|
127
|
+
"onSubmit": api.handleSubmit,
|
|
128
|
+
"title": "This is feedback"
|
|
128
129
|
})), typeof Children.origin === 'function' ? Children.origin(api) : /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {}))));
|
|
129
130
|
});
|
|
130
131
|
}
|
|
@@ -179,7 +180,9 @@ function Item(_ref11) {
|
|
|
179
180
|
var invalid = meta.invalid && meta.touched;
|
|
180
181
|
|
|
181
182
|
var inputProps = _objectSpread(_objectSpread({}, input), {}, {
|
|
182
|
-
state: invalid ? 'invalid' : 'normal'
|
|
183
|
+
state: invalid ? 'invalid' : 'normal',
|
|
184
|
+
'aria-invalid': invalid ? true : false,
|
|
185
|
+
'aria-errormessage': meta.error
|
|
183
186
|
});
|
|
184
187
|
|
|
185
188
|
return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], (0, _extends2["default"])({
|
|
@@ -206,7 +209,9 @@ function Success(props) {
|
|
|
206
209
|
styles = props.styles;
|
|
207
210
|
var SSuccess = _flexBox.Box;
|
|
208
211
|
var SEmail = 'div';
|
|
209
|
-
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSuccess, _ref7.cn("SSuccess", _objectSpread({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(SEmail, _ref7.cn("SEmail", {
|
|
212
|
+
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSuccess, _ref7.cn("SSuccess", _objectSpread({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(SEmail, _ref7.cn("SEmail", {
|
|
213
|
+
"aria-hidden": true
|
|
214
|
+
})), /*#__PURE__*/_react["default"].createElement("span", _ref7.cn("span", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {}))));
|
|
210
215
|
} // because it is used without a wrapper
|
|
211
216
|
|
|
212
217
|
|
|
@@ -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 >\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 };\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 />\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,Y;;;;;;;;;;;;;;;uGA+Ba,IAAAC,0BAAA,G;;;;;;WAEjB,kBAAS;MACP,IAAMC,aAAa,GAAGC,YAAtB;MACA,oBAA4D,KAAKC,OAAjE;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAAA,IAAmCC,UAAnC,iBAAmCA,UAAnC;MAAA,IAAkDC,KAAlD;MAEA,oBACE,gCAAC,oBAAD;QAAM,UAAU,EAAE,CAAC,KAAKC,cAAN;MAAlB,GAA6CD,KAA7C,GACG,UAACE,GAAD;QAAA;;QAAA,eACC,IAAAC,aAAA,EAAQN,MAAR,CADD,eAEG,gCAAC,yBAAD;UAAA,QAAoB,IAApB;UAAA,WAAkCC,OAAO,KAAKM,SAAZ,GAAwBF,GAAG,CAACG,UAA5B,GAAyCP;QAA3E,iBACE,gCAAC,aAAD;UAAA,OACM,MADN;UAAA;UAAA,UAGS,MAHT;UAAA,OAIOC;QAJP,GAKMC,KALN;UAAA,YAMYE,GAAG,CAACI;
|
|
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
|
@@ -41,17 +41,17 @@ var style = (
|
|
|
41
41
|
/*__reshadow_css_start__*/
|
|
42
42
|
_sstyled.insert(
|
|
43
43
|
/*__inner_css_start__*/
|
|
44
|
-
".
|
|
44
|
+
".___SFeedbackForm_2f088_gg_{max-width:320px}.___SCancel_2f088_gg_,.___SSubmit_2f088_gg_{display:inline-flex;margin-right:8px}.___SNotice_2f088_gg_{padding:12px 16px;border-width:1px 0 0;border-top-style:solid;border-radius:0 0 6px 6px}.___SSuccess_2f088_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:46px 32px 32px;box-sizing:border-box}.___SEmail_2f088_gg_{margin-bottom:18px;width:80px;height:80px;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.163 6a1.57 1.57 0 00-1.12.46l-12.91 12.92A34.6 34.6 0 0025.36 75.813a34.6 34.6 0 0037.713-7.503l12.91-12.91a1.578 1.578 0 00.47-1.12V6.89a.9.9 0 00-.9-.89h-47.39z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.285l.2.35c6.19-3.45 24.19-13.67 27.53-10.53-1.13-3.1-17.03.33-27.73 10.18zM28.44 31.634c-1.81 6-9.21 24.47-13.44 30.31l3 .91 1.58-1.32c4.22-9.55 10-26 10.31-31.46-.5-.26-.96.14-1.45 1.56z' fill='%23fff'/%3E%3Cpath d='M15 62.008c4.23-5.84 11.63-24.27 13.44-30.34 1.81-6.07 5.05 6 3.23 11.12' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.942c10.68-10.36 27.27-14 28.43-10.84.69 1.89-13.43 6.26-18.41 12.32' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93c-3.24-1.16-8.59-2.89-11.45-3.69 4.12-1.83 37-14 39.67-15.24-.92 4.11-4.92 18.28-6.71 24.93-4.83-1.68-9.73-3.15-12.93-4.19-2 2.65-3.808 5.441-5.41 8.35-1.18-3.86-2.33-8.32-3.17-10.16z' fill='%23fff' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11M53 23.73L72.64 3M48 32.58L55.86 25' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77l3.46-5.64.97-1.13 2.07.61.43-.13-3.36 3.43-2.47 2.27L48 31.29l.23-.52z' fill='%23000'/%3E%3Cpath d='M33.81 22L23 27.12M40.89 23L34 27.37M62.04 29L58 38.85' stroke='%23fff' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41c3.61 2.42-1.87 8.52-3.68 10.12M47.17 44c4.14 2.09 1.16 7.76-1.17 10.6M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.163 6a1.57 1.57 0 00-1.12.46l-12.91 12.92A34.6 34.6 0 0025.36 75.813a34.6 34.6 0 0037.713-7.503l12.91-12.91a1.578 1.578 0 00.47-1.12V6.89a.9.9 0 00-.9-.89h-47.39z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116.257 116.257 0 01-7.76 14.13' fill='%23000'/%3E%3Cpath d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116.257 116.257 0 01-7.76 14.13' stroke='%23000' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E\")}"
|
|
45
45
|
/*__inner_css_end__*/
|
|
46
|
-
, "
|
|
46
|
+
, "2f088_gg_")
|
|
47
47
|
/*__reshadow_css_end__*/
|
|
48
48
|
, {
|
|
49
|
-
"__SFeedbackForm": "
|
|
50
|
-
"__SCancel": "
|
|
51
|
-
"__SSubmit": "
|
|
52
|
-
"__SNotice": "
|
|
53
|
-
"__SSuccess": "
|
|
54
|
-
"__SEmail": "
|
|
49
|
+
"__SFeedbackForm": "___SFeedbackForm_2f088_gg_",
|
|
50
|
+
"__SCancel": "___SCancel_2f088_gg_",
|
|
51
|
+
"__SSubmit": "___SSubmit_2f088_gg_",
|
|
52
|
+
"__SNotice": "___SNotice_2f088_gg_",
|
|
53
|
+
"__SSuccess": "___SSuccess_2f088_gg_",
|
|
54
|
+
"__SEmail": "___SEmail_2f088_gg_"
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
@@ -101,7 +101,8 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
|
101
101
|
"method": "POST",
|
|
102
102
|
"ref": forwardRef
|
|
103
103
|
}, other), {}, {
|
|
104
|
-
"onSubmit": api.handleSubmit
|
|
104
|
+
"onSubmit": api.handleSubmit,
|
|
105
|
+
"title": "This is feedback"
|
|
105
106
|
})), typeof Children.origin === 'function' ? Children.origin(api) : /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {}))));
|
|
106
107
|
});
|
|
107
108
|
}
|
|
@@ -165,7 +166,9 @@ function Item(_ref11) {
|
|
|
165
166
|
var invalid = meta.invalid && meta.touched;
|
|
166
167
|
|
|
167
168
|
var inputProps = _objectSpread(_objectSpread({}, input), {}, {
|
|
168
|
-
state: invalid ? 'invalid' : 'normal'
|
|
169
|
+
state: invalid ? 'invalid' : 'normal',
|
|
170
|
+
'aria-invalid': invalid ? true : false,
|
|
171
|
+
'aria-errormessage': meta.error
|
|
169
172
|
});
|
|
170
173
|
|
|
171
174
|
return /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
@@ -192,7 +195,9 @@ function Success(props) {
|
|
|
192
195
|
styles = props.styles;
|
|
193
196
|
var SSuccess = Box;
|
|
194
197
|
var SEmail = 'div';
|
|
195
|
-
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SSuccess, _ref7.cn("SSuccess", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(SEmail, _ref7.cn("SEmail", {
|
|
198
|
+
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SSuccess, _ref7.cn("SSuccess", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(SEmail, _ref7.cn("SEmail", {
|
|
199
|
+
"aria-hidden": true
|
|
200
|
+
})), /*#__PURE__*/React.createElement("span", _ref7.cn("span", {}), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {}))));
|
|
196
201
|
} // because it is used without a wrapper
|
|
197
202
|
|
|
198
203
|
|
|
@@ -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 >\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 };\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 />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,IAAhB,QAA4B,kBAA5B;AACA,OAAOC,oBAAP,MAAiC,kBAAjC;AAEA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,OAAOC,aAAP,MAA0B,yBAA1B;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;;;;;;;;;;;;;;;;;;;;IAIMC,Y;;;;;;;;;;;;;;;;qEA+BaX,oBAAoB,E;;;;;;;WAErC,kBAAS;MACP,IAAMY,aAAa,GAAGH,GAAtB;;MACA,oBAA4D,KAAKI,OAAjE;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAAA,IAAmCC,UAAnC,iBAAmCA,UAAnC;MAAA,IAAkDC,KAAlD;;MAEA,oBACE,oBAAC,IAAD;QAAM,UAAU,EAAE,CAAC,KAAKC,cAAN;MAAlB,GAA6CD,KAA7C,GACG,UAACE,GAAD;QAAA;;QAAA,eACCjB,OAAO,CAACY,MAAD,CADR,eAEG,oBAAC,aAAD;UAAA,QAAoB,IAApB;UAAA,WAAkCC,OAAO,KAAKK,SAAZ,GAAwBD,GAAG,CAACE,UAA5B,GAAyCN;QAA3E,iBACE,oBAAC,aAAD;UAAA,OACM,MADN;UAAA;UAAA,UAGS,MAHT;UAAA,OAIOC;QAJP,GAKMC,KALN;UAAA,YAMYE,GAAG,CAACG;
|
|
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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"}
|