@semcore/feedback-form 16.1.1 → 16.1.2-prerelease.3
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 +6 -0
- package/README.md +1 -31
- package/lib/cjs/FeedbackForm.js +22 -23
- package/lib/cjs/FeedbackForm.js.map +1 -1
- package/lib/cjs/component/checkbox-button/CheckboxButton.js +15 -15
- package/lib/cjs/component/checkbox-button/CheckboxButton.js.map +1 -1
- package/lib/cjs/component/feedback-item/FeedbackItem.js +8 -8
- package/lib/cjs/component/feedback-item/FeedbackItem.js.map +1 -1
- package/lib/cjs/component/feedback-rating/FeedbackRating.js +36 -37
- package/lib/cjs/component/feedback-rating/FeedbackRating.js.map +1 -1
- package/lib/cjs/component/feedback-rating/FeedbackRating.type.js.map +1 -1
- package/lib/cjs/component/slider-rating/SliderRating.js +29 -30
- package/lib/cjs/component/slider-rating/SliderRating.js.map +1 -1
- package/lib/cjs/component/submit-button/SubmitButton.js +1 -1
- package/lib/cjs/component/submit-button/SubmitButton.js.map +1 -1
- package/lib/cjs/index.d.js +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/FeedbackForm.js +21 -21
- package/lib/es6/FeedbackForm.js.map +1 -1
- package/lib/es6/component/checkbox-button/CheckboxButton.js +13 -12
- package/lib/es6/component/checkbox-button/CheckboxButton.js.map +1 -1
- package/lib/es6/component/feedback-item/FeedbackItem.js +7 -7
- package/lib/es6/component/feedback-item/FeedbackItem.js.map +1 -1
- package/lib/es6/component/feedback-rating/FeedbackRating.js +36 -36
- package/lib/es6/component/feedback-rating/FeedbackRating.js.map +1 -1
- package/lib/es6/component/feedback-rating/FeedbackRating.type.js.map +1 -1
- package/lib/es6/component/slider-rating/SliderRating.js +27 -27
- package/lib/es6/component/slider-rating/SliderRating.js.map +1 -1
- package/lib/es6/component/submit-button/SubmitButton.js +1 -1
- package/lib/es6/component/submit-button/SubmitButton.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/FeedbackForm.mjs +23 -21
- package/lib/esm/component/checkbox-button/CheckboxButton.mjs +16 -13
- package/lib/esm/component/feedback-item/FeedbackItem.mjs +6 -6
- package/lib/esm/component/feedback-rating/FeedbackRating.mjs +34 -32
- package/lib/esm/component/slider-rating/SliderRating.mjs +29 -27
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/component/feedback-item/FeedbackItem.d.ts +3 -3
- package/lib/types/component/feedback-rating/FeedbackRating.d.ts +8 -8
- package/lib/types/component/feedback-rating/FeedbackRating.type.d.ts +8 -7
- package/lib/types/component/slider-rating/SliderRating.d.ts +3 -3
- package/lib/types/component/submit-button/SubmitButton.d.ts +1 -1
- package/lib/types/index.d.ts +5 -6
- package/package.json +17 -17
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.1.2] - 2025-06-16
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/checkbox` [16.0.1 ~> 16.0.2], `@semcore/button` [16.0.1 ~> 16.0.2], `@semcore/base-components` [16.0.1 ~> 16.0.2]).
|
|
10
|
+
|
|
5
11
|
## [16.1.1] - 2025-05-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -13,40 +13,10 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install @semcore/feedback-form
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Usage
|
|
20
19
|
|
|
21
|
-
```jsx
|
|
22
|
-
import FeedbackForm from 'intergalactic/feedback-form';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<details>
|
|
26
|
-
<summary>Alternative installation and use</summary>
|
|
27
|
-
|
|
28
|
-
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
You can only install one package from the design system
|
|
33
|
-
|
|
34
|
-
```sh
|
|
35
|
-
npm install @semcore/feedback-form @semcore/core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
-
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
-
|
|
41
|
-
### Usage
|
|
42
|
-
|
|
43
|
-
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
import FeedbackForm from '@semcore/feedback-form';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
</details>
|
|
50
20
|
|
|
51
21
|
## 👤 Author
|
|
52
22
|
|
package/lib/cjs/FeedbackForm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -10,46 +10,47 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
var
|
|
13
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
14
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
15
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
16
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
18
|
var _core = require("@semcore/core");
|
|
18
|
-
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
var _reactFinalForm = require("react-final-form");
|
|
20
|
-
var _finalFormFocus = _interopRequireDefault(require("final-form-focus"));
|
|
21
19
|
var _button = _interopRequireDefault(require("@semcore/button"));
|
|
22
|
-
var _spinContainer = _interopRequireDefault(require("@semcore/spin-container"));
|
|
23
|
-
var _notice = require("@semcore/notice");
|
|
24
20
|
var _flexBox = require("@semcore/flex-box");
|
|
21
|
+
var _notice = require("@semcore/notice");
|
|
22
|
+
var _spinContainer = _interopRequireDefault(require("@semcore/spin-container"));
|
|
23
|
+
var _finalFormFocus = _interopRequireDefault(require("final-form-focus"));
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
25
|
+
var _reactFinalForm = require("react-final-form");
|
|
25
26
|
var _FeedbackItem = require("./component/feedback-item/FeedbackItem");
|
|
26
27
|
var _SubmitButton = require("./component/submit-button/SubmitButton");
|
|
27
28
|
var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"];
|
|
29
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
28
30
|
/*!__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
|
29
|
-
var style = (
|
|
31
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackForm_1x1lo_gg_{max-width:320px}.___SCancel_1x1lo_gg_,.___SSubmit_1x1lo_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1x1lo_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_1x1lo_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_1x1lo_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__*/"1x1lo_gg_"),
|
|
30
32
|
/*__reshadow_css_end__*/
|
|
31
33
|
{
|
|
32
|
-
"__SFeedbackForm": "
|
|
33
|
-
"__SSubmit": "
|
|
34
|
-
"__SCancel": "
|
|
35
|
-
"__SNotice": "
|
|
36
|
-
"__SSuccess": "
|
|
37
|
-
"__SEmail": "
|
|
34
|
+
"__SFeedbackForm": "___SFeedbackForm_1x1lo_gg_",
|
|
35
|
+
"__SSubmit": "___SSubmit_1x1lo_gg_",
|
|
36
|
+
"__SCancel": "___SCancel_1x1lo_gg_",
|
|
37
|
+
"__SNotice": "___SNotice_1x1lo_gg_",
|
|
38
|
+
"__SSuccess": "___SSuccess_1x1lo_gg_",
|
|
39
|
+
"__SEmail": "___SEmail_1x1lo_gg_"
|
|
38
40
|
});
|
|
39
41
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
40
|
-
(0, _inherits2["default"])(FeedbackForm, _Component);
|
|
41
|
-
var _super = (0, _createSuper2["default"])(FeedbackForm);
|
|
42
42
|
function FeedbackForm() {
|
|
43
43
|
var _this;
|
|
44
44
|
(0, _classCallCheck2["default"])(this, FeedbackForm);
|
|
45
45
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
46
46
|
args[_key] = arguments[_key];
|
|
47
47
|
}
|
|
48
|
-
_this =
|
|
49
|
-
(0, _defineProperty2["default"])(
|
|
48
|
+
_this = _callSuper(this, FeedbackForm, [].concat(args));
|
|
49
|
+
(0, _defineProperty2["default"])(_this, "focusDecorator", (0, _finalFormFocus["default"])());
|
|
50
50
|
return _this;
|
|
51
51
|
}
|
|
52
|
-
(0,
|
|
52
|
+
(0, _inherits2["default"])(FeedbackForm, _Component);
|
|
53
|
+
return (0, _createClass2["default"])(FeedbackForm, [{
|
|
53
54
|
key: "getItemProps",
|
|
54
55
|
value: function getItemProps() {
|
|
55
56
|
var validateOnBlur = this.asProps.validateOnBlur;
|
|
@@ -89,7 +90,6 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
|
89
90
|
});
|
|
90
91
|
}
|
|
91
92
|
}]);
|
|
92
|
-
return FeedbackForm;
|
|
93
93
|
}(_core.Component);
|
|
94
94
|
(0, _defineProperty2["default"])(FeedbackForm, "displayName", 'FeedbackForm');
|
|
95
95
|
(0, _defineProperty2["default"])(FeedbackForm, "style", style);
|
|
@@ -160,12 +160,11 @@ function Notice(props) {
|
|
|
160
160
|
"use:use": use
|
|
161
161
|
}, _ref3))));
|
|
162
162
|
}
|
|
163
|
-
var _default = (0, _core.createComponent)(FeedbackForm, {
|
|
163
|
+
var _default = exports["default"] = (0, _core.createComponent)(FeedbackForm, {
|
|
164
164
|
Item: _FeedbackItem.FeedbackItem,
|
|
165
165
|
Success: Success,
|
|
166
166
|
Submit: _SubmitButton.SubmitButton,
|
|
167
167
|
Cancel: Cancel,
|
|
168
168
|
Notice: Notice
|
|
169
169
|
});
|
|
170
|
-
exports["default"] = _default;
|
|
171
170
|
//# sourceMappingURL=FeedbackForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedbackForm.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"FeedbackForm.js","names":["_core","require","_button","_interopRequireDefault","_flexBox","_notice","_spinContainer","_finalFormFocus","_react","_reactFinalForm","_FeedbackItem","_SubmitButton","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","FeedbackForm","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","createFocusDecorator","_inherits2","_createClass2","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","Box","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties2","createElement","Form","_extends2","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread2","handleSubmit","origin","Component","Field","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","assignProps","Cancel","_ref2","_ref6","SCancel","Button","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","NoticeSmart","_default","exports","createComponent","Item","FeedbackItem","Submit","SubmitButton"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { NoticeSmart } from '@semcore/notice';\nimport SpinContainer from '@semcore/spin-container';\nimport createFocusDecorator from 'final-form-focus';\nimport React from 'react';\nimport { Field, Form } from 'react-final-form';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\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: (error) => (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: (error) => (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n getItemProps() {\n const { validateOnBlur } = this.asProps;\n\n return {\n validateOnBlur,\n };\n }\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\n background={background}\n theme={theme}\n size='xl'\n loading={loading === undefined ? api.submitting : loading}\n >\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 </Form>\n );\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} tabIndex={-1}>\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 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, theme = 'muted', use = 'secondary' } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} use:theme={theme} use:use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n Item: FeedbackItem,\n Success,\n Submit: SubmitButton,\n Cancel,\n Notice,\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -9,29 +9,31 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
14
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
17
|
var _core = require("@semcore/core");
|
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
var _flexBox = require("@semcore/flex-box");
|
|
18
18
|
var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
|
|
19
|
+
var _flexBox = require("@semcore/flex-box");
|
|
20
|
+
var _react = _interopRequireDefault(require("react"));
|
|
19
21
|
var _excluded = ["styles", "id", "label", "type", "focused"];
|
|
22
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
20
23
|
/*!__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
|
|
21
|
-
var style = (
|
|
24
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCheckboxButton_1ka27_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_1ka27_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_1ka27_gg_.__checked_1ka27_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_1ka27_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_1ka27_gg_.__checked_1ka27_gg_:hover{background-color:rgba(0,143,248,.2)}}", /*__inner_css_end__*/"1ka27_gg_"),
|
|
22
25
|
/*__reshadow_css_end__*/
|
|
23
26
|
{
|
|
24
|
-
"__SCheckboxButton": "
|
|
25
|
-
"_checked": "
|
|
27
|
+
"__SCheckboxButton": "___SCheckboxButton_1ka27_gg_",
|
|
28
|
+
"_checked": "__checked_1ka27_gg_"
|
|
26
29
|
});
|
|
27
30
|
var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
|
|
28
|
-
(0, _inherits2["default"])(CheckboxButtonRoot, _Component);
|
|
29
|
-
var _super = (0, _createSuper2["default"])(CheckboxButtonRoot);
|
|
30
31
|
function CheckboxButtonRoot() {
|
|
31
32
|
(0, _classCallCheck2["default"])(this, CheckboxButtonRoot);
|
|
32
|
-
return
|
|
33
|
+
return _callSuper(this, CheckboxButtonRoot, arguments);
|
|
33
34
|
}
|
|
34
|
-
(0,
|
|
35
|
+
(0, _inherits2["default"])(CheckboxButtonRoot, _Component);
|
|
36
|
+
return (0, _createClass2["default"])(CheckboxButtonRoot, [{
|
|
35
37
|
key: "render",
|
|
36
38
|
value: function render() {
|
|
37
39
|
var _ref = this.asProps,
|
|
@@ -40,7 +42,7 @@ var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
|
|
|
40
42
|
styles = _this$asProps.styles,
|
|
41
43
|
id = _this$asProps.id,
|
|
42
44
|
label = _this$asProps.label,
|
|
43
|
-
|
|
45
|
+
_type = _this$asProps.type,
|
|
44
46
|
focused = _this$asProps.focused,
|
|
45
47
|
other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
|
|
46
48
|
var autoFocus = focused ? 20 : false;
|
|
@@ -55,10 +57,8 @@ var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
|
|
|
55
57
|
}, label)));
|
|
56
58
|
}
|
|
57
59
|
}]);
|
|
58
|
-
return CheckboxButtonRoot;
|
|
59
60
|
}(_core.Component);
|
|
60
61
|
(0, _defineProperty2["default"])(CheckboxButtonRoot, "style", style);
|
|
61
62
|
var CheckboxButton = (0, _core.createComponent)(CheckboxButtonRoot);
|
|
62
|
-
var _default = CheckboxButton;
|
|
63
|
-
exports["default"] = _default;
|
|
63
|
+
var _default = exports["default"] = CheckboxButton;
|
|
64
64
|
//# sourceMappingURL=CheckboxButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxButton.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"CheckboxButton.js","names":["_core","require","_checkbox","_interopRequireDefault","_flexBox","_react","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","CheckboxButtonRoot","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref2","_this$asProps","styles","id","label","_type","type","focused","other","_objectWithoutProperties2","autoFocus","SCheckboxButton","Box","createElement","cn","_objectSpread2","assignProps","Value","Text","Component","_defineProperty2","CheckboxButton","createComponent","_default","exports"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import Checkbox from '@semcore/checkbox';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport type { FeedbackRatingCheckboxProps } from '../feedback-rating/FeedbackRating.type';\n\nclass CheckboxButtonRoot extends Component<FeedbackRatingCheckboxProps> {\n static style = style;\n\n render() {\n const { styles, id, label, type: _type, focused, ...other } = this.asProps;\n const autoFocus = focused ? 20 : false;\n\n const SCheckboxButton = Root;\n return sstyled(styles)(\n <SCheckboxButton render={Box} __excludeProps={['onChange', 'id', 'type']}>\n <Checkbox {...other}>\n <Checkbox.Value autoFocus={autoFocus} aria-labelledby={id} />\n <Checkbox.Text id={id}>{label}</Checkbox.Text>\n </Checkbox>\n </SCheckboxButton>,\n );\n }\n}\n\nconst CheckboxButton = createComponent(CheckboxButtonRoot);\n\nexport default CheckboxButton;\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0B,IAAAK,SAAA;AAAA,SAAAC,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,MAAAK,0BAAA,iBAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA;AAAA,IAAAQ,KAAA,8BAAAlB,KAAA,CAAAmB,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAAA,IAKpBC,kBAAkB,0BAAAC,UAAA;EAAA,SAAAD,mBAAA;IAAA,IAAAE,gBAAA,mBAAAF,kBAAA;IAAA,OAAAd,UAAA,OAAAc,kBAAA,EAAAG,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAJ,kBAAA,EAAAC,UAAA;EAAA,WAAAI,aAAA,aAAAL,kBAAA;IAAAM,GAAA;IAAAC,KAAA,EAGtB,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAAC,aAAA,GAA8D,IAAI,CAACF,OAAO;QAAlEG,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAQC,KAAK,GAAAJ,aAAA,CAAXK,IAAI;QAASC,OAAO,GAAAN,aAAA,CAAPM,OAAO;QAAKC,KAAK,OAAAC,yBAAA,aAAAR,aAAA,EAAA3B,SAAA;MACzD,IAAMoC,SAAS,GAAGH,OAAO,GAAG,EAAE,GAAG,KAAK;MAEtC,IAAMI,eAAe,GAEMC,YAAG;MAD9B,OAAAZ,KAAA,GAAO,IAAAb,aAAO,EAACe,MAAM,CAAC,eACpB7B,MAAA,YAAAwC,aAAA,CAACF,eAAe,EAAAX,KAAA,CAAAc,EAAA,wBAAAC,cAAA,qBAAA/C,KAAA,CAAAgD,WAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAlB,IAAA,kBACtEzB,MAAA,YAAAwC,aAAA,CAAC3C,SAAA,WAAQ,EAAA8B,KAAA,CAAAc,EAAA,iBAAAC,cAAA,iBAAKP,KAAK,iBACjBnC,MAAA,YAAAwC,aAAA,CAAC3C,SAAA,WAAQ,CAAC+C,KAAK;QAACP,SAAS,EAAEA,SAAU;QAAC,mBAAiBP;MAAG,CAAE,CAAC,eAC7D9B,MAAA,YAAAwC,aAAA,CAAC3C,SAAA,WAAQ,CAACgD,IAAI;QAACf,EAAE,EAAEA;MAAG,GAAEC,KAAqB,CACrC,CACK,CAAC;IAEtB;EAAC;AAAA,EAhB8Be,eAAS;AAAA,IAAAC,gBAAA,aAApC/B,kBAAkB,WACPH,KAAK;AAkBtB,IAAMmC,cAAc,GAAG,IAAAC,qBAAe,EAACjC,kBAAkB,CAAC;AAAC,IAAAkC,QAAA,GAAAC,OAAA,cAE5CH,cAAc","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -8,13 +8,13 @@ exports.FeedbackItem = FeedbackItem;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _reactFinalForm = require("react-final-form");
|
|
13
|
-
var _tooltip = _interopRequireDefault(require("@semcore/tooltip"));
|
|
14
|
-
var _pick = _interopRequireDefault(require("@semcore/core/lib/utils/pick"));
|
|
15
|
-
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
16
11
|
var _core = require("@semcore/core");
|
|
12
|
+
var _pick = _interopRequireDefault(require("@semcore/core/lib/utils/pick"));
|
|
17
13
|
var _propsForElement = _interopRequireDefault(require("@semcore/core/lib/utils/propsForElement"));
|
|
14
|
+
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
15
|
+
var _tooltip = _interopRequireDefault(require("@semcore/tooltip"));
|
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
|
17
|
+
var _reactFinalForm = require("react-final-form");
|
|
18
18
|
var _excluded = ["Children", "tag", "uid", "tooltipProps"],
|
|
19
19
|
_excluded2 = ["input", "meta"];
|
|
20
20
|
var deafultTooltipPropsList = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate'];
|
|
@@ -38,7 +38,7 @@ function FeedbackItem(_ref) {
|
|
|
38
38
|
var popperId = "".concat(uid, "-error-description");
|
|
39
39
|
var ariaDescribedBy = props['aria-describedby'];
|
|
40
40
|
var inputProps = (0, _core.assignProps)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _propsForElement["default"])(other)), {}, {
|
|
41
|
-
state: errorState ? 'invalid' : 'normal',
|
|
41
|
+
'state': errorState ? 'invalid' : 'normal',
|
|
42
42
|
'aria-invalid': errorState ? true : false,
|
|
43
43
|
'aria-describedby': meta.active ? errorState ? popperId : ariaDescribedBy : undefined
|
|
44
44
|
}), input);
|
|
@@ -60,7 +60,7 @@ function FeedbackItem(_ref) {
|
|
|
60
60
|
input: inputProps,
|
|
61
61
|
meta: meta
|
|
62
62
|
}, other))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Popper, {
|
|
63
|
-
w:
|
|
63
|
+
w: "100%",
|
|
64
64
|
id: popperId
|
|
65
65
|
}, (_meta$error = meta.error) !== null && _meta$error !== void 0 ? _meta$error : lastErrorRef.current));
|
|
66
66
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedbackItem.js","names":["
|
|
1
|
+
{"version":3,"file":"FeedbackItem.js","names":["_core","require","_pick","_interopRequireDefault","_propsForElement","_uniqueID","_tooltip","_react","_reactFinalForm","_excluded","_excluded2","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties2","pick","lastErrorRef","React","useRef","undefined","createElement","Field","_ref2","_meta$error","input","meta","other","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","concat","ariaDescribedBy","inputProps","assignProps","_objectSpread2","propsForElement","active","error","current","_extends2","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","__excludeProps","origin","Popper","w","id","enhance","uniqueIDEnhancement"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import { assignProps } from '@semcore/core';\nimport pick from '@semcore/core/lib/utils/pick';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport Tooltip from '@semcore/tooltip';\nimport React from 'react';\nimport { Field } from 'react-final-form';\n\nconst deafultTooltipPropsList = [\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\nexport function FeedbackItem({\n Children,\n tag,\n uid,\n tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n ...props\n}: any) {\n const tooltipProps = pick(props, tooltipPropsList);\n const lastErrorRef = React.useRef(undefined);\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n const invalid = meta.invalid && meta.touched;\n const errorState = showError && invalid;\n const popperId = `${uid}-error-description`;\n const ariaDescribedBy = props['aria-describedby'];\n const inputProps = assignProps(\n {\n ...propsForElement(other),\n 'state': errorState ? 'invalid' : 'normal',\n 'aria-invalid': errorState ? true : false,\n 'aria-describedby': meta.active ? (errorState ? popperId : ariaDescribedBy) : undefined,\n },\n input,\n );\n\n if (meta?.error) lastErrorRef.current = meta.error;\n\n return (\n <Tooltip\n visible={errorState && meta.active}\n theme='warning'\n placement='left'\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger\n inline={false}\n role={undefined}\n tag={tag}\n {...(tag ? inputProps : {})}\n __excludeProps={['type', 'aria-describedby']}\n >\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper w='100%' id={popperId}>\n {meta.error ?? lastErrorRef.current}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AAAyC,IAAAQ,SAAA;EAAAC,UAAA;AAEzC,IAAMC,uBAAuB,GAAG,CAC9B,OAAO,EACP,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,eAAe,EACf,gBAAgB,EAChB,eAAe,CAChB;AAEM,SAASC,YAAYA,CAAAC,IAAA,EAMpB;EAAA,IALNC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IAAAC,iBAAA,GAAAJ,IAAA,CACHK,YAAY;IAAEC,gBAAgB,GAAAF,iBAAA,cAAGN,uBAAuB,GAAAM,iBAAA;IACrDG,KAAK,OAAAC,yBAAA,aAAAR,IAAA,EAAAJ,SAAA;EAER,IAAMS,YAAY,GAAG,IAAAI,gBAAI,EAACF,KAAK,EAAED,gBAAgB,CAAC;EAClD,IAAMI,YAAY,GAAGC,iBAAK,CAACC,MAAM,CAACC,SAAS,CAAC;EAE5C,oBACEnB,MAAA,YAAAoB,aAAA,CAACnB,eAAA,CAAAoB,KAAK,EAAKR,KAAK,EACb,UAAAS,KAAA,EAA+B;IAAA,IAAAC,WAAA;IAAA,IAA5BC,KAAK,GAAAF,KAAA,CAALE,KAAK;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI;MAAKC,KAAK,OAAAZ,yBAAA,aAAAQ,KAAA,EAAAnB,UAAA;IACvB,IAAMwB,SAAS,GAAGD,KAAK,CAACE,cAAc,KAAK,KAAK,GAAGH,IAAI,CAACI,YAAY,GAAG,IAAI;IAC3E,IAAMC,OAAO,GAAGL,IAAI,CAACK,OAAO,IAAIL,IAAI,CAACM,OAAO;IAC5C,IAAMC,UAAU,GAAGL,SAAS,IAAIG,OAAO;IACvC,IAAMG,QAAQ,MAAAC,MAAA,CAAMzB,GAAG,uBAAoB;IAC3C,IAAM0B,eAAe,GAAGtB,KAAK,CAAC,kBAAkB,CAAC;IACjD,IAAMuB,UAAU,GAAG,IAAAC,iBAAW,MAAAC,cAAA,iBAAAA,cAAA,iBAEvB,IAAAC,2BAAe,EAACb,KAAK,CAAC;MACzB,OAAO,EAAEM,UAAU,GAAG,SAAS,GAAG,QAAQ;MAC1C,cAAc,EAAEA,UAAU,GAAG,IAAI,GAAG,KAAK;MACzC,kBAAkB,EAAEP,IAAI,CAACe,MAAM,GAAIR,UAAU,GAAGC,QAAQ,GAAGE,eAAe,GAAIhB;IAAS,IAEzFK,KACF,CAAC;IAED,IAAIC,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEgB,KAAK,EAAEzB,YAAY,CAAC0B,OAAO,GAAGjB,IAAI,CAACgB,KAAK;IAElD,oBACEzC,MAAA,YAAAoB,aAAA,CAACrB,QAAA,WAAO,MAAA4C,SAAA;MACNC,OAAO,EAAEZ,UAAU,IAAIP,IAAI,CAACe,MAAO;MACnCK,KAAK,EAAC,SAAS;MACfC,SAAS,EAAC,MAAM;MAChBC,IAAI,EAAE;QACJC,kBAAkB,EAAE,CAAC,OAAO,EAAE,QAAQ;MACxC;IAAE,GACErC,YAAY,gBAEhBX,MAAA,YAAAoB,aAAA,CAACrB,QAAA,WAAO,CAACkD,OAAO,MAAAN,SAAA;MACdO,MAAM,EAAE,KAAM;MACdC,IAAI,EAAEhC,SAAU;MAChBX,GAAG,EAAEA;IAAI,GACJA,GAAG,GAAG4B,UAAU,GAAG,CAAC,CAAC;MAC1BgB,cAAc,EAAE,CAAC,MAAM,EAAE,kBAAkB;IAAE,IAE5C,OAAO7C,QAAQ,CAAC8C,MAAM,KAAK,UAAU,IACpC9C,QAAQ,CAAC8C,MAAM,KAAAf,cAAA;MACbd,KAAK,EAAEY,UAAU;MACjBX,IAAI,EAAJA;IAAI,GACDC,KAAK,CACT,CACY,CAAC,eAClB1B,MAAA,YAAAoB,aAAA,CAACrB,QAAA,WAAO,CAACuD,MAAM;MAACC,CAAC,EAAC,MAAM;MAACC,EAAE,EAAEvB;IAAS,IAAAV,WAAA,GACnCE,IAAI,CAACgB,KAAK,cAAAlB,WAAA,cAAAA,WAAA,GAAIP,YAAY,CAAC0B,OACd,CACT,CAAC;EAEd,CACK,CAAC;AAEZ;AACArC,YAAY,CAACoD,OAAO,GAAG,CAAC,IAAAC,oBAAmB,EAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -10,74 +10,74 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
var
|
|
13
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
14
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
15
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
16
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
18
|
var _core = require("@semcore/core");
|
|
18
|
-
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
var _reactFinalForm = require("react-final-form");
|
|
20
|
-
var _finalFormFocus = _interopRequireDefault(require("final-form-focus"));
|
|
21
|
-
var _spinContainer = _interopRequireDefault(require("@semcore/spin-container"));
|
|
22
19
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
23
20
|
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
24
|
-
var
|
|
21
|
+
var _flexBox = require("@semcore/flex-box");
|
|
25
22
|
var _m = _interopRequireDefault(require("@semcore/icon/Check/m"));
|
|
26
23
|
var _m2 = _interopRequireDefault(require("@semcore/icon/Warning/m"));
|
|
27
|
-
var _typography = require("@semcore/typography");
|
|
28
24
|
var _Feedback = _interopRequireDefault(require("@semcore/illustration/Feedback"));
|
|
25
|
+
var _input = _interopRequireDefault(require("@semcore/input"));
|
|
29
26
|
var _link = _interopRequireDefault(require("@semcore/link"));
|
|
30
|
-
var _SliderRating = _interopRequireDefault(require("../slider-rating/SliderRating"));
|
|
31
27
|
var _modal = _interopRequireDefault(require("@semcore/modal"));
|
|
28
|
+
var _notice = _interopRequireDefault(require("@semcore/notice"));
|
|
29
|
+
var _noticeBubble = require("@semcore/notice-bubble");
|
|
30
|
+
var _spinContainer = _interopRequireDefault(require("@semcore/spin-container"));
|
|
32
31
|
var _textarea = _interopRequireDefault(require("@semcore/textarea"));
|
|
33
|
-
var
|
|
32
|
+
var _typography = require("@semcore/typography");
|
|
33
|
+
var _finalFormFocus = _interopRequireDefault(require("final-form-focus"));
|
|
34
|
+
var _react = _interopRequireDefault(require("react"));
|
|
35
|
+
var _reactFinalForm = require("react-final-form");
|
|
36
|
+
var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
|
|
37
|
+
var _CheckboxButton = _interopRequireDefault(require("../checkbox-button/CheckboxButton"));
|
|
34
38
|
var _FeedbackItem = require("../feedback-item/FeedbackItem");
|
|
39
|
+
var _SliderRating = _interopRequireDefault(require("../slider-rating/SliderRating"));
|
|
35
40
|
var _SubmitButton = require("../submit-button/SubmitButton");
|
|
36
|
-
var _CheckboxButton = _interopRequireDefault(require("../checkbox-button/CheckboxButton"));
|
|
37
|
-
var _input = _interopRequireDefault(require("@semcore/input"));
|
|
38
|
-
var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
|
|
39
|
-
var _noticeBubble = require("@semcore/notice-bubble");
|
|
40
41
|
var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"];
|
|
42
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
41
43
|
/*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
|
|
42
|
-
var style = (
|
|
44
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_ckgh6_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_ckgh6_gg_ li{list-style:none}", /*__inner_css_end__*/"ckgh6_gg_"),
|
|
43
45
|
/*__reshadow_css_end__*/
|
|
44
46
|
{
|
|
45
|
-
"__SFeedbackRating": "
|
|
47
|
+
"__SFeedbackRating": "___SFeedbackRating_ckgh6_gg_"
|
|
46
48
|
});
|
|
47
49
|
var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
|
48
|
-
(0, _inherits2["default"])(FeedbackRatingRoot, _Component);
|
|
49
|
-
var _super = (0, _createSuper2["default"])(FeedbackRatingRoot);
|
|
50
50
|
function FeedbackRatingRoot() {
|
|
51
51
|
var _this;
|
|
52
52
|
(0, _classCallCheck2["default"])(this, FeedbackRatingRoot);
|
|
53
53
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
54
54
|
args[_key] = arguments[_key];
|
|
55
55
|
}
|
|
56
|
-
_this =
|
|
57
|
-
(0, _defineProperty2["default"])(
|
|
56
|
+
_this = _callSuper(this, FeedbackRatingRoot, [].concat(args));
|
|
57
|
+
(0, _defineProperty2["default"])(_this, "state", {
|
|
58
58
|
error: false
|
|
59
59
|
});
|
|
60
|
-
(0, _defineProperty2["default"])(
|
|
61
|
-
(0, _defineProperty2["default"])(
|
|
62
|
-
(0, _defineProperty2["default"])(
|
|
60
|
+
(0, _defineProperty2["default"])(_this, "manager", new _noticeBubble.NoticeBubbleManager());
|
|
61
|
+
(0, _defineProperty2["default"])(_this, "focusDecorator", (0, _finalFormFocus["default"])());
|
|
62
|
+
(0, _defineProperty2["default"])(_this, "handleChangeRating", function (rating) {
|
|
63
63
|
if (rating > 0) {
|
|
64
64
|
_this.asProps.onVisibleChange(true, rating);
|
|
65
65
|
}
|
|
66
66
|
});
|
|
67
|
-
(0, _defineProperty2["default"])(
|
|
67
|
+
(0, _defineProperty2["default"])(_this, "handelCloseModal", function () {
|
|
68
68
|
_this.asProps.onVisibleChange(false, _this.asProps.rating);
|
|
69
69
|
});
|
|
70
|
-
(0, _defineProperty2["default"])(
|
|
71
|
-
return function (
|
|
70
|
+
(0, _defineProperty2["default"])(_this, "handleChange", function (fn) {
|
|
71
|
+
return function (_value, e) {
|
|
72
72
|
fn(e);
|
|
73
73
|
};
|
|
74
74
|
});
|
|
75
|
-
(0, _defineProperty2["default"])(
|
|
75
|
+
(0, _defineProperty2["default"])(_this, "renderCheckbox", function (config, index) {
|
|
76
76
|
var initialValue = _this.props.initialValues[config.key];
|
|
77
77
|
return /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Field, {
|
|
78
78
|
name: config.key,
|
|
79
79
|
initialValue: initialValue,
|
|
80
|
-
type:
|
|
80
|
+
type: "checkbox",
|
|
81
81
|
key: config.key
|
|
82
82
|
}, function (_ref7) {
|
|
83
83
|
var input = _ref7.input;
|
|
@@ -91,7 +91,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
|
|
91
91
|
}));
|
|
92
92
|
});
|
|
93
93
|
});
|
|
94
|
-
(0, _defineProperty2["default"])(
|
|
94
|
+
(0, _defineProperty2["default"])(_this, "renderTextField", function (config) {
|
|
95
95
|
var _config$description;
|
|
96
96
|
var initialValue = _this.props.initialValues[config.key];
|
|
97
97
|
var label = typeof config.label === 'string' ? /*#__PURE__*/_react["default"].createElement(_typography.Text, {
|
|
@@ -147,7 +147,8 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
|
|
147
147
|
});
|
|
148
148
|
return _this;
|
|
149
149
|
}
|
|
150
|
-
(0,
|
|
150
|
+
(0, _inherits2["default"])(FeedbackRatingRoot, _Component);
|
|
151
|
+
return (0, _createClass2["default"])(FeedbackRatingRoot, [{
|
|
151
152
|
key: "headerId",
|
|
152
153
|
get: function get() {
|
|
153
154
|
var uid = this.asProps.uid;
|
|
@@ -218,7 +219,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
|
|
218
219
|
notificationText = _this$asProps2.notificationText,
|
|
219
220
|
notificationTitle = _this$asProps2.notificationTitle,
|
|
220
221
|
learnMoreLink = _this$asProps2.learnMoreLink,
|
|
221
|
-
|
|
222
|
+
_Children = _this$asProps2.Children,
|
|
222
223
|
styles = _this$asProps2.styles,
|
|
223
224
|
forwardRef = _this$asProps2.forwardRef,
|
|
224
225
|
status = _this$asProps2.status,
|
|
@@ -226,7 +227,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
|
|
226
227
|
background = _this$asProps2.background,
|
|
227
228
|
rating = _this$asProps2.rating,
|
|
228
229
|
visible = _this$asProps2.visible,
|
|
229
|
-
|
|
230
|
+
_onVisibleChange = _this$asProps2.onVisibleChange,
|
|
230
231
|
notificationVisible = _this$asProps2.notificationVisible,
|
|
231
232
|
onNotificationClose = _this$asProps2.onNotificationClose,
|
|
232
233
|
getI18nText = _this$asProps2.getI18nText,
|
|
@@ -325,14 +326,13 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
|
|
325
326
|
"justifyContent": 'center'
|
|
326
327
|
}), /*#__PURE__*/_react["default"].createElement(FeedbackRating.Submit, {
|
|
327
328
|
loading: status !== 'loading' ? api.submitting : status === 'loading',
|
|
328
|
-
size:
|
|
329
|
+
size: "l"
|
|
329
330
|
}, submitText !== null && submitText !== void 0 ? submitText : getI18nText('submitButton')))));
|
|
330
331
|
})), /*#__PURE__*/_react["default"].createElement(_noticeBubble.NoticeBubbleContainer, _ref4.cn("NoticeBubbleContainer", {
|
|
331
332
|
"manager": this.manager
|
|
332
333
|
})));
|
|
333
334
|
}
|
|
334
335
|
}]);
|
|
335
|
-
return FeedbackRatingRoot;
|
|
336
336
|
}(_core.Component);
|
|
337
337
|
(0, _defineProperty2["default"])(FeedbackRatingRoot, "displayName", 'FeedbackRatingForm');
|
|
338
338
|
(0, _defineProperty2["default"])(FeedbackRatingRoot, "style", style);
|
|
@@ -381,6 +381,5 @@ var FeedbackRating = (0, _core.createComponent)(FeedbackRatingRoot, {
|
|
|
381
381
|
Checkbox: _CheckboxButton["default"],
|
|
382
382
|
Submit: _SubmitButton.SubmitButton
|
|
383
383
|
});
|
|
384
|
-
var _default = FeedbackRating;
|
|
385
|
-
exports["default"] = _default;
|
|
384
|
+
var _default = exports["default"] = FeedbackRating;
|
|
386
385
|
//# sourceMappingURL=FeedbackRating.js.map
|