@semcore/feedback-form 6.43.0-prerelease.4 → 6.43.0-prerelease.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/lib/cjs/FeedbackForm.js +22 -28
  2. package/lib/cjs/FeedbackForm.js.map +1 -1
  3. package/lib/cjs/component/checkbox-button/CheckboxButton.js +34 -22
  4. package/lib/cjs/component/checkbox-button/CheckboxButton.js.map +1 -1
  5. package/lib/cjs/component/feedback-item/FeedbackItem.js +8 -8
  6. package/lib/cjs/component/feedback-item/FeedbackItem.js.map +1 -1
  7. package/lib/cjs/component/feedback-rating/FeedbackRating.js +63 -71
  8. package/lib/cjs/component/feedback-rating/FeedbackRating.js.map +1 -1
  9. package/lib/cjs/component/feedback-rating/FeedbackRating.type.js.map +1 -1
  10. package/lib/cjs/component/slider-rating/SliderRating.js +37 -47
  11. package/lib/cjs/component/slider-rating/SliderRating.js.map +1 -1
  12. package/lib/cjs/component/submit-button/SubmitButton.js +1 -1
  13. package/lib/cjs/component/submit-button/SubmitButton.js.map +1 -1
  14. package/lib/cjs/index.d.js +1 -1
  15. package/lib/cjs/index.d.js.map +1 -1
  16. package/lib/cjs/index.js +1 -1
  17. package/lib/cjs/index.js.map +1 -1
  18. package/lib/cjs/style/feedback-form.shadow.css +1 -1
  19. package/lib/cjs/style/feedback-rating.shadow.css +8 -0
  20. package/lib/cjs/style/slider-rating.shadow.css +1 -6
  21. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
  22. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  23. package/lib/es6/FeedbackForm.js +19 -22
  24. package/lib/es6/FeedbackForm.js.map +1 -1
  25. package/lib/es6/component/checkbox-button/CheckboxButton.js +31 -16
  26. package/lib/es6/component/checkbox-button/CheckboxButton.js.map +1 -1
  27. package/lib/es6/component/feedback-item/FeedbackItem.js +7 -7
  28. package/lib/es6/component/feedback-item/FeedbackItem.js.map +1 -1
  29. package/lib/es6/component/feedback-rating/FeedbackRating.js +56 -61
  30. package/lib/es6/component/feedback-rating/FeedbackRating.js.map +1 -1
  31. package/lib/es6/component/feedback-rating/FeedbackRating.type.js.map +1 -1
  32. package/lib/es6/component/slider-rating/SliderRating.js +33 -40
  33. package/lib/es6/component/slider-rating/SliderRating.js.map +1 -1
  34. package/lib/es6/component/submit-button/SubmitButton.js +1 -1
  35. package/lib/es6/component/submit-button/SubmitButton.js.map +1 -1
  36. package/lib/es6/index.d.js +0 -3
  37. package/lib/es6/index.d.js.map +1 -1
  38. package/lib/es6/index.js.map +1 -1
  39. package/lib/es6/style/feedback-form.shadow.css +1 -1
  40. package/lib/es6/style/feedback-rating.shadow.css +8 -0
  41. package/lib/es6/style/slider-rating.shadow.css +1 -6
  42. package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
  43. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  44. package/lib/esm/FeedbackForm.mjs +27 -31
  45. package/lib/esm/component/checkbox-button/CheckboxButton.mjs +34 -22
  46. package/lib/esm/component/feedback-item/FeedbackItem.mjs +6 -6
  47. package/lib/esm/component/feedback-rating/FeedbackRating.mjs +52 -64
  48. package/lib/esm/component/slider-rating/SliderRating.mjs +37 -45
  49. package/lib/esm/style/feedback-form.shadow.css +1 -1
  50. package/lib/esm/style/feedback-rating.shadow.css +8 -0
  51. package/lib/esm/style/slider-rating.shadow.css +1 -6
  52. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
  53. package/lib/types/component/checkbox-button/CheckboxButton.d.ts +1 -3
  54. package/lib/types/component/feedback-item/FeedbackItem.d.ts +3 -3
  55. package/lib/types/component/feedback-rating/FeedbackRating.d.ts +19 -184
  56. package/lib/types/component/feedback-rating/FeedbackRating.type.d.ts +35 -26
  57. package/lib/types/component/slider-rating/SliderRating.d.ts +3 -3
  58. package/lib/types/component/submit-button/SubmitButton.d.ts +1 -1
  59. package/lib/types/index.d.ts +6 -15
  60. package/package.json +17 -17
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -9,66 +8,60 @@ exports["default"] = void 0;
9
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
11
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
13
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
- var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
15
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
- var _index = require("@semcore/utils/lib/core/index");
17
- var _core = _interopRequireWildcard(require("@semcore/core"));
14
+ var _core = require("@semcore/core");
15
+ var _baseComponents = require("@semcore/base-components");
16
+ var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
17
+ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
18
18
  var _react = _interopRequireDefault(require("react"));
19
- var _flexBox = require("@semcore/flex-box");
20
- var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
21
- var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
22
- var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
23
19
  var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
