@semcore/feedback-form 6.38.0 → 6.38.1

package/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [6.38.1] - 2024-12-19
+
+### Added
+
+- `aria-describedby`, that refers to ScreenRiderOnly text, `aria-labelledby` referring to the notice text, `aria-valuetext` to SliderRating.
+- `role="image"` and `aria-label` for SliderRating's readonly mode
+- `role="none"` to SVGs in SliderRating.
+- `aria-labelledby` for the FeedbackRating's modal container, that refers to Header of it
+- autofocus to first checkbox. Moved from `textarea`.
+- `aria-describedby`, that connects privacy-description text and related form control in FeedbackRating form.
+- same visual feedback for keyboard interactions to SliderRating same as on hover.
+
+### Changed
+
+- color of privacy-description text to the `text-secondary` token in FeedbackRating form.
+- `FeedbackRating.Header` as optional, when specifying FeedbackRating's `header` prop.
+
+### Removed
+
+- `title` attribute from FeedbackRating form.
+- `<ul><li>` structure from checkboxes, leaving only `div role="group"` in FeedbackRating form.
+- unnecessary tooltip around `input[type="hidden"]`.
+- `line-height` from privacy-description text in FeedbackRating form.
+- `aria-invalid` from checkbox's parent elements.
+- `aria-haspop` from tooltip of field controls
+
 ## [6.38.0] - 2024-12-18
 
 ### Added
@@ -12,7 +38,8 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 ### Fixed
 
-- There was always `aria-errormessage` in FeedbackItem, even if there was no message popup.
+- `aria-errormessage` always appearing in FeedbackItem, even if form control is valid.
+- `type="checkbox"` attributes on `<div> / <li> / <label>` elements, wrapping checkbox.
 
 ## [6.37.0] - 2024-11-29
 

package/lib/cjs/FeedbackForm.js

@@ -28,13 +28,13 @@ var _FeedbackItem = require("./component/feedback-item/FeedbackItem");
 var _SubmitButton = require("./component/submit-button/SubmitButton");
 var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"];
 /*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_wxsl5_gg_{max-width:320px}.___SCancel_wxsl5_gg_,.___SSubmit_wxsl5_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_wxsl5_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_wxsl5_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_wxsl5_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__*/, "wxsl5_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackForm": "___SFeedbackForm_wxsl5_gg_",
-  "__SSubmit": "___SSubmit_wxsl5_gg_",
-  "__SCancel": "___SCancel_wxsl5_gg_",
-  "__SNotice": "___SNotice_wxsl5_gg_",
-  "__SSuccess": "___SSuccess_wxsl5_gg_",
-  "__SEmail": "___SEmail_wxsl5_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_ggrnp_gg_{max-width:320px}.___SCancel_ggrnp_gg_,.___SSubmit_ggrnp_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_ggrnp_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_ggrnp_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_ggrnp_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__*/, "ggrnp_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackForm": "___SFeedbackForm_ggrnp_gg_",
+  "__SSubmit": "___SSubmit_ggrnp_gg_",
+  "__SCancel": "___SCancel_ggrnp_gg_",
+  "__SNotice": "___SNotice_ggrnp_gg_",
+  "__SSuccess": "___SSuccess_ggrnp_gg_",
+  "__SEmail": "___SEmail_ggrnp_gg_"
 });
 var FeedbackForm = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeedbackForm, _Component);

package/lib/cjs/component/checkbox-button/CheckboxButton.js

@@ -18,11 +18,11 @@ var _core = _interopRequireWildcard(require("@semcore/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("@semcore/flex-box");
 var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
-var _excluded = ["styles", "id", "label"];
+var _excluded = ["styles", "id", "label", "type", "focused"];
 /*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_1mmbd_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_1mmbd_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_1mmbd_gg_.__checked_1mmbd_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_1mmbd_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_1mmbd_gg_.__checked_1mmbd_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "1mmbd_gg_") /*__reshadow_css_end__*/, {
-  "__SCheckboxButton": "___SCheckboxButton_1mmbd_gg_",
-  "_checked": "__checked_1mmbd_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_p926m_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_p926m_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_p926m_gg_.__checked_p926m_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_p926m_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_p926m_gg_.__checked_p926m_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "p926m_gg_") /*__reshadow_css_end__*/, {
+  "__SCheckboxButton": "___SCheckboxButton_p926m_gg_",
+  "_checked": "__checked_p926m_gg_"
 });
 var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CheckboxButtonRoot, _Component);
@@ -40,13 +40,19 @@ var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
         styles = _this$asProps.styles,
         id = _this$asProps.id,
         label = _this$asProps.label,
+        type = _this$asProps.type,
+        focused = _this$asProps.focused,
         other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
+      var autoFocus = focused ? 20 : false;
       var SCheckboxButton = _flexBox.Box;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCheckboxButton, _ref2.cn("SCheckboxButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "__excludeProps": ['onChange', 'id']
+        "__excludeProps": ['onChange', 'id', 'type']
       }, _ref))), /*#__PURE__*/_react["default"].createElement(_checkbox["default"], _ref2.cn("Checkbox", (0, _objectSpread2["default"])({}, other)), /*#__PURE__*/_react["default"].createElement(_checkbox["default"].Value, {
+        autoFocus: autoFocus,
+        "aria-labelledby": id
+      }), /*#__PURE__*/_react["default"].createElement(_checkbox["default"].Text, {
         id: id
-      }), /*#__PURE__*/_react["default"].createElement(_checkbox["default"].Text, null, label)));
+      }, label)));
     }
   }]);
   return CheckboxButtonRoot;