24
20
  /*!__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_wswwd_gg_ .___SStar_wswwd_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_wswwd_gg_.__keyboardFocused_wswwd_gg_ .___SStar_wswwd_gg_.__hovered_wswwd_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_wswwd_gg_ .___SStar_wswwd_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_wswwd_gg_.__keyboardFocused_wswwd_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@supports (color:color(display-p3 0 0 0)){.___SSliderRating_wswwd_gg_.__keyboardFocused_wswwd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SSliderRating_wswwd_gg_.__keyboardFocused_wswwd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@media (hover:hover){.___SSliderRating_wswwd_gg_.__readonly_wswwd_gg_ .___SStar_wswwd_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_wswwd_gg_.__filled_wswwd_gg_:active{animation:wobble .8s ease-in-out}.___SStar_wswwd_gg_ path{fill:var(--intergalactic-slider-rating-normal, rgb(157, 159, 158))}.___SStar_wswwd_gg_.__filled_wswwd_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, rgb(168, 106, 254))}", /*__inner_css_end__*/"wswwd_gg_"),
21
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSliderRating_d9wy7_gg_ .___SStar_d9wy7_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_d9wy7_gg_:focus-visible .___SStar_d9wy7_gg_.__hovered_d9wy7_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_d9wy7_gg_ .___SStar_d9wy7_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_d9wy7_gg_.__readonly_d9wy7_gg_ .___SStar_d9wy7_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_d9wy7_gg_.__filled_d9wy7_gg_:active{animation:wobble .8s ease-in-out}.___SStar_d9wy7_gg_ path{fill:var(--intergalactic-slider-rating-normal, rgb(157, 159, 158))}.___SStar_d9wy7_gg_.__filled_d9wy7_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, rgb(168, 106, 254))}", /*__inner_css_end__*/"d9wy7_gg_"),
26
22
  /*__reshadow_css_end__*/
27
23
  {
28
- "__SSliderRating": "___SSliderRating_wswwd_gg_",
29
- "__SStar": "___SStar_wswwd_gg_",
30
- "_keyboardFocused": "__keyboardFocused_wswwd_gg_",
31
- "_hovered": "__hovered_wswwd_gg_",
32
- "_readonly": "__readonly_wswwd_gg_",
33
- "_filled": "__filled_wswwd_gg_"
24
+ "__SSliderRating": "___SSliderRating_d9wy7_gg_",
25
+ "__SStar": "___SStar_d9wy7_gg_",
26
+ "_hovered": "__hovered_d9wy7_gg_",
27
+ "_readonly": "__readonly_d9wy7_gg_",
28
+ "_filled": "__filled_d9wy7_gg_"
34
29
  });
35
30
  var MIN = 1;
36
31
  var MAX = 5;
37
32
  var SliderRatingRoot = /*#__PURE__*/function (_Component) {
38
- (0, _inherits2["default"])(SliderRatingRoot, _Component);
39
- var _super = (0, _createSuper2["default"])(SliderRatingRoot);
40
33
  function SliderRatingRoot() {
41
34
  var _this;
42
35
  (0, _classCallCheck2["default"])(this, SliderRatingRoot);
43
36
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
44
37
  args[_key] = arguments[_key];
45
38
  }
46
- _this = _super.call.apply(_super, [this].concat(args));
47
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
39
+ _this = (0, _callSuper2["default"])(this, SliderRatingRoot, [].concat(args));
40
+ (0, _defineProperty2["default"])(_this, "state", {
48
41
  hoveredIndex: -1,
49
42
  clickedIndex: -1
50
43
  });
51
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (newValue) {
52
- return function (e) {
44
+ (0, _defineProperty2["default"])(_this, "handleClick", function (newValue) {
45
+ return function (_e) {
53
46
  var readonly = _this.asProps.readonly;
54
47
  if (!readonly) {
55
48
  _this.setValue(newValue);
56
49
  }
57
50
  };
58
51
  });
59
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnder", function (index) {
52
+ (0, _defineProperty2["default"])(_this, "handleMouseEnder", function (index) {
60
53
  return function () {
61
54
  _this.setState({
62
55
  hoveredIndex: index
63
56
  });
64
57
  };
65
58
  });
66
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseLeave", function () {
59
+ (0, _defineProperty2["default"])(_this, "handleMouseLeave", function () {
67
60
  _this.setState({
68
61
  hoveredIndex: -1
69
62
  });
70
63
  });
71
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setValue", function (newValue) {
64
+ (0, _defineProperty2["default"])(_this, "setValue", function (newValue) {
72
65
  var _this$asProps = _this.asProps,
73
66
  onChange = _this$asProps.onChange,
74
67
  value = _this$asProps.value;
@@ -87,17 +80,17 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
87
80
  });
88
81
  }
89
82
  });
90
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (event) {
83
+ (0, _defineProperty2["default"])(_this, "handleKeyDown", function (event) {
91
84
  if (!['ArrowLeft', 'ArrowRight', 'Enter'].includes(event.key)) return;
92
85
  event.preventDefault();
93
86
  if (event.key === 'Enter') {
94
87
  var hoveredIndex = _this.state.hoveredIndex;
95
88
  _this.setValue(hoveredIndex + 1);
96
89
  } else {
97
- var _value = _this.asProps.value;
90
+ var value = _this.asProps.value;
98
91
  var _hoveredIndex = _this.state.hoveredIndex;
99
92
  var direction = event.key === 'ArrowLeft' ? -1 : 1;
100
- var newValue = _hoveredIndex === -1 ? _value + direction : _hoveredIndex + 1 + direction;
93
+ var newValue = _hoveredIndex === -1 ? value + direction : _hoveredIndex + 1 + direction;
101
94
  if (newValue > MAX) newValue = MAX;
102
95
  if (newValue < MIN) newValue = MIN;
103
96
  _this.setState({
@@ -107,7 +100,8 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
107
100
  });
108
101
  return _this;
109
102
  }
110
- (0, _createClass2["default"])(SliderRatingRoot, [{
103
+ (0, _inherits2["default"])(SliderRatingRoot, _Component);
104
+ return (0, _createClass2["default"])(SliderRatingRoot, [{
111
105
  key: "getStarProps",
112
106
  value: function getStarProps(_, index) {
113
107
  var _this$asProps2 = this.asProps,
@@ -158,25 +152,24 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
158
152
  getI18nText = _this$asProps4.getI18nText,
159
153
  value = _this$asProps4.value;
160
154
  var hoveredIndex = this.state.hoveredIndex;
161
- var SSliderRating = _flexBox.Flex;
155
+ var SSliderRating = _baseComponents.Flex;
162
156
  var label = this.getLabelText();
163
157
  if (readonly) {
164
158
  return /*#__PURE__*/_react["default"].createElement(SSliderRating, (0, _core.assignProps)({
165
159
  "gap": 1,
166
160
  "role": 'img',
167
- "aria-label": label,
168
- "use:tabIndex": -1
161
+ "aria-label": label
169
162
  }, _ref), new Array(MAX).fill(null).map(function (_, index) {
170
- return /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
171
- key: index,
172
- position: 'relative'
173
- }, /*#__PURE__*/_react["default"].createElement(SliderRating.Star, null));
163
+ return /*#__PURE__*/_react["default"].createElement(SliderRating.Star, {
164
+ key: index
165
+ });
174
166
  }));
175
167
  }
176
168
  var hoverValue = hoveredIndex + 1;
177
169
  var editModeLabel = hoverValue > 0 || value ? "".concat(label, ". ").concat(getI18nText('FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber'), ".") : label;
178
170
  return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSliderRating, _ref3.cn("SSliderRating", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
179
171
  "gap": 1,
172
+ "tabIndex": 0,
180
173
  "onMouseLeave": this.handleMouseLeave,
181
174
  "onKeyDown": this.handleKeyDown,
182
175
  "role": 'slider',
@@ -186,18 +179,16 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
186
179
  "aria-valuetext": editModeLabel,
187
180
  "aria-valuenow": hoverValue
188
181
  }, _ref))), new Array(MAX).fill(null).map(function (_, index) {
189
- return /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
190
- key: index,
191
- position: 'relative'
192
- }, /*#__PURE__*/_react["default"].createElement(SliderRating.Star, null));
182
+ return /*#__PURE__*/_react["default"].createElement(SliderRating.Star, {
183
+ key: index
184
+ });
193
185
  }));
194
186
  }
195
187
  }]);
196
- return SliderRatingRoot;
197
188
  }(_core.Component);
198
189
  (0, _defineProperty2["default"])(SliderRatingRoot, "displayName", 'SliderRating');
199
190
  (0, _defineProperty2["default"])(SliderRatingRoot, "style", style);