package/lib/cjs/component/checkbox-button/CheckboxButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButton.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_excluded","style","_index","sstyled","insert","CheckboxButtonRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","_this$asProps","styles","id","label","other","_objectWithoutProperties2","SCheckboxButton","Box","createElement","cn","_objectSpread2","assignProps","Value","Text","Component","_defineProperty2","CheckboxButton","createComponent","_default","exports"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport Checkbox, { CheckboxProps } from '@semcore/checkbox';\n\nclass CheckboxButtonRoot extends Component<CheckboxProps> {\n  static style = style;\n\n  render() {\n    const { styles, id, label, ...other } = this.asProps;\n    const SCheckboxButton = Root;\n    return sstyled(styles)(\n      <SCheckboxButton render={Box} __excludeProps={['onChange', 'id']}>\n        <Checkbox {...other}>\n          <Checkbox.Value id={id} />\n          <Checkbox.Text>{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,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA4D,IAAAK,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAEtDC,kBAAkB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAA,IAAAK,gBAAA,mBAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGtB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAAC,aAAA,GAAwC,IAAI,CAACF,OAAO;QAA5CG,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAKC,KAAK,OAAAC,yBAAA,aAAAL,aAAA,EAAApB,SAAA;MACnC,IAAM0B,eAAe,GAEMC,YAAG;MAD9B,OAAAR,KAAA,GAAO,IAAAhB,aAAO,EAACkB,MAAM,CAAC,eACpBzB,MAAA,YAAAgC,aAAA,CAACF,eAAe,EAAAP,KAAA,CAAAU,EAAA,wBAAAC,cAAA,qBAAArC,KAAA,CAAAsC,WAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI;MAAC,GAAAd,IAAA,kBAC9DrB,MAAA,YAAAgC,aAAA,CAAC7B,SAAA,WAAQ,EAAAoB,KAAA,CAAAU,EAAA,iBAAAC,cAAA,iBAAKN,KAAK,iBACjB5B,MAAA,YAAAgC,aAAA,CAAC7B,SAAA,WAAQ,CAACiC,KAAK;QAACV,EAAE,EAAEA;MAAG,EAAG,eAC1B1B,MAAA,YAAAgC,aAAA,CAAC7B,SAAA,WAAQ,CAACkC,IAAI,QAAEV,KAAK,CAAiB,CAC7B,CACK;IAEtB;EAAC;EAAA,OAAAlB,kBAAA;AAAA,EAd8B6B,eAAS;AAAA,IAAAC,gBAAA,aAApC9B,kBAAkB,WACPJ,KAAK;AAgBtB,IAAMmC,cAAc,GAAG,IAAAC,gBAAe,EAAChC,kBAAkB,CAAC;AAAC,IAAAiC,QAAA,GAE5CF,cAAc;AAAAG,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"CheckboxButton.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_excluded","style","_index","sstyled","insert","CheckboxButtonRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","_this$asProps","styles","id","label","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 React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport Checkbox from '@semcore/checkbox';\nimport { 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, 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,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAyC,IAAAK,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAGnCC,kBAAkB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAA,IAAAK,gBAAA,mBAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGtB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAAC,aAAA,GAAuD,IAAI,CAACF,OAAO;QAA3DG,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;QAAKC,KAAK,OAAAC,yBAAA,aAAAP,aAAA,EAAApB,SAAA;MAClD,IAAM4B,SAAS,GAAGH,OAAO,GAAG,EAAE,GAAG,KAAK;MAEtC,IAAMI,eAAe,GAEMC,YAAG;MAD9B,OAAAX,KAAA,GAAO,IAAAhB,aAAO,EAACkB,MAAM,CAAC,eACpBzB,MAAA,YAAAmC,aAAA,CAACF,eAAe,EAAAV,KAAA,CAAAa,EAAA,wBAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAjB,IAAA,kBACtErB,MAAA,YAAAmC,aAAA,CAAChC,SAAA,WAAQ,EAAAoB,KAAA,CAAAa,EAAA,iBAAAC,cAAA,iBAAKP,KAAK,iBACjB9B,MAAA,YAAAmC,aAAA,CAAChC,SAAA,WAAQ,CAACoC,KAAK;QAACP,SAAS,EAAEA,SAAU;QAAC,mBAAiBN;MAAG,EAAG,eAC7D1B,MAAA,YAAAmC,aAAA,CAAChC,SAAA,WAAQ,CAACqC,IAAI;QAACd,EAAE,EAAEA;MAAG,GAAEC,KAAK,CAAiB,CACrC,CACK;IAEtB;EAAC;EAAA,OAAAlB,kBAAA;AAAA,EAhB8BgC,eAAS;AAAA,IAAAC,gBAAA,aAApCjC,kBAAkB,WACPJ,KAAK;AAkBtB,IAAMsC,cAAc,GAAG,IAAAC,gBAAe,EAACnC,kBAAkB,CAAC;AAAC,IAAAoC,QAAA,GAE5CF,cAAc;AAAAG,OAAA,cAAAD,QAAA"}

package/lib/cjs/component/feedback-item/FeedbackItem.js

@@ -36,11 +36,11 @@ function FeedbackItem(_ref) {
     var invalid = meta.invalid && meta.touched;
     var errorState = showError && invalid;
     var popperId = "".concat(uid, "-error-description");
+    var ariaDescribedBy = props['aria-describedby'];
     var inputProps = (0, _core.assignProps)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _propsForElement["default"])(other)), {}, {
       state: errorState ? 'invalid' : 'normal',
       'aria-invalid': errorState ? true : false,
-      'aria-errormessage': errorState && meta.active ? popperId : undefined,
-      'aria-describedby': errorState && meta.active ? popperId : undefined
+      'aria-describedby': meta.active ? errorState ? popperId : ariaDescribedBy : undefined
     }), input);
     if (meta !== null && meta !== void 0 && meta.error) lastErrorRef.current = meta.error;
     return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], (0, _extends2["default"])({
@@ -54,7 +54,9 @@ function FeedbackItem(_ref) {
       inline: false,
       role: undefined,
       tag: tag
-    }, tag ? inputProps : {}), typeof Children.origin === 'function' && Children.origin((0, _objectSpread2["default"])({
+    }, tag ? inputProps : {}, {
+      __excludeProps: ['type', 'aria-describedby']
+    }), typeof Children.origin === 'function' && Children.origin((0, _objectSpread2["default"])({
       input: inputProps,
       meta: meta
     }, other))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Popper, {

package/lib/cjs/component/feedback-item/FeedbackItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackItem.js","names":["_react","_interopRequireDefault","require","_reactFinalForm","_tooltip","_pick","_uniqueID","_core","_propsForElement","_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","inputProps","assignProps","_objectSpread2","propsForElement","state","active","error","current","_extends2","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","origin","Popper","w","id","enhance","uniqueIDEnhancement"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { assignProps } from '@semcore/utils/lib/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\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 inputProps = assignProps(\n          {\n            ...propsForElement(other),\n            state: errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-errormessage': errorState && meta.active ? popperId : undefined,\n            'aria-describedby': errorState && meta.active ? popperId : undefined,\n          },\n          input,\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 inline={false} role={undefined} tag={tag} {...(tag ? inputProps : {})}>\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":"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"}
+{"version":3,"file":"FeedbackItem.js","names":["_react","_interopRequireDefault","require","_reactFinalForm","_tooltip","_pick","_uniqueID","_core","_propsForElement","_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","state","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 React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { assignProps } from '@semcore/utils/lib/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\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":"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"}

package/lib/cjs/component/feedback-rating/FeedbackRating.js

@@ -41,8 +41,8 @@ var _intergalacticDynamicLocales = require("../../translations/__intergalactic-d
 var _noticeBubble = require("@semcore/notice-bubble");
 var _excluded = ["header", "submitText", "formConfig", "notificationText", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"];
 /*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_5k5yc_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_5k5yc_gg_ li{list-style:none}" /*__inner_css_end__*/, "5k5yc_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackRating": "___SFeedbackRating_5k5yc_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_buoyp_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_buoyp_gg_ li{list-style:none}" /*__inner_css_end__*/, "buoyp_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackRating": "___SFeedbackRating_buoyp_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeedbackRatingRoot, _Component);
@@ -70,49 +70,53 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         fn(e);
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderCheckbox", function (config) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderCheckbox", function (config, index) {
       var initialValue = _this.props.initialValues[config.key];
-      return /*#__PURE__*/_react["default"].createElement(FeedbackRating.Item, {
+      return /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Field, {
         name: config.key,
         initialValue: initialValue,
         type: 'checkbox',
-        key: config.key,
-        tag: 'li'
+        key: config.key
       }, function (_ref7) {
         var input = _ref7.input;
         return /*#__PURE__*/_react["default"].createElement(FeedbackRating.Checkbox, (0, _extends2["default"])({}, input, {
           id: config.key,
-          name: config.key,
           label: config.label,
-          onChange: _this.handleChange(input.onChange)
+          onChange: function onChange(_checked, e) {
+            return input.onChange(e);
+          },
+          focused: index === 0
         }));
       });
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderTextField", function (config) {
+      var _config$description;
       var initialValue = _this.props.initialValues[config.key];
       var label = typeof config.label === 'string' ? /*#__PURE__*/_react["default"].createElement(_typography.Text, {
         mb: 2,
         size: 200
       }, config.label) : config.label;
+      var isDescriptionReactFragment = ((_config$description = config.description) === null || _config$description === void 0 ? void 0 : _config$description.type) === _react["default"].Fragment;
       return /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
+        direction: "column"
+      }, /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
         tag: "label",
         mt: 4,
-        direction: "column",
         htmlFor: config.key,
         key: config.key
-      }, label, /*#__PURE__*/_react["default"].createElement(FeedbackRating.Item, {
+      }, label), /*#__PURE__*/_react["default"].createElement(FeedbackRating.Item, {
         name: config.key,
         validate: config.validate,
         initialValue: initialValue,
         placement: "left-start",
         flip: {
           fallbackPlacements: ['right-start', 'bottom']
-        }
+        },
+        "aria-describedby": config.description ? config.key + '-description' : undefined
       }, function (_ref8) {
         var input = _ref8.input;
         if (config.type === 'textarea') {
           return /*#__PURE__*/_react["default"].createElement(_textarea["default"], (0, _extends2["default"])({}, input, {
-            autoFocus: true,
             h: 80,
             onChange: _this.handleChange(input.onChange),
             id: config.key
@@ -129,10 +133,10 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         return null;
       }), config.description && /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
         mt: 2
-      }, typeof config.description === 'string' ? /*#__PURE__*/_react["default"].createElement(_typography.Text, {
-        lineHeight: "18px",
+      }, typeof config.description === 'string' || isDescriptionReactFragment ? /*#__PURE__*/_react["default"].createElement(_typography.Text, {
         size: 200,
-        color: "#6c6e79"
+        color: "text-secondary",
+        id: config.key + '-description'
       }, config.description) : config.description));
     });
     return _this;
@@ -158,9 +162,16 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         validateOnBlur: validateOnBlur
       };
     }
+  }, {
+    key: "getNoticeTextId",
+    value: function getNoticeTextId() {
+      var uid = this.asProps.uid;
+      return "".concat(uid, "-feedback-rating-notice");
+    }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
       var _this$asProps = this.asProps,
         status = _this$asProps.status,
         getI18nText = _this$asProps.getI18nText;
@@ -169,14 +180,17 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
           error: false
         });
         if (status === 'success') {
-          this.manager.add({
-            icon: /*#__PURE__*/_react["default"].createElement(_m["default"], {
-              color: "green-400"
-            }),
-            children: getI18nText('successMessage'),
-            initialAnimation: true,
-            duration: 5000
-          });
+          // showing notice with delay for SR, less than 100ms is not enough
+          setTimeout(function () {
+            _this2.manager.add({
+              icon: /*#__PURE__*/_react["default"].createElement(_m["default"], {
+                color: "green-400"
+              }),
+              children: getI18nText('successMessage'),
+              initialAnimation: true,
+              duration: 5000
+            });
+          }, 300);
         } else if (status === 'error') {
           this.setState({
             error: true
@@ -190,7 +204,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref2 = this.asProps,
         _ref4,
-        _this2 = this;
+        _this3 = this;
       var _this$asProps2 = this.asProps,
         header = _this$asProps2.header,
         submitText = _this$asProps2.submitText,
@@ -219,6 +233,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
       var textFields = formConfig.filter(function (item) {
         return item.type === 'textarea' || item.type === 'input';
       });
+      var notificationId = this.getNoticeTextId();
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, (0, _core.assignProps)({}, _ref2), /*#__PURE__*/_react["default"].createElement(_notice["default"], _ref4.cn("Notice", {
         "visible": notificationVisible,
         "aria-label": getI18nText('leaveFeedback'),
@@ -231,13 +246,14 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         tag: _flexBox.Flex,
         alignItems: 'center'
       }, /*#__PURE__*/_react["default"].createElement(_typography.Text, _ref4.cn("Text", {
-        "mr": 3
+        "mr": 3,
+        "id": notificationId
       }), notificationText), /*#__PURE__*/_react["default"].createElement(_notice["default"].Actions, {
         mt: 0
       }, /*#__PURE__*/_react["default"].createElement(_SliderRating["default"], _ref4.cn("SliderRating", {
         "value": rating,
         "onChange": this.handleChangeRating,
-        "aria-label": notificationText
+        "aria-labelledby": notificationId
       }))), learnMoreLink && /*#__PURE__*/_react["default"].createElement(_link["default"], _ref4.cn("Link", {
         "ml": 3,
         "href": learnMoreLink
@@ -247,7 +263,8 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         "visible": visible,
         "onClose": this.handelCloseModal,
         "p": 0,
-        "use:w": modalWidth !== null && modalWidth !== void 0 ? modalWidth : 440
+        "use:w": modalWidth !== null && modalWidth !== void 0 ? modalWidth : 440,
+        "aria-labelledby": this.headerId
       }, _ref))), /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Form, _ref4.cn("Form", (0, _objectSpread2["default"])({
         "decorators": [this.focusDecorator]
       }, other)), function (api) {
@@ -264,30 +281,29 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         }), /*#__PURE__*/_react["default"].createElement(_SliderRating["default"], _ref5.cn("SliderRating", {
           "value": rating,
           "readonly": true
-        }))), header, /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref5.cn("Box", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+        }))), (header === null || header === void 0 ? void 0 : header.type) === FeedbackRating.Header ? header : /*#__PURE__*/_react["default"].createElement(FeedbackRating.Header, null, header), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref5.cn("Box", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
           "tag": 'form',
           "noValidate": true,
           "method": 'POST',
           "ref": forwardRef
         }, other), {}, {
-          "onSubmit": api.handleSubmit,
-          "title": getI18nText('formTitle')
-        })), /*#__PURE__*/_react["default"].createElement(FeedbackRating.Item, {
-          name: 'rating',
-          initialValue: rating
-        }, function (_ref9) {
+          "onSubmit": api.handleSubmit
+        })), /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Field, _ref5.cn("Field", {
+          "name": 'rating',
+          "initialValue": rating
+        }), function (_ref9) {
           var input = _ref9.input;
           return /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({}, input, {
             type: "hidden"
           }));
         }), /*#__PURE__*/_react["default"].createElement("div", _ref5.cn("div", {
           "role": 'group',
-          "aria-labelledby": _this2.headerId
-        }), /*#__PURE__*/_react["default"].createElement("ul", _ref5.cn("ul", {}), checkboxFields.map(function (formConfigItem) {
-          return _this2.renderCheckbox(formConfigItem);
-        }))), textFields.map(function (formConfigItem) {
-          return _this2.renderTextField(formConfigItem);
-        }), _this2.state.error && /*#__PURE__*/_react["default"].createElement(_notice["default"], _ref5.cn("Notice", {
+          "aria-labelledby": _this3.headerId
+        }), checkboxFields.map(function (formConfigItem, index) {
+          return _this3.renderCheckbox(formConfigItem, index);
+        })), textFields.map(function (formConfigItem) {
+          return _this3.renderTextField(formConfigItem);
+        }), _this3.state.error && /*#__PURE__*/_react["default"].createElement(_notice["default"], _ref5.cn("Notice", {
           "theme": 'warning',
           "mt": 4,
           "mb": 4

package/lib/cjs/component/feedback-rating/FeedbackRating.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackRating.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_spinContainer","_i18nEnhance","_uniqueID","_notice","_m","_m2","_typography","_Feedback","_link","_SliderRating","_modal","_textarea","_flexBox","_FeedbackItem","_SubmitButton","_CheckboxButton","_input","_intergalacticDynamicLocales","_noticeBubble","_excluded","style","_index","sstyled","insert","FeedbackRatingRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","error","NoticeBubbleManager","createFocusDecorator","rating","asProps","onVisibleChange","fn","value","e","config","initialValue","props","initialValues","key","createElement","FeedbackRating","Item","name","type","tag","_ref7","input","Checkbox","_extends2","id","label","onChange","handleChange","Text","mb","size","Flex","mt","direction","htmlFor","validate","placement","flip","fallbackPlacements","_ref8","autoFocus","h","state","Value","description","Box","lineHeight","color","_createClass2","get","uid","getHeaderProps","headerId","getItemProps","validateOnBlur","componentDidUpdate","prevProps","_this$asProps","status","getI18nText","setState","manager","add","icon","children","initialAnimation","duration","render","_ref","_ref2","_ref4","_this2","_this$asProps2","header","submitText","formConfig","notificationText","learnMoreLink","Children","styles","forwardRef","theme","background","visible","notificationVisible","onNotificationClose","errorFeedbackEmail","modalWidth","other","_objectWithoutProperties2","SFeedbackRating","Modal","checkboxFields","filter","item","textFields","assignProps","cn","Label","mr","Content","alignItems","Actions","handleChangeRating","Close","onClick","_objectSpread2","handelCloseModal","Form","focusDecorator","api","_ref5","submitting","handleSubmit","_ref9","map","formConfigItem","renderCheckbox","renderTextField","email","Submit","loading","NoticeBubbleContainer","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","onSubmit","i18n","locale","undefined","words","split","symbols","join","Boolean","test","String","toLowerCase","Header","_ref3","arguments[0]","_ref6","SHeader","createComponent","FeedbackItem","CheckboxButton","SubmitButton","_default","exports"],"sources":["../../../../src/component/feedback-rating/FeedbackRating.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\nimport SpinContainer from '@semcore/spin-container';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport Notice from '@semcore/notice';\nimport CheckM from '@semcore/icon/Check/m';\nimport WarnM from '@semcore/icon/Warning/m';\nimport { Text } from '@semcore/typography';\nimport FeedbackIllustration from '@semcore/illustration/Feedback';\nimport Link from '@semcore/link';\nimport SliderRating from '../slider-rating/SliderRating';\nimport Modal from '@semcore/modal';\nimport Textarea from '@semcore/textarea';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { FeedbackItem } from '../feedback-item/FeedbackItem';\nimport { SubmitButton } from '../submit-button/SubmitButton';\nimport { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';\nimport CheckboxButton from '../checkbox-button/CheckboxButton';\nimport Input from '@semcore/input';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';\nimport style from '../../style/feedback-rating.shadow.css';\n\ntype State = {\n  error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<\n  FeedbackRatingProps,\n  {},\n  State,\n  typeof FeedbackRatingRoot.enhance\n> {\n  static displayName = 'FeedbackRatingForm';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()] as const;\n\n  static defaultProps = {\n    onSubmit: () => {},\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  static validate = {\n    description: (error: Error | string) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (Boolean(value) && (symbols.length < 10 || words.length < 3)) {\n        return error;\n      }\n    },\n    email: (error: Error | string) => (value = '') => {\n      if (Boolean(value) && !/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  state: State = {\n    error: false,\n  };\n\n  manager = new NoticeBubbleManager();\n\n  private focusDecorator = createFocusDecorator<Record<string, any>>();\n\n  get headerId() {\n    const { uid } = this.asProps;\n\n    return `${uid}-feedback-rating-header`;\n  }\n\n  getHeaderProps() {\n    return {\n      id: this.headerId,\n    };\n  }\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  handleChangeRating = (rating: number) => {\n    this.asProps.onVisibleChange(true, rating);\n  };\n\n  handelCloseModal = () => {\n    this.asProps.onVisibleChange(false, this.asProps.rating);\n  };\n\n  handleChange =\n    (fn: (e: React.SyntheticEvent) => void) => (value: any, e: React.SyntheticEvent) => {\n      fn(e);\n    };\n\n  componentDidUpdate(prevProps: Readonly<FeedbackRatingProps>) {\n    const { status, getI18nText } = this.asProps;\n\n    if (prevProps.status !== status) {\n      this.setState({ error: false });\n\n      if (status === 'success') {\n        this.manager.add({\n          icon: <CheckM color='green-400' />,\n          children: getI18nText('successMessage'),\n          initialAnimation: true,\n          duration: 5000,\n        });\n      } else if (status === 'error') {\n        this.setState({ error: true });\n      }\n    }\n  }\n\n  renderCheckbox = (config: FormConfigItem) => {\n    const initialValue = this.props.initialValues[config.key];\n\n    return (\n      <FeedbackRating.Item\n        name={config.key}\n        initialValue={initialValue}\n        type={'checkbox'}\n        key={config.key}\n        tag={'li'}\n      >\n        {({ input }) => (\n          <FeedbackRating.Checkbox\n            {...input}\n            id={config.key}\n            name={config.key}\n            label={config.label}\n            onChange={this.handleChange(input.onChange)}\n          />\n        )}\n      </FeedbackRating.Item>\n    );\n  };\n\n  renderTextField = (config: FormConfigItem) => {\n    const initialValue = this.props.initialValues[config.key];\n\n    const label =\n      typeof config.label === 'string' ? (\n        <Text mb={2} size={200}>\n          {config.label}\n        </Text>\n      ) : (\n        (config.label as unknown as JSX.Element)\n      );\n\n    return (\n      <Flex tag='label' mt={4} direction='column' htmlFor={config.key} key={config.key}>\n        {label}\n\n        <FeedbackRating.Item\n          name={config.key}\n          validate={config.validate}\n          initialValue={initialValue}\n          placement='left-start'\n          flip={{\n            fallbackPlacements: ['right-start', 'bottom'],\n          }}\n        >\n          {({ input }) => {\n            if (config.type === 'textarea') {\n              return (\n                <Textarea\n                  {...input}\n                  autoFocus\n                  h={80}\n                  onChange={this.handleChange(input.onChange)}\n                  id={config.key}\n                />\n              );\n            }\n            if (config.type === 'input') {\n              return (\n                <Input state={input.state}>\n                  <Input.Value\n                    {...input}\n                    onChange={this.handleChange(input.onChange)}\n                    id={config.key}\n                  />\n                </Input>\n              );\n            }\n            return null;\n          }}\n        </FeedbackRating.Item>\n        {config.description && (\n          <Box mt={2}>\n            {typeof config.description === 'string' ? (\n              <Text lineHeight='18px' size={200} color='#6c6e79'>\n                {config.description}\n              </Text>\n            ) : (\n              config.description\n            )}\n          </Box>\n        )}\n      </Flex>\n    );\n  };\n\n  render() {\n    const {\n      header,\n      submitText,\n      formConfig,\n      notificationText,\n      learnMoreLink,\n      Children,\n      styles,\n      forwardRef,\n      status,\n      theme,\n      background,\n      rating,\n      visible,\n      onVisibleChange,\n      notificationVisible,\n      onNotificationClose,\n      getI18nText,\n      errorFeedbackEmail,\n      modalWidth,\n      ...other\n    } = this.asProps;\n\n    const SFeedbackRating = Root;\n    const checkboxFields = formConfig.filter((item) => item.type === 'checkbox');\n    const textFields = formConfig.filter(\n      (item) => item.type === 'textarea' || item.type === 'input',\n    );\n\n    return sstyled(styles)(\n      <Root render={Box}>\n        <Notice\n          visible={notificationVisible}\n          aria-label={getI18nText('leaveFeedback')}\n          tag={Flex}\n          alignItems={'center'}\n        >\n          <Notice.Label mr={3} aria-hidden={true}>\n            <FeedbackIllustration />\n          </Notice.Label>\n          <Notice.Content tag={Flex} alignItems={'center'}>\n            <Text mr={3}>{notificationText}</Text>\n            <Notice.Actions mt={0}>\n              <SliderRating\n                value={rating}\n                onChange={this.handleChangeRating}\n                aria-label={notificationText}\n              />\n            </Notice.Actions>\n            {learnMoreLink && (\n              <Link ml={3} href={learnMoreLink}>\n                {getI18nText('learnMore')}\n              </Link>\n            )}\n          </Notice.Content>\n          <Notice.Close onClick={onNotificationClose} />\n        </Notice>\n\n        <SFeedbackRating\n          render={Modal}\n          visible={visible}\n          onClose={this.handelCloseModal}\n          p={0}\n          use:w={modalWidth ?? 440}\n        >\n          <Form decorators={[this.focusDecorator]} {...other}>\n            {(api) =>\n              sstyled(styles)(\n                <SpinContainer\n                  background={background}\n                  theme={theme}\n                  size='xl'\n                  loading={status !== 'loading' ? api.submitting : status === 'loading'}\n                  p={1}\n                  m={9}\n                >\n                  <Flex justifyContent='center'>\n                    <SliderRating value={rating} readonly={true} />\n                  </Flex>\n\n                  {header as any}\n\n                  <Box\n                    tag='form'\n                    noValidate\n                    method='POST'\n                    ref={forwardRef}\n                    {...other}\n                    onSubmit={api.handleSubmit}\n                    title={getI18nText('formTitle')}\n                  >\n                    <FeedbackRating.Item name={'rating'} initialValue={rating}>\n                      {({ input }) => {\n                        return <input {...input} type='hidden' />;\n                      }}\n                    </FeedbackRating.Item>\n\n                    <div role={'group'} aria-labelledby={this.headerId}>\n                      <ul>\n                        {checkboxFields.map((formConfigItem) =>\n                          this.renderCheckbox(formConfigItem),\n                        )}\n                      </ul>\n                    </div>\n\n                    {textFields.map((formConfigItem) => this.renderTextField(formConfigItem))}\n\n                    {this.state.error && (\n                      <Notice theme={'warning'} mt={4} mb={4}>\n                        <Notice.Label>\n                          <WarnM />\n                        </Notice.Label>\n                        <Notice.Content>\n                          {getI18nText('errorMessage', { email: errorFeedbackEmail })}\n                        </Notice.Content>\n                      </Notice>\n                    )}\n\n                    <Flex mt={4} justifyContent={'center'}>\n                      <FeedbackRating.Submit\n                        loading={status !== 'loading' ? api.submitting : status === 'loading'}\n                        size={'l'}\n                      >\n                        {submitText ?? getI18nText('submitButton')}\n                      </FeedbackRating.Submit>\n                    </Flex>\n                  </Box>\n                </SpinContainer>,\n              )\n            }\n          </Form>\n        </SFeedbackRating>\n\n        <NoticeBubbleContainer manager={this.manager} />\n      </Root>,\n    );\n  }\n}\n\nfunction Header(props: any) {\n  const { styles } = props;\n  const SHeader = Root;\n  return sstyled(styles)(\n    <SHeader render={Text} size={300} tag='h2' mb={4} mt={4} textAlign={'center'} />,\n  );\n}\n\nconst FeedbackRating: typeof FeedbackRatingType & { validate: typeof FeedbackRatingRoot.validate } =\n  createComponent(FeedbackRatingRoot, {\n    Header,\n    Item: FeedbackItem,\n    Checkbox: CheckboxButton,\n    Submit: SubmitButton,\n  });\n\nexport default FeedbackRating;\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackRating.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_spinContainer","_i18nEnhance","_uniqueID","_notice","_m","_m2","_typography","_Feedback","_link","_SliderRating","_modal","_textarea","_flexBox","_FeedbackItem","_SubmitButton","_CheckboxButton","_input","_intergalacticDynamicLocales","_noticeBubble","_excluded","style","_index","sstyled","insert","FeedbackRatingRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","error","NoticeBubbleManager","createFocusDecorator","rating","asProps","onVisibleChange","fn","value","e","config","index","initialValue","props","initialValues","key","createElement","Field","name","type","_ref7","input","FeedbackRating","Checkbox","_extends2","id","label","onChange","_checked","focused","_config$description","Text","mb","size","isDescriptionReactFragment","description","React","Fragment","Flex","direction","tag","mt","htmlFor","Item","validate","placement","flip","fallbackPlacements","undefined","_ref8","h","handleChange","state","Value","Box","color","_createClass2","get","uid","getHeaderProps","headerId","getItemProps","validateOnBlur","getNoticeTextId","componentDidUpdate","prevProps","_this2","_this$asProps","status","getI18nText","setState","setTimeout","manager","add","icon","children","initialAnimation","duration","render","_ref","_ref2","_ref4","_this3","_this$asProps2","header","submitText","formConfig","notificationText","learnMoreLink","Children","styles","forwardRef","theme","background","visible","notificationVisible","onNotificationClose","errorFeedbackEmail","modalWidth","other","_objectWithoutProperties2","SFeedbackRating","Modal","checkboxFields","filter","item","textFields","notificationId","assignProps","cn","Label","mr","Content","alignItems","Actions","handleChangeRating","Close","onClick","_objectSpread2","handelCloseModal","Form","focusDecorator","api","_ref5","submitting","Header","handleSubmit","_ref9","map","formConfigItem","renderCheckbox","renderTextField","email","Submit","loading","NoticeBubbleContainer","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","onSubmit","i18n","locale","words","split","symbols","join","Boolean","test","String","toLowerCase","_ref3","arguments[0]","_ref6","SHeader","createComponent","FeedbackItem","CheckboxButton","SubmitButton","_default","exports"],"sources":["../../../../src/component/feedback-rating/FeedbackRating.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\nimport SpinContainer from '@semcore/spin-container';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport Notice from '@semcore/notice';\nimport CheckM from '@semcore/icon/Check/m';\nimport WarnM from '@semcore/icon/Warning/m';\nimport { Text } from '@semcore/typography';\nimport FeedbackIllustration from '@semcore/illustration/Feedback';\nimport Link from '@semcore/link';\nimport SliderRating from '../slider-rating/SliderRating';\nimport Modal from '@semcore/modal';\nimport Textarea from '@semcore/textarea';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { FeedbackItem } from '../feedback-item/FeedbackItem';\nimport { SubmitButton } from '../submit-button/SubmitButton';\nimport { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';\nimport CheckboxButton from '../checkbox-button/CheckboxButton';\nimport Input from '@semcore/input';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';\nimport style from '../../style/feedback-rating.shadow.css';\n\ntype State = {\n  error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<\n  FeedbackRatingProps,\n  {},\n  State,\n  typeof FeedbackRatingRoot.enhance\n> {\n  static displayName = 'FeedbackRatingForm';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()] as const;\n\n  static defaultProps = {\n    onSubmit: () => {},\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  static validate = {\n    description: (error: Error | string) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (Boolean(value) && (symbols.length < 10 || words.length < 3)) {\n        return error;\n      }\n    },\n    email: (error: Error | string) => (value = '') => {\n      if (Boolean(value) && !/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  state: State = {\n    error: false,\n  };\n\n  manager = new NoticeBubbleManager();\n\n  private focusDecorator = createFocusDecorator<Record<string, any>>();\n\n  get headerId() {\n    const { uid } = this.asProps;\n\n    return `${uid}-feedback-rating-header`;\n  }\n\n  getHeaderProps() {\n    return {\n      id: this.headerId,\n    };\n  }\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  getNoticeTextId() {\n    const { uid } = this.asProps;\n    return `${uid}-feedback-rating-notice`;\n  }\n\n  handleChangeRating = (rating: number) => {\n    this.asProps.onVisibleChange(true, rating);\n  };\n\n  handelCloseModal = () => {\n    this.asProps.onVisibleChange(false, this.asProps.rating);\n  };\n\n  handleChange =\n    (fn: (e: React.SyntheticEvent) => void) => (value: any, e: React.SyntheticEvent) => {\n      fn(e);\n    };\n\n  componentDidUpdate(prevProps: Readonly<FeedbackRatingProps>) {\n    const { status, getI18nText } = this.asProps;\n\n    if (prevProps.status !== status) {\n      this.setState({ error: false });\n\n      if (status === 'success') {\n        // showing notice with delay for SR, less than 100ms is not enough\n        setTimeout(() => {\n          this.manager.add({\n            icon: <CheckM color='green-400' />,\n            children: getI18nText('successMessage'),\n            initialAnimation: true,\n            duration: 5000,\n          });\n        }, 300);\n      } else if (status === 'error') {\n        this.setState({ error: true });\n      }\n    }\n  }\n\n  renderCheckbox = (config: FormConfigItem, index: number) => {\n    const initialValue = this.props.initialValues[config.key];\n\n    return (\n      <Field name={config.key} initialValue={initialValue} type={'checkbox'} key={config.key}>\n        {({ input }) => (\n          <FeedbackRating.Checkbox\n            {...input}\n            id={config.key}\n            label={config.label}\n            onChange={(_checked, e) => input.onChange(e)}\n            focused={index === 0}\n          />\n        )}\n      </Field>\n    );\n  };\n\n  renderTextField = (config: FormConfigItem) => {\n    const initialValue = this.props.initialValues[config.key];\n\n    const label =\n      typeof config.label === 'string' ? (\n        <Text mb={2} size={200}>\n          {config.label}\n        </Text>\n      ) : (\n        (config.label as unknown as JSX.Element)\n      );\n\n    const isDescriptionReactFragment =\n      (config.description as ReactElement)?.type === React.Fragment;\n\n    return (\n      <Flex direction='column'>\n        <Flex tag='label' mt={4} htmlFor={config.key} key={config.key}>\n          {label}\n        </Flex>\n\n        <FeedbackRating.Item\n          name={config.key}\n          validate={config.validate}\n          initialValue={initialValue}\n          placement='left-start'\n          flip={{\n            fallbackPlacements: ['right-start', 'bottom'],\n          }}\n          aria-describedby={config.description ? config.key + '-description' : undefined}\n        >\n          {({ input }) => {\n            if (config.type === 'textarea') {\n              return (\n                <Textarea\n                  {...input}\n                  h={80}\n                  onChange={this.handleChange(input.onChange)}\n                  id={config.key}\n                />\n              );\n            }\n            if (config.type === 'input') {\n              return (\n                <Input state={input.state}>\n                  <Input.Value\n                    {...input}\n                    onChange={this.handleChange(input.onChange)}\n                    id={config.key}\n                  />\n                </Input>\n              );\n            }\n            return null;\n          }}\n        </FeedbackRating.Item>\n        {config.description && (\n          <Box mt={2}>\n            {typeof config.description === 'string' || isDescriptionReactFragment ? (\n              <Text size={200} color='text-secondary' id={config.key + '-description'}>\n                {config.description}\n              </Text>\n            ) : (\n              config.description\n            )}\n          </Box>\n        )}\n      </Flex>\n    );\n  };\n\n  render() {\n    const {\n      header,\n      submitText,\n      formConfig,\n      notificationText,\n      learnMoreLink,\n      Children,\n      styles,\n      forwardRef,\n      status,\n      theme,\n      background,\n      rating,\n      visible,\n      onVisibleChange,\n      notificationVisible,\n      onNotificationClose,\n      getI18nText,\n      errorFeedbackEmail,\n      modalWidth,\n      ...other\n    } = this.asProps;\n\n    const SFeedbackRating = Root;\n    const checkboxFields = formConfig.filter((item) => item.type === 'checkbox');\n    const textFields = formConfig.filter(\n      (item) => item.type === 'textarea' || item.type === 'input',\n    );\n    const notificationId = this.getNoticeTextId();\n\n    return sstyled(styles)(\n      <Root render={Box}>\n        <Notice\n          visible={notificationVisible}\n          aria-label={getI18nText('leaveFeedback')}\n          tag={Flex}\n          alignItems={'center'}\n        >\n          <Notice.Label mr={3} aria-hidden={true}>\n            <FeedbackIllustration />\n          </Notice.Label>\n          <Notice.Content tag={Flex} alignItems={'center'}>\n            <Text mr={3} id={notificationId}>\n              {notificationText}\n            </Text>\n            <Notice.Actions mt={0}>\n              <SliderRating\n                value={rating}\n                onChange={this.handleChangeRating}\n                aria-labelledby={notificationId}\n              />\n            </Notice.Actions>\n            {learnMoreLink && (\n              <Link ml={3} href={learnMoreLink}>\n                {getI18nText('learnMore')}\n              </Link>\n            )}\n          </Notice.Content>\n          <Notice.Close onClick={onNotificationClose} />\n        </Notice>\n\n        <SFeedbackRating\n          render={Modal}\n          visible={visible}\n          onClose={this.handelCloseModal}\n          p={0}\n          use:w={modalWidth ?? 440}\n          aria-labelledby={this.headerId}\n        >\n          <Form decorators={[this.focusDecorator]} {...other}>\n            {(api) =>\n              sstyled(styles)(\n                <SpinContainer\n                  background={background}\n                  theme={theme}\n                  size='xl'\n                  loading={status !== 'loading' ? api.submitting : status === 'loading'}\n                  p={1}\n                  m={9}\n                >\n                  <Flex justifyContent='center'>\n                    <SliderRating value={rating} readonly={true} />\n                  </Flex>\n\n                  {(header as ReactElement)?.type === FeedbackRating.Header ? (\n                    header\n                  ) : (\n                    <FeedbackRating.Header>{header}</FeedbackRating.Header>\n                  )}\n\n                  <Box\n                    tag='form'\n                    noValidate\n                    method='POST'\n                    ref={forwardRef}\n                    {...other}\n                    onSubmit={api.handleSubmit}\n                  >\n                    <Field name={'rating'} initialValue={rating}>\n                      {({ input }) => <input {...input} type='hidden' />}\n                    </Field>\n\n                    <div role={'group'} aria-labelledby={this.headerId}>\n                      {checkboxFields.map((formConfigItem, index) =>\n                        this.renderCheckbox(formConfigItem, index),\n                      )}\n                    </div>\n\n                    {textFields.map((formConfigItem) => this.renderTextField(formConfigItem))}\n\n                    {this.state.error && (\n                      <Notice theme={'warning'} mt={4} mb={4}>\n                        <Notice.Label>\n                          <WarnM />\n                        </Notice.Label>\n                        <Notice.Content>\n                          {getI18nText('errorMessage', { email: errorFeedbackEmail })}\n                        </Notice.Content>\n                      </Notice>\n                    )}\n\n                    <Flex mt={4} justifyContent={'center'}>\n                      <FeedbackRating.Submit\n                        loading={status !== 'loading' ? api.submitting : status === 'loading'}\n                        size={'l'}\n                      >\n                        {submitText ?? getI18nText('submitButton')}\n                      </FeedbackRating.Submit>\n                    </Flex>\n                  </Box>\n                </SpinContainer>,\n              )\n            }\n          </Form>\n        </SFeedbackRating>\n\n        <NoticeBubbleContainer manager={this.manager} />\n      </Root>,\n    );\n  }\n}\n\nfunction Header(props: any) {\n  const { styles } = props;\n  const SHeader = Root;\n  return sstyled(styles)(\n    <SHeader render={Text} size={300} tag='h2' mb={4} mt={4} textAlign={'center'} />,\n  );\n}\n\nconst FeedbackRating: typeof FeedbackRatingType & { validate: typeof FeedbackRatingRoot.validate } =\n  createComponent(FeedbackRatingRoot, {\n    Header,\n    Item: FeedbackItem,\n    Checkbox: CheckboxButton,\n    Submit: SubmitButton,\n  });\n\nexport default FeedbackRating;\n"],"mappings":"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"}

package/lib/cjs/component/feedback-rating/FeedbackRating.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackRating.type.js","names":[],"sources":["../../../../src/component/feedback-rating/FeedbackRating.type.ts"],"sourcesContent":["import React from 'react';\nimport { FeedbackFormProps } from '../../index';\nimport { FieldProps } from 'react-final-form';\n\nimport { Intergalactic } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Text } from '@semcore/typography';\nimport Checkbox from '@semcore/checkbox';\n\nexport type FormConfigItem = {\n  key: string;\n  label: React.ReactNode;\n  type: 'input' | 'checkbox' | 'textarea';\n  description?: React.ReactNode;\n  validate?: (value: any) => Error | string | undefined;\n};\n\nexport type FeedbackRatingProps = Intergalactic.InternalTypings.EfficientOmit<\n  FeedbackFormProps,\n  'initialValues' | 'loading'\n> & {\n  /** status of form */\n  status: 'default' | 'success' | 'error' | 'loading';\n\n  /** flag for show/hide notification */\n  notificationVisible: boolean;\n  /** */\n  onNotificationClose: () => void;\n  /** text in notification panel */\n  notificationText: string;\n  /** optional link in notification panel */\n  learnMoreLink?: string;\n  /** rating value */\n  rating: number;\n  /** visible modal form flag */\n  visible: boolean;\n\n  onVisibleChange: (visible: boolean, rating: number) => void;\n\n  /** width for modal with form */\n  modalWidth?: number | string;\n\n  /** header of modal with form */\n  header: React.ReactNode;\n  /** text for submit button of form */\n  submitText?: string;\n  /** config for form fields */\n  formConfig: FormConfigItem[];\n\n  initialValues: Record<string, any> & { rating: number };\n\n  errorFeedbackEmail: string;\n\n  locale?: string;\n};\n\nexport type FeedbackRatingItemProps = FieldProps<any, any> & {\n  /**\n   * Allows to override which passed props will be passed to the Tooltip component.\n   */\n  tooltipProps?: string[];\n};\n\ndeclare const FeedbackRatingType: Intergalactic.Component<'form', FeedbackRatingProps> & {\n  Item: Intergalactic.Component<'div', FeedbackRatingItemProps>;\n  Submit: typeof Button;\n  Checkbox: typeof Checkbox;\n  Header: typeof Text;\n};\n\nexport { FeedbackRatingType };\n"],"mappings":""}
+{"version":3,"file":"FeedbackRating.type.js","names":[],"sources":["../../../../src/component/feedback-rating/FeedbackRating.type.ts"],"sourcesContent":["import React from 'react';\nimport { FeedbackFormProps } from '../../index';\nimport { FieldProps } from 'react-final-form';\n\nimport { Intergalactic } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Text } from '@semcore/typography';\nimport Checkbox, { CheckboxProps } from '@semcore/checkbox';\n\nexport type FormConfigItem = {\n  key: string;\n  label: React.ReactNode;\n  type: 'input' | 'checkbox' | 'textarea';\n  description?: React.ReactNode;\n  validate?: (value: any) => Error | string | undefined;\n};\n\nexport type FeedbackRatingProps = Intergalactic.InternalTypings.EfficientOmit<\n  FeedbackFormProps,\n  'initialValues' | 'loading'\n> & {\n  /** status of form */\n  status: 'default' | 'success' | 'error' | 'loading';\n\n  /** flag for show/hide notification */\n  notificationVisible: boolean;\n  /** */\n  onNotificationClose: () => void;\n  /** text in notification panel */\n  notificationText: string;\n  /** optional link in notification panel */\n  learnMoreLink?: string;\n  /** rating value */\n  rating: number;\n  /** visible modal form flag */\n  visible: boolean;\n\n  onVisibleChange: (visible: boolean, rating: number) => void;\n\n  /** width for modal with form */\n  modalWidth?: number | string;\n\n  /** header of modal with form */\n  header: React.ReactNode;\n  /** text for submit button of form */\n  submitText?: string;\n  /** config for form fields */\n  formConfig: FormConfigItem[];\n\n  initialValues: Record<string, any> & { rating: number };\n\n  errorFeedbackEmail: string;\n\n  locale?: string;\n};\n\nexport type FeedbackRatingItemProps = FieldProps<any, any> & {\n  /**\n   * Allows to override which passed props will be passed to the Tooltip component.\n   */\n  tooltipProps?: string[];\n};\n\nexport type FeedbackRatingCheckboxProps = Omit<CheckboxProps, 'label'> & {\n  focused: boolean;\n  label: React.ReactNode;\n};\n\ndeclare const FeedbackRatingType: Intergalactic.Component<'form', FeedbackRatingProps> & {\n  Item: Intergalactic.Component<'div', FeedbackRatingItemProps>;\n  Submit: typeof Button;\n  Checkbox: Intergalactic.Component<typeof Checkbox, FeedbackRatingCheckboxProps>;\n  Header: typeof Text;\n};\n\nexport { FeedbackRatingType };\n"],"mappings":""}