200
- (0, _defineProperty2["default"])(SliderRatingRoot, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _uniqueID["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
191
+ (0, _defineProperty2["default"])(SliderRatingRoot, "enhance", [(0, _uniqueID["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
201
192
  (0, _defineProperty2["default"])(SliderRatingRoot, "defaultProps", {
202
193
  i18n: _intergalacticDynamicLocales.localizedMessages,
203
194
  locale: 'en'
@@ -205,7 +196,7 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
205
196
  function Star(props) {
206
197
  var _ref2 = arguments[0],
207
198
  _ref4;
208
- var SStar = _flexBox.Box;
199
+ var SStar = _baseComponents.Box;
209
200
  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SStar, _ref4.cn("SStar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
210
201
  "tag": 'svg',
211
202
  "role": 'none',
@@ -223,9 +214,8 @@ function Star(props) {
223
214
  })));
224
215
  }
225
216
  Star.displayName = 'Star';
226
- var SliderRating = (0, _core["default"])(SliderRatingRoot, {
217
+ var SliderRating = (0, _core.createComponent)(SliderRatingRoot, {
227
218
  Star: Star
228
219
  });
229
- var _default = SliderRating;
230
- exports["default"] = _default;
220
+ var _default = exports["default"] = SliderRating;
231
221
  //# sourceMappingURL=SliderRating.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SliderRating.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","MIN","MAX","SliderRatingRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hoveredIndex","clickedIndex","newValue","e","readonly","asProps","setValue","index","setState","_this$asProps","onChange","value","event","includes","key","preventDefault","state","direction","_createClass2","getStarProps","_","_this$asProps2","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","hovered","getLabelText","_this$asProps3","getI18nText","selectedRating","max","render","_ref","_ref3","_this$asProps4","styles","SSliderRating","Flex","label","createElement","assignProps","fill","map","Box","position","SliderRating","Star","hoverValue","editModeLabel","cn","_objectSpread2","handleMouseLeave","handleKeyDown","Component","keyboardFocusEnhance","uniqueIDEnhancement","i18nEnhance","localizedMessages","i18n","locale","props","_ref2","arguments[0]","_ref4","SStar","displayName","createComponent","_default","exports"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, Intergalactic } from '@semcore/core';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport style from '../../style/slider-rating.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { ScreenReaderOnly } from '@semcore/flex-box';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\ntype SliderRatingProps = {\n value: number;\n onChange?: (value: number) => void;\n readonly?: boolean;\n};\n\ntype State = {\n hoveredIndex: number;\n clickedIndex: number;\n};\n\ntype StarProps = BoxProps & {\n filled?: boolean;\n};\n\nconst MIN = 1;\nconst MAX = 5;\n\nclass SliderRatingRoot extends Component<\n SliderRatingProps,\n {},\n State,\n typeof SliderRatingRoot.enhance\n> {\n static displayName = 'SliderRating';\n static style = style;\n\n static enhance = [\n keyboardFocusEnhance(),\n uniqueIDEnhancement(),\n i18nEnhance(localizedMessages),\n ] as const;\n\n state: State = {\n hoveredIndex: -1,\n clickedIndex: -1,\n };\n\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n handleClick = (newValue: number) => (e: React.SyntheticEvent<SVGElement>) => {\n const { readonly } = this.asProps;\n\n if (!readonly) {\n this.setValue(newValue);\n }\n };\n\n handleMouseEnder = (index: number) => () => {\n this.setState({ hoveredIndex: index });\n };\n\n handleMouseLeave = () => {\n this.setState({ hoveredIndex: -1 });\n };\n\n getStarProps(_: any, index: number) {\n const { value, readonly } = this.asProps;\n const { hoveredIndex } = this.state;\n\n return {\n filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,\n onClick: this.handleClick(index + 1),\n onMouseEnter: readonly ? undefined : this.handleMouseEnder(index),\n hovered: hoveredIndex === index,\n };\n }\n\n setValue = (newValue: number) => {\n const { onChange, value } = this.asProps;\n\n if (onChange) {\n onChange(newValue);\n }\n\n if (newValue <= value) {\n this.setState({ clickedIndex: newValue, hoveredIndex: -1 });\n } else {\n this.setState({ clickedIndex: -1, hoveredIndex: -1 });\n }\n };\n\n handleKeyDown = (event: React.KeyboardEvent) => {\n if (!['ArrowLeft', 'ArrowRight', 'Enter'].includes(event.key)) return;\n event.preventDefault();\n\n if (event.key === 'Enter') {\n const { hoveredIndex } = this.state;\n\n this.setValue(hoveredIndex + 1);\n } else {\n const { value } = this.asProps;\n const { hoveredIndex } = this.state;\n\n const direction = event.key === 'ArrowLeft' ? -1 : 1;\n let newValue = hoveredIndex === -1 ? value + direction : hoveredIndex + 1 + direction;\n\n if (newValue > MAX) newValue = MAX;\n if (newValue < MIN) newValue = MIN;\n\n this.setState({ hoveredIndex: newValue - 1 });\n }\n };\n\n getLabelText() {\n const { hoveredIndex } = this.state;\n const { readonly, value, getI18nText } = this.asProps;\n\n if (readonly) {\n return getI18nText('FeedbackRating.SliderRating.aria-valuetext.readonly', {\n selectedRating: value,\n max: MAX,\n });\n }\n\n if (value) {\n const selectedRating = hoveredIndex > -1 ? hoveredIndex + 1 : value;\n return getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n selectedRating: selectedRating,\n max: MAX,\n });\n }\n\n return hoveredIndex === -1\n ? getI18nText('FeedbackRating.SliderRating.aria-valuetext.empty')\n : getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n selectedRating: hoveredIndex + 1,\n max: MAX,\n });\n }\n\n render() {\n const { styles, readonly, getI18nText, value } = this.asProps;\n const { hoveredIndex } = this.state;\n\n const SSliderRating = Root;\n const label = this.getLabelText();\n\n if (readonly) {\n return (\n <SSliderRating render={Flex} gap={1} role='img' aria-label={label} use:tabIndex={-1}>\n {new Array(MAX).fill(null).map((_, index) => {\n return (\n <Box key={index} position={'relative'}>\n <SliderRating.Star />\n </Box>\n );\n })}\n </SSliderRating>\n );\n }\n\n const hoverValue = hoveredIndex + 1;\n\n const editModeLabel =\n hoverValue > 0 || value\n ? `${label}. ${getI18nText(\n 'FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber',\n )}.`\n : label;\n\n return sstyled(styles)(\n <SSliderRating\n render={Flex}\n gap={1}\n onMouseLeave={this.handleMouseLeave}\n onKeyDown={this.handleKeyDown}\n role={'slider'}\n aria-orientation='horizontal'\n aria-valuemin={MIN}\n aria-valuemax={MAX}\n aria-valuetext={editModeLabel}\n aria-valuenow={hoverValue}\n >\n {new Array(MAX).fill(null).map((_, index) => {\n return (\n <Box key={index} position={'relative'}>\n <SliderRating.Star />\n </Box>\n );\n })}\n </SSliderRating>,\n );\n }\n}\n\nfunction Star(props: StarProps) {\n const SStar = Root;\n return sstyled(props.styles)(\n <SStar\n render={Box}\n tag={'svg'}\n role='none'\n width='24'\n height='24'\n viewBox='0 0 24 24'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n {props.filled ? (\n <path d='M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z' />\n ) : (\n <path\n d='M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z'\n fillRule='evenodd'\n clipRule='evenodd'\n />\n )}\n </SStar>,\n );\n}\nStar.displayName = 'Star';\n\nconst SliderRating = createComponent(SliderRatingRoot, {\n Star,\n}) as Intergalactic.Component<typeof Flex, SliderRatingProps> & {\n Star: Intergalactic.Component<typeof Box, StarProps>;\n};\n\nexport default SliderRating;\n"],"mappings":"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"}
1
+ {"version":3,"file":"SliderRating.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_uniqueID","_react","_intergalacticDynamicLocales","style","sstyled","insert","MIN","MAX","SliderRatingRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","hoveredIndex","clickedIndex","newValue","_e","readonly","asProps","setValue","index","setState","_this$asProps","onChange","value","event","includes","key","preventDefault","state","direction","_inherits2","_createClass2","getStarProps","_","_this$asProps2","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","hovered","getLabelText","_this$asProps3","getI18nText","selectedRating","max","render","_ref","_ref3","_this$asProps4","styles","SSliderRating","Flex","label","createElement","assignProps","fill","map","SliderRating","Star","hoverValue","editModeLabel","cn","_objectSpread2","handleMouseLeave","handleKeyDown","Component","uniqueIDEnhancement","i18nEnhance","localizedMessages","i18n","locale","props","_ref2","arguments[0]","_ref4","SStar","Box","displayName","createComponent","_default","exports"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import { Flex, Box, type BoxProps } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled, type Intergalactic } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport style from '../../style/slider-rating.shadow.css';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\ntype SliderRatingProps = {\n value: number;\n onChange?: (value: number) => void;\n readonly?: boolean;\n};\n\ntype State = {\n hoveredIndex: number;\n clickedIndex: number;\n};\n\ntype StarProps = BoxProps & {\n filled?: boolean;\n};\n\nconst MIN = 1;\nconst MAX = 5;\n\nclass SliderRatingRoot extends Component<\n SliderRatingProps,\n typeof SliderRatingRoot.enhance,\n {},\n {},\n State\n> {\n static displayName = 'SliderRating';\n static style = style;\n\n static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)] as const;\n\n state: State = {\n hoveredIndex: -1,\n clickedIndex: -1,\n };\n\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n handleClick = (newValue: number) => (_e: React.SyntheticEvent<SVGElement>) => {\n const { readonly } = this.asProps;\n\n if (!readonly) {\n this.setValue(newValue);\n }\n };\n\n handleMouseEnder = (index: number) => () => {\n this.setState({ hoveredIndex: index });\n };\n\n handleMouseLeave = () => {\n this.setState({ hoveredIndex: -1 });\n };\n\n getStarProps(_: any, index: number) {\n const { value, readonly } = this.asProps;\n const { hoveredIndex } = this.state;\n\n return {\n filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,\n onClick: this.handleClick(index + 1),\n onMouseEnter: readonly ? undefined : this.handleMouseEnder(index),\n hovered: hoveredIndex === index,\n };\n }\n\n setValue = (newValue: number) => {\n const { onChange, value } = this.asProps;\n\n if (onChange) {\n onChange(newValue);\n }\n\n if (newValue <= value) {\n this.setState({ clickedIndex: newValue, hoveredIndex: -1 });\n } else {\n this.setState({ clickedIndex: -1, hoveredIndex: -1 });\n }\n };\n\n handleKeyDown = (event: React.KeyboardEvent) => {\n if (!['ArrowLeft', 'ArrowRight', 'Enter'].includes(event.key)) return;\n event.preventDefault();\n\n if (event.key === 'Enter') {\n const { hoveredIndex } = this.state;\n\n this.setValue(hoveredIndex + 1);\n } else {\n const { value } = this.asProps;\n const { hoveredIndex } = this.state;\n\n const direction = event.key === 'ArrowLeft' ? -1 : 1;\n let newValue = hoveredIndex === -1 ? value + direction : hoveredIndex + 1 + direction;\n\n if (newValue > MAX) newValue = MAX;\n if (newValue < MIN) newValue = MIN;\n\n this.setState({ hoveredIndex: newValue - 1 });\n }\n };\n\n getLabelText() {\n const { hoveredIndex } = this.state;\n const { readonly, value, getI18nText } = this.asProps;\n\n if (readonly) {\n return getI18nText('FeedbackRating.SliderRating.aria-valuetext.readonly', {\n selectedRating: value,\n max: MAX,\n });\n }\n\n if (value) {\n const selectedRating = hoveredIndex > -1 ? hoveredIndex + 1 : value;\n return getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n selectedRating: selectedRating,\n max: MAX,\n });\n }\n\n return hoveredIndex === -1\n ? getI18nText('FeedbackRating.SliderRating.aria-valuetext.empty')\n : getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n selectedRating: hoveredIndex + 1,\n max: MAX,\n });\n }\n\n render() {\n const { styles, readonly, getI18nText, value } = this.asProps;\n const { hoveredIndex } = this.state;\n\n const SSliderRating = Root;\n const label = this.getLabelText();\n\n if (readonly) {\n return (\n <SSliderRating render={Flex} gap={1} role='img' aria-label={label}>\n {new Array(MAX).fill(null).map((_, index) => <SliderRating.Star key={index} />)}\n </SSliderRating>\n );\n }\n\n const hoverValue = hoveredIndex + 1;\n\n const editModeLabel =\n hoverValue > 0 || value\n ? `${label}. ${getI18nText(\n 'FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber',\n )}.`\n : label;\n\n return sstyled(styles)(\n <SSliderRating\n render={Flex}\n gap={1}\n tabIndex={0}\n onMouseLeave={this.handleMouseLeave}\n onKeyDown={this.handleKeyDown}\n role='slider'\n aria-orientation='horizontal'\n aria-valuemin={MIN}\n aria-valuemax={MAX}\n aria-valuetext={editModeLabel}\n aria-valuenow={hoverValue}\n >\n {new Array(MAX).fill(null).map((_, index) => <SliderRating.Star key={index} />)}\n </SSliderRating>,\n );\n }\n}\n\nfunction Star(props: StarProps) {\n const SStar = Root;\n return sstyled(props.styles)(\n <SStar\n render={Box}\n tag='svg'\n role='none'\n width='24'\n height='24'\n viewBox='0 0 24 24'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n {props.filled\n ? (\n <path d='M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z' />\n )\n : (\n <path\n d='M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z'\n fillRule='evenodd'\n clipRule='evenodd'\n />\n )}\n </SStar>,\n );\n}\nStar.displayName = 'Star';\n\nconst SliderRating = createComponent(SliderRatingRoot, {\n Star,\n}) as Intergalactic.Component<typeof Flex, SliderRatingProps> & {\n Star: Intergalactic.Component<typeof Box, StarProps>;\n};\n\nexport default SliderRating;\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
  });
@@ -1 +1 @@
1
- {"version":3,"file":"SubmitButton.js","names":["_core","require","_button","_interopRequireDefault","_react","SubmitButton","props","_ref","arguments[0]","_ref2","styles","SSubmit","Button","sstyled","createElement","cn","_objectSpread2","assignProps"],"sources":["../../../../src/component/submit-button/SubmitButton.tsx"],"sourcesContent":["import Button from '@semcore/button';\nimport React from 'react';\nimport { Root, sstyled, IRootComponentProps } from '@semcore/core';\n\nexport function SubmitButton(props: IRootComponentProps) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n"],"mappings":";;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAGO,SAASI,YAAYA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACvD,IAAQC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EACd,IAAMC,OAAO,GAC2BC,kBAAM;EAA9C,OAAAH,KAAA,GAAO,IAAAI,aAAO,EAACH,MAAM,CAAC,eAACN,MAAA,YAAAU,aAAA,CAACH,OAAO,EAAAF,KAAA,CAAAM,EAAA,gBAAAC,cAAA,qBAAAhB,KAAA,CAAAiB,WAAA;IAAA,QAAsB,QAAQ;IAAA,OAAK,SAAS;IAAA,SAAO;EAAS,GAAAV,IAAA,IAAG;AAChG"}
1
+ {"version":3,"file":"SubmitButton.js","names":["_core","require","_button","_interopRequireDefault","_react","SubmitButton","props","_ref","arguments[0]","_ref2","styles","SSubmit","Button","sstyled","createElement","cn","_objectSpread2","assignProps"],"sources":["../../../../src/component/submit-button/SubmitButton.tsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { Root, sstyled, type IRootComponentProps } from '@semcore/core';\nimport React from 'react';\n\nexport function SubmitButton(props: IRootComponentProps) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEO,SAASI,YAAYA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACvD,IAAQC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EACd,IAAMC,OAAO,GAC2BC,kBAAM;EAA9C,OAAAH,KAAA,GAAO,IAAAI,aAAO,EAACH,MAAM,CAAC,eAACN,MAAA,YAAAU,aAAA,CAACH,OAAO,EAAAF,KAAA,CAAAM,EAAA,gBAAAC,cAAA,qBAAAhB,KAAA,CAAAiB,WAAA;IAAA,QAAsB,QAAQ;IAAA,OAAK,SAAS;IAAA,SAAO;EAAS,GAAAV,IAAA,GAAE,CAAC;AAChG","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
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":["_FeedbackRating","_interopRequireDefault","require"],"sources":["../../src/index.d.ts"],"sourcesContent":["import {\n FormProps,\n FieldProps,\n FieldInputProps,\n FieldMetaState,\n FieldRenderProps,\n} from 'react-final-form';\n\nimport { Intergalactic } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';\n\n/** @deprecated */\nexport type IFeedbackForm = FeedbackFormProps;\nexport type FeedbackFormProps = FormProps & {\n /* The event is called when the form is submitted */\n onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;\n /**\n * The property is in charge of the spinner showing\n * */\n loading?: boolean;\n /**\n * Color of container spinner; you can use your own color\n */\n background?: string;\n /** Spinner theme. There are several default themes or you can use your own color\n * @default dark\n **/\n theme?: 'dark' | 'invert' | string;\n};\n\ndeclare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> & {\n Item: Intergalactic.Component<\n 'div',\n FieldProps<any, any>,\n { input: FieldInputProps<any> & { state: 'normal' | 'invalid' }; meta: FieldMetaState<any> }\n >;\n Success: typeof Box;\n Submit: typeof Button;\n Cancel: typeof Button;\n Notice: typeof NoticeSmart;\n};\n\nexport default FeedbackForm;\n\nexport { FeedbackRating };\n"],"mappings":";;;;;;;;;;;;AAaA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA"}
1
+ {"version":3,"file":"index.d.js","names":["_FeedbackRating","_interopRequireDefault","require"],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport type { NoticeSmart } from '@semcore/notice';\nimport type { FormProps, FieldProps, FieldInputProps, FieldMetaState } from 'react-final-form';\n\nimport { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';\n\nexport type FeedbackFormProps = FormProps & {\n /** The event is called when the form is submitted */\n onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;\n /**\n * The property is in charge of the spinner showing\n * */\n loading?: boolean;\n /**\n * Color of container spinner; you can use your own color\n */\n background?: string;\n /** Spinner theme. There are several default themes or you can use your own color\n * @default dark\n **/\n theme?: 'dark' | 'invert' | string;\n};\n\ndeclare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> & {\n Item: Intergalactic.Component<\n 'div',\n FieldProps<any, any>,\n { input: FieldInputProps<any> & { state: 'normal' | 'invalid' }; meta: FieldMetaState<any> }\n >;\n Success: typeof Box;\n Submit: typeof Button;\n Cancel: typeof Button;\n Notice: typeof NoticeSmart;\n};\n\nexport default FeedbackForm;\n\nexport { FeedbackRating };\n"],"mappings":";;;;;;;;;;;;AAMA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
package/lib/cjs/index.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
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_FeedbackRating","_interopRequireDefault","require","_FeedbackForm"],"sources":["../../src/index.js"],"sourcesContent":["import { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';\n\nexport { default } from './FeedbackForm';\n\nexport { FeedbackRating };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA"}
1
+ {"version":3,"file":"index.js","names":["_FeedbackRating","_interopRequireDefault","require","_FeedbackForm"],"sources":["../../src/index.js"],"sourcesContent":["import { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';\n\nexport { default } from './FeedbackForm';\n\nexport { FeedbackRating };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}
@@ -28,7 +28,7 @@ SSuccess {
28
28
 
29
29
  SEmail {
30
30
  margin-bottom: calc(
31
- var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px)
31
+ var(--intergalactic-spacing-4x, 16px)
32
32
  );
33
33
  width: 80px;
34
34
  height: 80px;
@@ -6,4 +6,12 @@ SFeedbackRating {
6
6
  ul, li {
7
7
  list-style: none;
8
8
  }
9
+
10
+ SHeader {
11
+ font-size: var(--intergalactic-fs-300, 16px);
12
+ line-height: var(--intergalactic-lh-300, 150%);
13
+ font-weight: var(--intergalactic-bold, 700);
14
+ margin: var(--intergalactic-spacing-4x, 16px) 0;
15
+ text-align: center;
16
+ }
9
17
  }
@@ -2,17 +2,12 @@ SSliderRating SStar {
2
2
  transition: all calc(var(--intergalactic-duration-control, 200) * 1ms) ease-out;
3
3
  }
4
4
 
5
- SSliderRating[keyboardFocused] SStar[hovered],
5
+ SSliderRating:focus-visible SStar[hovered],
6
6
  SSliderRating SStar:hover {
7
7
  cursor: pointer;
8
8
  transform: scale(1.3);
9
9
  }
10
10
 
11
- SSliderRating[keyboardFocused] {
12
- outline: none;
13
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
14
- }
15
-
16
11
  SSliderRating[readonly] SStar:hover {
17
12
  cursor: default;
18
13
  transform: none;
@@ -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
  });
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
13
13
  var _ja = _interopRequireDefault(require("./ja.json"));
14
14
  var _ko = _interopRequireDefault(require("./ko.json"));
15
15
  var _nl = _interopRequireDefault(require("./nl.json"));
16
+ var _pl = _interopRequireDefault(require("./pl.json"));
16
17
  var _pt = _interopRequireDefault(require("./pt.json"));
18
+ var _sv = _interopRequireDefault(require("./sv.json"));
17
19
  var _tr = _interopRequireDefault(require("./tr.json"));
18
20
  var _vi = _interopRequireDefault(require("./vi.json"));
19
21
  var _zh = _interopRequireDefault(require("./zh.json"));
20
- var _pl = _interopRequireDefault(require("./pl.json"));
21
- var _sv = _interopRequireDefault(require("./sv.json"));
22
- var localizedMessages = {
22
+ var localizedMessages = exports.localizedMessages = {
23
23
  de: _de["default"],
24
24
  en: _en["default"],
25
25
  es: _es["default"],
@@ -35,5 +35,4 @@ var localizedMessages = {
35
35
  pl: _pl["default"],
36
36
  sv: _sv["default"]
37
37
  };
38
- exports.localizedMessages = localizedMessages;
39
38
  //# sourceMappingURL=__intergalactic-dynamic-locales.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","_pl","_sv","localizedMessages","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA"}
1
+ {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
@@ -3,50 +3,48 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
5
5
  import _createClass from "@babel/runtime/helpers/createClass";
6
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
6
+ import _callSuper from "@babel/runtime/helpers/callSuper";
7
7
  import _inherits from "@babel/runtime/helpers/inherits";
8
- import _createSuper from "@babel/runtime/helpers/createSuper";
9
8
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
10
- import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
9
+ import { sstyled as _sstyled } from "@semcore/core";
11
10
  import { assignProps as _assignProps3 } from "@semcore/core";
12
11
  import { assignProps as _assignProps2 } from "@semcore/core";
13
12
  import { assignProps as _assignProps } from "@semcore/core";
14
13
  var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"];
15
- import React from 'react';
16
- import { Field, Form } from 'react-final-form';
17
- import createFocusDecorator from 'final-form-focus';
18
- import createComponent, { Component, sstyled, Root } from '@semcore/core';
14
+ import { Box } from '@semcore/base-components';
19
15
  import Button from '@semcore/button';
20
- import SpinContainer from '@semcore/spin-container';
16
+ import { createComponent, Component, sstyled, Root } from '@semcore/core';
21
17
  import { NoticeSmart } from '@semcore/notice';
22
- import { Box } from '@semcore/flex-box';
18
+ import SpinContainer from '@semcore/spin-container';
19
+ import createFocusDecorator from 'final-form-focus';
20
+ import React from 'react';
21
+ import { Field, Form } from 'react-final-form';
23
22
  import { FeedbackItem } from './component/feedback-item/FeedbackItem';
24
23
  import { SubmitButton } from './component/submit-button/SubmitButton';
25
24
  /*!__reshadow-styles__:"./style/feedback-form.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_gmoqj_gg_{max-width:320px}.___SCancel_gmoqj_gg_,.___SSubmit_gmoqj_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_gmoqj_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, calc(6px + 2px)) var(--intergalactic-surface-rounded, calc(6px + 2px))}.___SSuccess_gmoqj_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_gmoqj_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__*/"gmoqj_gg_"),
25
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFeedbackForm_1l8mm_gg_{max-width:320px}.___SCancel_1l8mm_gg_,.___SSubmit_1l8mm_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1l8mm_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, calc(6px + 2px)) var(--intergalactic-surface-rounded, calc(6px + 2px))}.___SSuccess_1l8mm_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_1l8mm_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px));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__*/"1l8mm_gg_"),
27
26
  /*__reshadow_css_end__*/
28
27
  {
29
- "__SFeedbackForm": "___SFeedbackForm_gmoqj_gg_",
30
- "__SSubmit": "___SSubmit_gmoqj_gg_",
31
- "__SCancel": "___SCancel_gmoqj_gg_",
32
- "__SNotice": "___SNotice_gmoqj_gg_",
33
- "__SSuccess": "___SSuccess_gmoqj_gg_",
34
- "__SEmail": "___SEmail_gmoqj_gg_"
28
+ "__SFeedbackForm": "___SFeedbackForm_1l8mm_gg_",
29
+ "__SSubmit": "___SSubmit_1l8mm_gg_",
30
+ "__SCancel": "___SCancel_1l8mm_gg_",
31
+ "__SNotice": "___SNotice_1l8mm_gg_",
32
+ "__SSuccess": "___SSuccess_1l8mm_gg_",
33
+ "__SEmail": "___SEmail_1l8mm_gg_"
35
34
  });
36
35
  var FeedbackForm = /*#__PURE__*/function (_Component) {
37
- _inherits(FeedbackForm, _Component);
38
- var _super = _createSuper(FeedbackForm);
39
36
  function FeedbackForm() {
40
37
  var _this;
41
38
  _classCallCheck(this, FeedbackForm);
42
39
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
43
40
  args[_key] = arguments[_key];
44
41
  }
45
- _this = _super.call.apply(_super, [this].concat(args));
46
- _defineProperty(_assertThisInitialized(_this), "focusDecorator", createFocusDecorator());
42
+ _this = _callSuper(this, FeedbackForm, [].concat(args));
43
+ _defineProperty(_this, "focusDecorator", createFocusDecorator());
47
44
  return _this;
48
45
  }
49
- _createClass(FeedbackForm, [{
46
+ _inherits(FeedbackForm, _Component);
47
+ return _createClass(FeedbackForm, [{
50
48
  key: "getItemProps",
51
49
  value: function getItemProps() {
52
50
  var validateOnBlur = this.asProps.validateOnBlur;
@@ -86,7 +84,6 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
86
84
  });
87
85
  }
88
86
  }]);
89
- return FeedbackForm;
90
87
  }(Component);
91
88
  _defineProperty(FeedbackForm, "displayName", 'FeedbackForm');
92
89
  _defineProperty(FeedbackForm, "style", style);
@@ -1 +1 @@
1
- {"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","NoticeSmart","Box","FeedbackItem","SubmitButton","style","_sstyled","insert","FeedbackForm","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","_assignProps","Cancel","_ref2","_ref6","SCancel","_assignProps2","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","_assignProps3","Item","Submit"],"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 { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\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: (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 }\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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"}
1
+ {"version":3,"file":"FeedbackForm.js","names":["Box","Button","createComponent","Component","sstyled","Root","NoticeSmart","SpinContainer","createFocusDecorator","React","Field","Form","FeedbackItem","SubmitButton","style","_sstyled","insert","FeedbackForm","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","_inherits","_createClass","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","_assignProps","Cancel","_ref2","_ref6","SCancel","_assignProps2","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","_assignProps3","Item","Submit"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\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":[]}