npm - @semcore/feedback-form - Versions diffs - 16.2.0 → 16.2.1-prerelease.1 - Mend

@semcore/feedback-form 16.2.0 → 16.2.1-prerelease.1

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 (18) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,12 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
+## [16.2.1] - 2026-03-31
+### Fixed
+- `Star` SVG alignment for `FeedbackRating` component.
 ## [16.2.0] - 2026-02-10
 ### Added

package/lib/cjs/FeedbackForm.js CHANGED Viewed

@@ -25,15 +25,15 @@ 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__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackForm_1pj7k_gg_{max-width:320px}.___SCancel_1pj7k_gg_,.___SSubmit_1pj7k_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1pj7k_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_1pj7k_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_1pj7k_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__*/"1pj7k_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackForm_1n8pz_gg_{max-width:320px}.___SCancel_1n8pz_gg_,.___SSubmit_1n8pz_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1n8pz_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_1n8pz_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_1n8pz_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__*/"1n8pz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFeedbackForm": "___SFeedbackForm_1pj7k_gg_",
-  "__SSubmit": "___SSubmit_1pj7k_gg_",
-  "__SCancel": "___SCancel_1pj7k_gg_",
-  "__SNotice": "___SNotice_1pj7k_gg_",
-  "__SSuccess": "___SSuccess_1pj7k_gg_",
-  "__SEmail": "___SEmail_1pj7k_gg_"
+  "__SFeedbackForm": "___SFeedbackForm_1n8pz_gg_",
+  "__SSubmit": "___SSubmit_1n8pz_gg_",
+  "__SCancel": "___SCancel_1n8pz_gg_",
+  "__SNotice": "___SNotice_1n8pz_gg_",
+  "__SSuccess": "___SSuccess_1n8pz_gg_",
+  "__SEmail": "___SEmail_1n8pz_gg_"
 });
 var FeedbackForm = /*#__PURE__*/function (_Component) {
   function FeedbackForm() {

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

@@ -18,11 +18,11 @@ var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["styles", "id", "label", "type", "focused"];
 /*!__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCheckboxButton_198cq_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_198cq_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_198cq_gg_.__checked_198cq_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_198cq_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_198cq_gg_.__checked_198cq_gg_:hover{background-color:rgba(0,143,248,.2)}}", /*__inner_css_end__*/"198cq_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCheckboxButton_kwd1h_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_kwd1h_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_kwd1h_gg_.__checked_kwd1h_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_kwd1h_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_kwd1h_gg_.__checked_kwd1h_gg_:hover{background-color:rgba(0,143,248,.2)}}", /*__inner_css_end__*/"kwd1h_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SCheckboxButton": "___SCheckboxButton_198cq_gg_",
-  "_checked": "__checked_198cq_gg_"
+  "__SCheckboxButton": "___SCheckboxButton_kwd1h_gg_",
+  "_checked": "__checked_kwd1h_gg_"
 });
 var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
   function CheckboxButtonRoot() {

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

@@ -38,11 +38,11 @@ var _SliderRating = _interopRequireDefault(require("../slider-rating/SliderRatin
 var _SubmitButton = require("../submit-button/SubmitButton");
 var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth", "Illustration", "Notice"];
 /*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_rhp4z_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_rhp4z_gg_ li{list-style:none}.___SFeedbackRating_rhp4z_gg_ .___SHeader_rhp4z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}", /*__inner_css_end__*/"rhp4z_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_1go4q_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1go4q_gg_ li{list-style:none}.___SFeedbackRating_1go4q_gg_ .___SHeader_1go4q_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}", /*__inner_css_end__*/"1go4q_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFeedbackRating": "___SFeedbackRating_rhp4z_gg_",
-  "__SHeader": "___SHeader_rhp4z_gg_"
+  "__SFeedbackRating": "___SFeedbackRating_1go4q_gg_",
+  "__SHeader": "___SHeader_1go4q_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
   function FeedbackRatingRoot() {
@@ -98,12 +98,12 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
       }, 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(_baseComponents.Flex, {
+        key: config.key,
         direction: "column"
       }, /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, {
         tag: "label",
         mt: 4,
-        htmlFor: config.key,
-        key: config.key
+        htmlFor: config.key
       }, label), /*#__PURE__*/_react["default"].createElement(FeedbackRating.Item, {
         name: config.key,
         validate: config.validate,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FeedbackRating.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_uniqueID","_m","_m2","_Feedback","_input","_link","_modal","_notice","_noticeBubble","_spinContainer","_textarea","_typography","_finalFormFocus","_react","_reactFinalForm","_intergalacticDynamicLocales","_CheckboxButton","_FeedbackItem","_SliderRating","_SubmitButton","_excluded","style","sstyled","insert","FeedbackRatingRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","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","autoComplete","state","Value","Box","color","_inherits2","_createClass2","get","uid","value","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","notificationTitle","learnMoreLink","_Children","Children","styles","forwardRef","theme","background","visible","_onVisibleChange","notificationVisible","onNotificationClose","errorFeedbackEmail","modalWidth","Illustration","NoticeComponent","Notice","other","_objectWithoutProperties2","SFeedbackRating","Modal","checkboxFields","filter","item","textFields","notificationId","assignProps","cn","Label","mr","Content","Title","gap","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","FeedbackIllustration","SemcoreNotice","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 { Box, Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport CheckM from '@semcore/icon/Check/m';\nimport WarnM from '@semcore/icon/Warning/m';\nimport FeedbackIllustration from '@semcore/illustration/Feedback';\nimport Input from '@semcore/input';\nimport Link from '@semcore/link';\nimport Modal from '@semcore/modal';\nimport { default as SemcoreNotice } from '@semcore/notice';\nimport { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';\nimport SpinContainer from '@semcore/spin-container';\nimport Textarea from '@semcore/textarea';\nimport { Text } from '@semcore/typography';\nimport createFocusDecorator from 'final-form-focus';\nimport React, { type ReactElement } from 'react';\nimport { Field, Form } from 'react-final-form';\n\nimport type { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';\nimport style from '../../style/feedback-rating.shadow.css';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport CheckboxButton from '../checkbox-button/CheckboxButton';\nimport { FeedbackItem } from '../feedback-item/FeedbackItem';\nimport SliderRating from '../slider-rating/SliderRating';\nimport { SubmitButton } from '../submit-button/SubmitButton';\n\ntype State = {\n error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<\n FeedbackRatingProps,\n {},\n State,\n typeof FeedbackRatingRoot.enhance,\n typeof FeedbackRatingRoot.defaultProps\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 Illustration: FeedbackIllustration,\n Notice: SemcoreNotice,\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 if (rating > 0) {\n this.asProps.onVisibleChange(true, rating);\n }\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 ? (\n <Text mb={2} size={200}>\n {config.label}\n </Text>\n )\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 {/* @ts-ignore */}\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' \|\| config.type === 'email') {\n if (config.type === 'email') {\n input.autoComplete = 'email';\n input.type = 'email';\n }\n\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 ? (\n <Text size={200} color='text-secondary' id={config.key + '-description'}>\n {config.description}\n </Text>\n )\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 notificationTitle,\n learnMoreLink,\n Children: _Children,\n styles,\n forwardRef,\n status,\n theme,\n background,\n rating,\n visible,\n onVisibleChange: _onVisibleChange,\n notificationVisible,\n onNotificationClose,\n getI18nText,\n errorFeedbackEmail,\n modalWidth,\n Illustration,\n Notice: NoticeComponent,\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' \|\| item.type === 'email',\n );\n const notificationId = this.getNoticeTextId();\n\n return sstyled(styles)(\n <Root render={Box}>\n <NoticeComponent\n visible={notificationVisible}\n aria-label={getI18nText('leaveFeedback')}\n tag={Flex}\n alignItems={notificationTitle ? 'flex-start' : 'center'}\n >\n <NoticeComponent.Label mr={3} aria-hidden={true}>\n <Illustration />\n </NoticeComponent.Label>\n <NoticeComponent.Content>\n {notificationTitle ? <NoticeComponent.Title>{notificationTitle}</NoticeComponent.Title> : null}\n <NoticeComponent.Text gap={3} tag={Flex} alignItems={notificationTitle ? 'flex-start' : 'center'}>\n <Text id={notificationId}>\n {notificationText}\n </Text>\n <NoticeComponent.Actions mt={0}>\n <SliderRating\n value={rating}\n onChange={this.handleChangeRating}\n aria-labelledby={notificationId}\n />\n </NoticeComponent.Actions>\n {learnMoreLink && (\n <Link href={learnMoreLink}>\n {getI18nText('learnMore')}\n </Link>\n )}\n </NoticeComponent.Text>\n </NoticeComponent.Content>\n <NoticeComponent.Close onClick={onNotificationClose} />\n </NoticeComponent>\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 ? (\n header\n )\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 <SemcoreNotice theme='warning' mt={4} mb={4}>\n <SemcoreNotice.Label>\n <WarnM />\n </SemcoreNotice.Label>\n <SemcoreNotice.Content>\n {getI18nText('errorMessage', {\n // todo: Brauer Ilia - think how to fix type\n // @ts-ignore\n email: (\n <Link href={`mailto:${errorFeedbackEmail}`}>\n {errorFeedbackEmail}\n </Link>\n ),\n })}\n </SemcoreNotice.Content>\n </SemcoreNotice>\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 </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={Modal.Title} />,\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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","ignoreList":[]}
1	+ {"version":3,"file":"FeedbackRating.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_uniqueID","_m","_m2","_Feedback","_input","_link","_modal","_notice","_noticeBubble","_spinContainer","_textarea","_typography","_finalFormFocus","_react","_reactFinalForm","_intergalacticDynamicLocales","_CheckboxButton","_FeedbackItem","_SliderRating","_SubmitButton","_excluded","style","sstyled","insert","FeedbackRatingRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","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","autoComplete","state","Value","Box","color","_inherits2","_createClass2","get","uid","value","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","notificationTitle","learnMoreLink","_Children","Children","styles","forwardRef","theme","background","visible","_onVisibleChange","notificationVisible","onNotificationClose","errorFeedbackEmail","modalWidth","Illustration","NoticeComponent","Notice","other","_objectWithoutProperties2","SFeedbackRating","Modal","checkboxFields","filter","item","textFields","notificationId","assignProps","cn","Label","mr","Content","Title","gap","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","FeedbackIllustration","SemcoreNotice","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 { Box, Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport CheckM from '@semcore/icon/Check/m';\nimport WarnM from '@semcore/icon/Warning/m';\nimport FeedbackIllustration from '@semcore/illustration/Feedback';\nimport Input from '@semcore/input';\nimport Link from '@semcore/link';\nimport Modal from '@semcore/modal';\nimport { default as SemcoreNotice } from '@semcore/notice';\nimport { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';\nimport SpinContainer from '@semcore/spin-container';\nimport Textarea from '@semcore/textarea';\nimport { Text } from '@semcore/typography';\nimport createFocusDecorator from 'final-form-focus';\nimport React, { type ReactElement } from 'react';\nimport { Field, Form } from 'react-final-form';\n\nimport type { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';\nimport style from '../../style/feedback-rating.shadow.css';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport CheckboxButton from '../checkbox-button/CheckboxButton';\nimport { FeedbackItem } from '../feedback-item/FeedbackItem';\nimport SliderRating from '../slider-rating/SliderRating';\nimport { SubmitButton } from '../submit-button/SubmitButton';\n\ntype State = {\n error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<\n FeedbackRatingProps,\n {},\n State,\n typeof FeedbackRatingRoot.enhance,\n typeof FeedbackRatingRoot.defaultProps\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 Illustration: FeedbackIllustration,\n Notice: SemcoreNotice,\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 if (rating > 0) {\n this.asProps.onVisibleChange(true, rating);\n }\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 ? (\n <Text mb={2} size={200}>\n {config.label}\n </Text>\n )\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 key={config.key} direction='column'>\n <Flex tag='label' mt={4} htmlFor={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 {/* @ts-ignore */}\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' \|\| config.type === 'email') {\n if (config.type === 'email') {\n input.autoComplete = 'email';\n input.type = 'email';\n }\n\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 ? (\n <Text size={200} color='text-secondary' id={config.key + '-description'}>\n {config.description}\n </Text>\n )\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 notificationTitle,\n learnMoreLink,\n Children: _Children,\n styles,\n forwardRef,\n status,\n theme,\n background,\n rating,\n visible,\n onVisibleChange: _onVisibleChange,\n notificationVisible,\n onNotificationClose,\n getI18nText,\n errorFeedbackEmail,\n modalWidth,\n Illustration,\n Notice: NoticeComponent,\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' \|\| item.type === 'email',\n );\n const notificationId = this.getNoticeTextId();\n\n return sstyled(styles)(\n <Root render={Box}>\n <NoticeComponent\n visible={notificationVisible}\n aria-label={getI18nText('leaveFeedback')}\n tag={Flex}\n alignItems={notificationTitle ? 'flex-start' : 'center'}\n >\n <NoticeComponent.Label mr={3} aria-hidden={true}>\n <Illustration />\n </NoticeComponent.Label>\n <NoticeComponent.Content>\n {notificationTitle ? <NoticeComponent.Title>{notificationTitle}</NoticeComponent.Title> : null}\n <NoticeComponent.Text gap={3} tag={Flex} alignItems={notificationTitle ? 'flex-start' : 'center'}>\n <Text id={notificationId}>\n {notificationText}\n </Text>\n <NoticeComponent.Actions mt={0}>\n <SliderRating\n value={rating}\n onChange={this.handleChangeRating}\n aria-labelledby={notificationId}\n />\n </NoticeComponent.Actions>\n {learnMoreLink && (\n <Link href={learnMoreLink}>\n {getI18nText('learnMore')}\n </Link>\n )}\n </NoticeComponent.Text>\n </NoticeComponent.Content>\n <NoticeComponent.Close onClick={onNotificationClose} />\n </NoticeComponent>\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 ? (\n header\n )\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 <SemcoreNotice theme='warning' mt={4} mb={4}>\n <SemcoreNotice.Label>\n <WarnM />\n </SemcoreNotice.Label>\n <SemcoreNotice.Content>\n {getI18nText('errorMessage', {\n // todo: Brauer Ilia - think how to fix type\n // @ts-ignore\n email: (\n <Link href={`mailto:${errorFeedbackEmail}`}>\n {errorFeedbackEmail}\n </Link>\n ),\n })}\n </SemcoreNotice.Content>\n </SemcoreNotice>\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 </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={Modal.Title} />,\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":";;;;;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,eAAA,GAAAD,OAAA;AAGA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,EAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,GAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,SAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,MAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,KAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,MAAA,GAAAP,sBAAA,CAAAH,OAAA;AACA,IAAAW,OAAA,GAAAR,sBAAA,CAAAH,OAAA;AACA,IAAAY,aAAA,GAAAZ,OAAA;AACA,IAAAa,cAAA,GAAAV,sBAAA,CAAAH,OAAA;AACA,IAAAc,SAAA,GAAAX,sBAAA,CAAAH,OAAA;AACA,IAAAe,WAAA,GAAAf,OAAA;AACA,IAAAgB,eAAA,GAAAb,sBAAA,CAAAH,OAAA;AACA,IAAAiB,MAAA,GAAAd,sBAAA,CAAAH,OAAA;AACA,IAAAkB,eAAA,GAAAlB,OAAA;AAIA,IAAAmB,4BAAA,GAAAnB,OAAA;AACA,IAAAoB,eAAA,GAAAjB,sBAAA,CAAAH,OAAA;AACA,IAAAqB,aAAA,GAAArB,OAAA;AACA,IAAAsB,aAAA,GAAAnB,sBAAA,CAAAH,OAAA;AACA,IAAAuB,aAAA,GAAAvB,OAAA;AAA6D,IAAAwB,SAAA;AAAA;AAAA,IAAAC,KAAA,8BAAA1B,KAAA,CAAA2B,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAAA,IAMvDC,kBAAkB,0BAAAC,UAAA;EAAA,SAAAD,mBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,kBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,OAAAQ,WAAA,mBAAAV,kBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA,WAmCP;MACbW,KAAK,EAAE;IACT,CAAC;IAAA,IAAAD,gBAAA,aAAAV,KAAA,aAES,IAAIY,iCAAmB,CAAC,CAAC;IAAA,IAAAF,gBAAA,aAAAV,KAAA,oBAEV,IAAAa,0BAAoB,EAAsB,CAAC;IAAA,IAAAH,gBAAA,aAAAV,KAAA,wBA2B/C,UAACc,MAAc,EAAK;MACvC,IAAIA,MAAM,GAAG,CAAC,EAAE;QACdd,KAAA,CAAKe,OAAO,CAACC,eAAe,CAAC,IAAI,EAAEF,MAAM,CAAC;MAC5C;IACF,CAAC;IAAA,IAAAJ,gBAAA,aAAAV,KAAA,sBAEkB,YAAM;MACvBA,KAAA,CAAKe,OAAO,CAACC,eAAe,CAAC,KAAK,EAAEhB,KAAA,CAAKe,OAAO,CAACD,MAAM,CAAC;IAC1D,CAAC;IAAA,IAAAJ,gBAAA,aAAAV,KAAA,kBAGC,UAACiB,EAAqC;MAAA,OAAK,UAACC,MAAW,EAAEC,CAAuB,EAAK;QACnFF,EAAE,CAACE,CAAC,CAAC;MACP,CAAC;IAAA;IAAA,IAAAT,gBAAA,aAAAV,KAAA,oBAwBc,UAACoB,MAAsB,EAAEC,KAAa,EAAK;MAC1D,IAAMC,YAAY,GAAGtB,KAAA,CAAKuB,KAAK,CAACC,aAAa,CAACJ,MAAM,CAACK,GAAG,CAAC;MAEzD,oBACEtC,MAAA,YAAAuC,aAAA,CAACtC,eAAA,CAAAuC,KAAK;QAACC,IAAI,EAAER,MAAM,CAACK,GAAI;QAACH,YAAY,EAAEA,YAAa;QAACO,IAAI,EAAC,UAAU;QAACJ,GAAG,EAAEL,MAAM,CAACK;MAAI,GAClF,UAAAK,KAAA;QAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAA,oBACP5C,MAAA,YAAAuC,aAAA,CAACM,cAAc,CAACC,QAAQ,MAAAC,SAAA,iBAClBH,KAAK;UACTI,EAAE,EAAEf,MAAM,CAACK,GAAI;UACfW,KAAK,EAAEhB,MAAM,CAACgB,KAAM;UACpBC,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,QAAQ,EAAEnB,CAAC;YAAA,OAAKY,KAAK,CAACM,QAAQ,CAAClB,CAAC,CAAC;UAAA,CAAC;UAC7CoB,OAAO,EAAElB,KAAK,KAAK;QAAE,EACtB,CAAC;MAAA,CAEC,CAAC;IAEZ,CAAC;IAAA,IAAAX,gBAAA,aAAAV,KAAA,qBAEiB,UAACoB,MAAsB,EAAK;MAAA,IAAAoB,mBAAA;MAC5C,IAAMlB,YAAY,GAAGtB,KAAA,CAAKuB,KAAK,CAACC,aAAa,CAACJ,MAAM,CAACK,GAAG,CAAC;MAEzD,IAAMW,KAAK,GACT,OAAOhB,MAAM,CAACgB,KAAK,KAAK,QAAQ,gBAE1BjD,MAAA,YAAAuC,aAAA,CAACzC,WAAA,CAAAwD,IAAI;QAACC,EAAE,EAAE,CAAE;QAACC,IAAI,EAAE;MAAI,GACpBvB,MAAM,CAACgB,KACJ,CAAC,GAGNhB,MAAM,CAACgB,KACT;MAEP,IAAMQ,0BAA0B,GAC9B,EAAAJ,mBAAA,GAACpB,MAAM,CAACyB,WAAW,cAAAL,mBAAA,uBAAnBA,mBAAA,CAAsCX,IAAI,MAAKiB,iBAAK,CAACC,QAAQ;MAE/D,oBACE5D,MAAA,YAAAuC,aAAA,CAACvD,eAAA,CAAA6E,IAAI;QAACvB,GAAG,EAAEL,MAAM,CAACK,GAAI;QAACwB,SAAS,EAAC;MAAQ,gBACvC9D,MAAA,YAAAuC,aAAA,CAACvD,eAAA,CAAA6E,IAAI;QAACE,GAAG,EAAC,OAAO;QAACC,EAAE,EAAE,CAAE;QAACC,OAAO,EAAEhC,MAAM,CAACK;MAAI,GAC1CW,KACG,CAAC,eAEPjD,MAAA,YAAAuC,aAAA,CAACM,cAAc,CAACqB,IAAI;QAClBzB,IAAI,EAAER,MAAM,CAACK,GAAI;QACjB6B,QAAQ,EAAElC,MAAM,CAACkC,QAAS;QAC1BhC,YAAY,EAAEA,YAAa;QAC3BiC,SAAS,EAAC,YAAY;QACtBC,IAAI,EAAE;UACJC,kBAAkB,EAAE,CAAC,aAAa,EAAE,QAAQ;QAC9C,CAAE;QACF,oBAAkBrC,MAAM,CAACyB,WAAW,GAAGzB,MAAM,CAACK,GAAG,GAAG,cAAc,GAAGiC;MAAU,GAG9E,UAAAC,KAAA,EAAe;QAAA,IAAZ5B,KAAK,GAAA4B,KAAA,CAAL5B,KAAK;QACP,IAAIX,MAAM,CAACS,IAAI,KAAK,UAAU,EAAE;UAC9B,oBACE1C,MAAA,YAAAuC,aAAA,CAAC1C,SAAA,WAAQ,MAAAkD,SAAA,iBACHH,KAAK;YACT6B,CAAC,EAAE,EAAG;YACNvB,QAAQ,EAAErC,KAAA,CAAK6D,YAAY,CAAC9B,KAAK,CAACM,QAAQ,CAAE;YAC5CF,EAAE,EAAEf,MAAM,CAACK;UAAI,EAChB,CAAC;QAEN;QACA,IAAIL,MAAM,CAACS,IAAI,KAAK,OAAO,IAAIT,MAAM,CAACS,IAAI,KAAK,OAAO,EAAE;UACtD,IAAIT,MAAM,CAACS,IAAI,KAAK,OAAO,EAAE;YAC3BE,KAAK,CAAC+B,YAAY,GAAG,OAAO;YAC5B/B,KAAK,CAACF,IAAI,GAAG,OAAO;UACtB;UAEA,oBACE1C,MAAA,YAAAuC,aAAA,CAAChD,MAAA,WAAK;YAACqF,KAAK,EAAEhC,KAAK,CAACgC;UAAM,gBACxB5E,MAAA,YAAAuC,aAAA,CAAChD,MAAA,WAAK,CAACsF,KAAK,MAAA9B,SAAA,iBACNH,KAAK;YACTM,QAAQ,EAAErC,KAAA,CAAK6D,YAAY,CAAC9B,KAAK,CAACM,QAAQ,CAAE;YAC5CF,EAAE,EAAEf,MAAM,CAACK;UAAI,EAChB,CACI,CAAC;QAEZ;QACA,OAAO,IAAI;MACb,CACmB,CAAC,EACrBL,MAAM,CAACyB,WAAW,iBACjB1D,MAAA,YAAAuC,aAAA,CAACvD,eAAA,CAAA8F,GAAG;QAACd,EAAE,EAAE;MAAE,GACR,OAAO/B,MAAM,CAACyB,WAAW,KAAK,QAAQ,IAAID,0BAA0B,gBAE/DzD,MAAA,YAAAuC,aAAA,CAACzC,WAAA,CAAAwD,IAAI;QAACE,IAAI,EAAE,GAAI;QAACuB,KAAK,EAAC,gBAAgB;QAAC/B,EAAE,EAAEf,MAAM,CAACK,GAAG,GAAG;MAAe,GACrEL,MAAM,CAACyB,WACJ,CAAC,GAGPzB,MAAM,CAACyB,WAEV,CAEH,CAAC;IAEX,CAAC;IAAA,OAAA7C,KAAA;EAAA;EAAA,IAAAmE,UAAA,aAAArE,kBAAA,EAAAC,UAAA;EAAA,WAAAqE,aAAA,aAAAtE,kBAAA;IAAA2B,GAAA;IAAA4C,GAAA,EA/JD,SAAAA,IAAA,EAAe;MACb,IAAQC,GAAG,GAAK,IAAI,CAACvD,OAAO,CAApBuD,GAAG;MAEX,UAAA7D,MAAA,CAAU6D,GAAG;IACf;EAAC;IAAA7C,GAAA;IAAA8C,KAAA,EAED,SAAAC,cAAcA,CAAA,EAAG;MACf,OAAO;QACLrC,EAAE,EAAE,IAAI,CAACsC;MACX,CAAC;IACH;EAAC;IAAAhD,GAAA;IAAA8C,KAAA,EAED,SAAAG,YAAYA,CAAA,EAAG;MACb,IAAQC,cAAc,GAAK,IAAI,CAAC5D,OAAO,CAA/B4D,cAAc;MAEtB,OAAO;QACLA,cAAc,EAAdA;MACF,CAAC;IACH;EAAC;IAAAlD,GAAA;IAAA8C,KAAA,EAED,SAAAK,eAAeA,CAAA,EAAG;MAChB,IAAQN,GAAG,GAAK,IAAI,CAACvD,OAAO,CAApBuD,GAAG;MACX,UAAA7D,MAAA,CAAU6D,GAAG;IACf;EAAC;IAAA7C,GAAA;IAAA8C,KAAA,EAiBD,SAAAM,kBAAkBA,CAACC,SAAwC,EAAE;MAAA,IAAAC,MAAA;MAC3D,IAAAC,aAAA,GAAgC,IAAI,CAACjE,OAAO;QAApCkE,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,WAAW,GAAAF,aAAA,CAAXE,WAAW;MAE3B,IAAIJ,SAAS,CAACG,MAAM,KAAKA,MAAM,EAAE;QAC/B,IAAI,CAACE,QAAQ,CAAC;UAAExE,KAAK,EAAE;QAAM,CAAC,CAAC;QAE/B,IAAIsE,MAAM,KAAK,SAAS,EAAE;UACxB;UACAG,UAAU,CAAC,YAAM;YACfL,MAAI,CAACM,OAAO,CAACC,GAAG,CAAC;cACfC,IAAI,eAAEpG,MAAA,YAAAuC,aAAA,CAACnD,EAAA,WAAM;gBAAC2F,KAAK,EAAC;cAAW,CAAE,CAAC;cAClCsB,QAAQ,EAAEN,WAAW,CAAC,gBAAgB,CAAC;cACvCO,gBAAgB,EAAE,IAAI;cACtBC,QAAQ,EAAE;YACZ,CAAC,CAAC;UACJ,CAAC,EAAE,GAAG,CAAC;QACT,CAAC,MAAM,IAAIT,MAAM,KAAK,OAAO,EAAE;UAC7B,IAAI,CAACE,QAAQ,CAAC;YAAExE,KAAK,EAAE;UAAK,CAAC,CAAC;QAChC;MACF;IACF;EAAC;IAAAc,GAAA;IAAA8C,KAAA,EAqGD,SAAAoB,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAA7E,OAAA;QAAA8E,KAAA,QAAA9E,OAAA;QAAA+E,KAAA;QAAAC,MAAA;MACP,IAAAC,cAAA,GAwBI,IAAI,CAACjF,OAAO;QAvBdkF,MAAM,GAAAD,cAAA,CAANC,MAAM;QACNC,UAAU,GAAAF,cAAA,CAAVE,UAAU;QACVC,UAAU,GAAAH,cAAA,CAAVG,UAAU;QACVC,gBAAgB,GAAAJ,cAAA,CAAhBI,gBAAgB;QAChBC,iBAAiB,GAAAL,cAAA,CAAjBK,iBAAiB;QACjBC,aAAa,GAAAN,cAAA,CAAbM,aAAa;QACHC,SAAS,GAAAP,cAAA,CAAnBQ,QAAQ;QACRC,MAAM,GAAAT,cAAA,CAANS,MAAM;QACNC,UAAU,GAAAV,cAAA,CAAVU,UAAU;QACVzB,MAAM,GAAAe,cAAA,CAANf,MAAM;QACN0B,KAAK,GAAAX,cAAA,CAALW,KAAK;QACLC,UAAU,GAAAZ,cAAA,CAAVY,UAAU;QACV9F,MAAM,GAAAkF,cAAA,CAANlF,MAAM;QACN+F,OAAO,GAAAb,cAAA,CAAPa,OAAO;QACUC,gBAAgB,GAAAd,cAAA,CAAjChF,eAAe;QACf+F,mBAAmB,GAAAf,cAAA,CAAnBe,mBAAmB;QACnBC,mBAAmB,GAAAhB,cAAA,CAAnBgB,mBAAmB;QACnB9B,WAAW,GAAAc,cAAA,CAAXd,WAAW;QACX+B,kBAAkB,GAAAjB,cAAA,CAAlBiB,kBAAkB;QAClBC,UAAU,GAAAlB,cAAA,CAAVkB,UAAU;QACVC,YAAY,GAAAnB,cAAA,CAAZmB,YAAY;QACJC,eAAe,GAAApB,cAAA,CAAvBqB,MAAM;QACHC,KAAK,OAAAC,yBAAA,aAAAvB,cAAA,EAAAtG,SAAA;MAGV,IAAM8H,eAAe,GA0CPC,iBAAK;MAzCnB,IAAMC,cAAc,GAAGvB,UAAU,CAACwB,MAAM,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAAC/F,IAAI,KAAK,UAAU;MAAA,EAAC;MAC5E,IAAMgG,UAAU,GAAG1B,UAAU,CAACwB,MAAM,CAClC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAAC/F,IAAI,KAAK,UAAU,IAAI+F,IAAI,CAAC/F,IAAI,KAAK,OAAO,IAAI+F,IAAI,CAAC/F,IAAI,KAAK,OAAO;MAAA,CACtF,CAAC;MACD,IAAMiG,cAAc,GAAG,IAAI,CAAClD,eAAe,CAAC,CAAC;MAE7C,OAAAkB,KAAA,GAAO,IAAAlG,aAAO,EAAC6G,MAAM,CAAC,eACpBtH,MAAA,YAAAuC,aAAA,CAAcuC,mBAAG,MAAAhG,KAAA,CAAA8J,WAAA,MAAAlC,KAAA,gBACf1G,MAAA,YAAAuC,aAAA,CAAC0F,eAAe,EAAAtB,KAAA,CAAAkC,EAAA;QAAA,WACLjB,mBAAmB;QAAA,cAChB7B,WAAW,CAAC,eAAe,CAAC;QAAA,OACnClC,oBAAI;QAAA,cACGqD,iBAAiB,GAAG,YAAY,GAAG;MAAQ,iBAEvDlH,MAAA,YAAAuC,aAAA,CAAC0F,eAAe,CAACa,KAAK;QAACC,EAAE,EAAE,CAAE;QAAC,eAAa;MAAK,gBAC9C/I,MAAA,YAAAuC,aAAA,CAACyF,YAAY,EAAArB,KAAA,CAAAkC,EAAA,oBAAE,CACM,CAAC,eACxB7I,MAAA,YAAAuC,aAAA,CAAC0F,eAAe,CAACe,OAAO,QACrB9B,iBAAiB,gBAAGlH,MAAA,YAAAuC,aAAA,CAAC0F,eAAe,CAACgB,KAAK,QAAE/B,iBAAyC,CAAC,GAAG,IAAI,eAC9FlH,MAAA,YAAAuC,aAAA,CAAC0F,eAAe,CAAC3E,IAAI;QAAC4F,GAAG,EAAE,CAAE;QAACnF,GAAG,EAAEF,oBAAK;QAACsF,UAAU,EAAEjC,iBAAiB,GAAG,YAAY,GAAG;MAAS,gBAC/FlH,MAAA,YAAAuC,aAAA,CAACzC,WAAA,CAAAwD,IAAI,EAAAqD,KAAA,CAAAkC,EAAA;QAAA,MAAKF;MAAc,IACrB1B,gBACG,CAAC,eACPjH,MAAA,YAAAuC,aAAA,CAAC0F,eAAe,CAACmB,OAAO;QAACpF,EAAE,EAAE;MAAE,gBAC7BhE,MAAA,YAAAuC,aAAA,CAAClC,aAAA,WAAY,EAAAsG,KAAA,CAAAkC,EAAA;QAAA,SACJlH,MAAM;QAAA,YACH,IAAI,CAAC0H,kBAAkB;QAAA,mBAChBV;MAAc,EAChC,CACsB,CAAC,EACzBxB,aAAa,iBACZnH,MAAA,YAAAuC,aAAA,CAAC/C,KAAA,WAAI,EAAAmH,KAAA,CAAAkC,EAAA;QAAA,QAAO1B;MAAa,IACtBpB,WAAW,CAAC,WAAW,CACpB,CAEY,CACC,CAAC,eAC1B/F,MAAA,YAAAuC,aAAA,CAAC0F,eAAe,CAACqB,KAAK;QAACC,OAAO,EAAE1B;MAAoB,CAAE,CACvC,CAAC,eAElB7H,MAAA,YAAAuC,aAAA,CAAC8F,eAAe,EAAA1B,KAAA,CAAAkC,EAAA,wBAAAW,cAAA,qBAAA1K,KAAA,CAAA8J,WAAA;QAAA,WAELlB,OAAO;QAAA,WACP,IAAI,CAAC+B,gBAAgB;QAAA,KAC3B,CAAC;QAAA,SACG1B,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,GAAG;QAAA,mBACP,IAAI,CAACzC;MAAQ,GAAAmB,IAAA,kBAE9BzG,MAAA,YAAAuC,aAAA,CAACtC,eAAA,CAAAyJ,IAAI,EAAA/C,KAAA,CAAAkC,EAAA,aAAAW,cAAA;QAAA,cAAa,CAAC,IAAI,CAACG,cAAc;MAAC,GAAMxB,KAAK,IAC/C,UAACyB,GAAG;QAAA,IAAAC,KAAA;QAAA,OAAAA,KAAA,GACH,IAAApJ,aAAO,EAAC6G,MAAM,CAAC,eACbtH,MAAA,YAAAuC,aAAA,CAAC3C,cAAA,WAAa,EAAAiK,KAAA,CAAAhB,EAAA;UAAA,cACApB,UAAU;UAAA,SACfD,KAAK;UAAA,QACP,IAAI;UAAA,WACA1B,MAAM,KAAK,SAAS,GAAG8D,GAAG,CAACE,UAAU,GAAGhE,MAAM,KAAK,SAAS;UAAA,KAClE,CAAC;UAAA,KACD;QAAC,iBAEJ9F,MAAA,YAAAuC,aAAA,CAACvD,eAAA,CAAA6E,IAAI,EAAAgG,KAAA,CAAAhB,EAAA;UAAA,kBAAgB;QAAQ,iBAC3B7I,MAAA,YAAAuC,aAAA,CAAClC,aAAA,WAAY,EAAAwJ,KAAA,CAAAhB,EAAA;UAAA,SAAQlH,MAAM;UAAA,YAAY;QAAI,EAAG,CAC1C,CAAC,EAEN,CAACmF,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAmBpE,IAAI,MAAKG,cAAc,CAACkH,MAAM,GAEnDjD,MAAM,gBAGN9G,MAAA,YAAAuC,aAAA,CAACM,cAAc,CAACkH,MAAM,QAAEjD,MAA8B,CACvD,eAEL9G,MAAA,YAAAuC,aAAA,CAACvD,eAAA,CAAA8F,GAAG,EAAA+E,KAAA,CAAAhB,EAAA,YAAAW,cAAA,iBAAAA,cAAA;UAAA,OACE,MAAM;UAAA;UAAA,UAEH,MAAM;UAAA,OACRjC;QAAU,GACXY,KAAK;UAAA,YACCyB,GAAG,CAACI;QAAY,kBAE1BhK,MAAA,YAAAuC,aAAA,CAACtC,eAAA,CAAAuC,KAAK,EAAAqH,KAAA,CAAAhB,EAAA;UAAA,QAAM,QAAQ;UAAA,gBAAelH;QAAM,IACtC,UAAAsI,KAAA;UAAA,IAAGrH,KAAK,GAAAqH,KAAA,CAALrH,KAAK;UAAA,oBAAO5C,MAAA,YAAAuC,aAAA,cAAAQ,SAAA,iBAAWH,KAAK;YAAEF,IAAI,EAAC;UAAQ,EAAE,CAAC;QAAA,CAC7C,CAAC,eAER1C,MAAA,YAAAuC,aAAA,QAAAsH,KAAA,CAAAhB,EAAA;UAAA,QAAU,OAAO;UAAA,mBAAkBjC,MAAI,CAACtB;QAAQ,IAC7CiD,cAAc,CAAC2B,GAAG,CAAC,UAACC,cAAc,EAAEjI,KAAK;UAAA,OACxC0E,MAAI,CAACwD,cAAc,CAACD,cAAc,EAAEjI,KAAK,CAAC;QAAA,CAC5C,CACG,CAAC,EAELwG,UAAU,CAACwB,GAAG,CAAC,UAACC,cAAc;UAAA,OAAKvD,MAAI,CAACyD,eAAe,CAACF,cAAc,CAAC;QAAA,EAAC,EAExEvD,MAAI,CAAChC,KAAK,CAACpD,KAAK,iBACfxB,MAAA,YAAAuC,aAAA,CAAC7C,OAAA,WAAa,EAAAmK,KAAA,CAAAhB,EAAA;UAAA,SAAO,SAAS;UAAA,MAAK,CAAC;UAAA,MAAM;QAAC,iBACzC7I,MAAA,YAAAuC,aAAA,CAAC7C,OAAA,WAAa,CAACoJ,KAAK,qBAClB9I,MAAA,YAAAuC,aAAA,CAAClD,GAAA,WAAK,EAAAwK,KAAA,CAAAhB,EAAA,aAAE,CACW,CAAC,eACtB7I,MAAA,YAAAuC,aAAA,CAAC7C,OAAA,WAAa,CAACsJ,OAAO,QACnBjD,WAAW,CAAC,cAAc,EAAE;UAC3B;UACA;UACAuE,KAAK,eACHtK,MAAA,YAAAuC,aAAA,CAAC/C,KAAA,WAAI,EAAAqK,KAAA,CAAAhB,EAAA;YAAA,kBAAAvH,MAAA,CAAiBwG,kBAAkB;UAAA,IACrCA,kBACG;QAEV,CAAC,CACoB,CACV,CAChB,eAED9H,MAAA,YAAAuC,aAAA,CAACvD,eAAA,CAAA6E,IAAI,EAAAgG,KAAA,CAAAhB,EAAA;UAAA,MAAK,CAAC;UAAA,kBAAiB;QAAQ,iBAClC7I,MAAA,YAAAuC,aAAA,CAACM,cAAc,CAAC0H,MAAM;UACpBC,OAAO,EAAE1E,MAAM,KAAK,SAAS,GAAG8D,GAAG,CAACE,UAAU,GAAGhE,MAAM,KAAK,SAAU;UACtEtC,IAAI,EAAC;QAAG,GAEPuD,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIhB,WAAW,CAAC,cAAc,CACpB,CACnB,CACH,CACQ,CAAC;MAAA,CAEhB,CACS,CAAC,eAElB/F,MAAA,YAAAuC,aAAA,CAAC5C,aAAA,CAAA8K,qBAAqB,EAAA9D,KAAA,CAAAkC,EAAA;QAAA,WAAU,IAAI,CAAC3C;MAAO,EAAG,CAC3C,CAAC;IAEX;EAAC;AAAA,EAvW8BwE,eAAS;AAAA,IAAAnJ,gBAAA,aAApCZ,kBAAkB,iBAOD,oBAAoB;AAAA,IAAAY,gBAAA,aAPrCZ,kBAAkB,WAQPH,KAAK;AAAA,IAAAe,gBAAA,aARhBZ,kBAAkB,aAUL,CAAC,IAAAgK,uBAAW,EAACC,8CAAiB,CAAC,EAAE,IAAAC,oBAAmB,EAAC,CAAC,CAAC;AAAA,IAAAtJ,gBAAA,aAVpEZ,kBAAkB,kBAYA;EACpBmK,QAAQ,EAAE,SAAVA,QAAQA,CAAA,EAAQ,CAAC,CAAC;EAClBC,IAAI,EAAEH,8CAAiB;EACvBI,MAAM,EAAE,IAAI;EACZhD,YAAY,EAAEiD,oBAAoB;EAClC/C,MAAM,EAAEgD;AACV,CAAC;AAAA,IAAA3J,gBAAA,aAlBGZ,kBAAkB,cAoBJ;EAChB+C,WAAW,EAAE,SAAbA,WAAWA,CAAGlC,KAAqB;IAAA,OAAK,YAAgB;MAAA,IAAf4D,KAAK,GAAApE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAuD,SAAA,GAAAvD,SAAA,MAAG,EAAE;MACjD,IAAMmK,KAAK,GAAG/F,KAAK,CAACgG,KAAK,CAAC,KAAK,CAAC;MAChC,IAAMC,OAAO,GAAGF,KAAK,CAACG,IAAI,CAAC,GAAG,CAAC;MAC/B,IAAIC,OAAO,CAACnG,KAAK,CAAC,KAAKiG,OAAO,CAACpK,MAAM,GAAG,EAAE,IAAIkK,KAAK,CAAClK,MAAM,GAAG,CAAC,CAAC,EAAE;QAC/D,OAAOO,KAAK;MACd;IACF,CAAC;EAAA;EACD8I,KAAK,EAAE,SAAPA,KAAKA,CAAG9I,KAAqB;IAAA,OAAK,YAAgB;MAAA,IAAf4D,KAAK,GAAApE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAuD,SAAA,GAAAvD,SAAA,MAAG,EAAE;MAC3C,IAAIuK,OAAO,CAACnG,KAAK,CAAC,IAAI,CAAC,YAAY,CAACoG,IAAI,CAACC,MAAM,CAACrG,KAAK,CAAC,CAACsG,WAAW,CAAC,CAAC,CAAC,EAAE;QACrE,OAAOlK,KAAK;MACd;IACF,CAAC;EAAA;AACH,CAAC;AAyUH,SAASuI,MAAMA,CAAC3H,KAAU,EAAE;EAAA,IAAAuJ,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC1B,IAAQvE,MAAM,GAAKlF,KAAK,CAAhBkF,MAAM;EACd,IAAMwE,OAAO,GAEMxD,iBAAK,CAACW,KAAK;EAD9B,OAAA4C,KAAA,GAAO,IAAApL,aAAO,EAAC6G,MAAM,CAAC,eACpBtH,MAAA,YAAAuC,aAAA,CAACuJ,OAAO,EAAAD,KAAA,CAAAhD,EAAA,gBAAAW,cAAA,qBAAA1K,KAAA,CAAA8J,WAAA,MAAA+C,KAAA,GAAuB,CAAC;AAEpC;AAEA,IAAM9I,cAA4F,GAChG,IAAAkJ,qBAAe,EAACpL,kBAAkB,EAAE;EAClCoJ,MAAM,EAANA,MAAM;EACN7F,IAAI,EAAE8H,0BAAY;EAClBlJ,QAAQ,EAAEmJ,0BAAc;EACxB1B,MAAM,EAAE2B;AACV,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEUvJ,cAAc","ignoreList":[]}

package/lib/cjs/component/slider-rating/SliderRating.js CHANGED Viewed

@@ -18,14 +18,14 @@ var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSliderRating_10obr_gg_ .___SStar_10obr_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_10obr_gg_:focus-visible .___SStar_10obr_gg_.__hovered_10obr_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_10obr_gg_ .___SStar_10obr_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_10obr_gg_.__readonly_10obr_gg_ .___SStar_10obr_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_10obr_gg_.__filled_10obr_gg_:active{animation:wobble .8s ease-in-out}.___SStar_10obr_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_10obr_gg_.__filled_10obr_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}", /*__inner_css_end__*/"10obr_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSliderRating_z15a8_gg_ .___SStar_z15a8_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_z15a8_gg_:focus-visible .___SStar_z15a8_gg_.__hovered_z15a8_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_z15a8_gg_ .___SStar_z15a8_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_z15a8_gg_.__readonly_z15a8_gg_ .___SStar_z15a8_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_z15a8_gg_.__filled_z15a8_gg_:active{animation:wobble .8s ease-in-out}.___SStar_z15a8_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_z15a8_gg_.__filled_z15a8_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}", /*__inner_css_end__*/"z15a8_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSliderRating": "___SSliderRating_10obr_gg_",
-  "__SStar": "___SStar_10obr_gg_",
-  "_hovered": "__hovered_10obr_gg_",
-  "_readonly": "__readonly_10obr_gg_",
-  "_filled": "__filled_10obr_gg_"
+  "__SSliderRating": "___SSliderRating_z15a8_gg_",
+  "__SStar": "___SStar_z15a8_gg_",
+  "_hovered": "__hovered_z15a8_gg_",
+  "_readonly": "__readonly_z15a8_gg_",
+  "_filled": "__filled_z15a8_gg_"
 });
 var MIN = 1;
 var MAX = 5;
@@ -160,10 +160,9 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
           "role": 'img',
           "aria-label": label
         }, _ref), new Array(MAX).fill(null).map(function (_, index) {
-          return /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
-            key: index,
-            position: "relative"
-          }, /*#__PURE__*/_react["default"].createElement(SliderRating.Star, null));
+          return /*#__PURE__*/_react["default"].createElement(SliderRating.Star, {
+            key: index
+          });
         }));
       }
       var hoverValue = hoveredIndex + 1;
@@ -180,10 +179,9 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
         "aria-valuetext": editModeLabel,
         "aria-valuenow": hoverValue
       }, _ref))), new Array(MAX).fill(null).map(function (_, index) {
-        return /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
-          key: index,
-          position: "relative"
-        }, /*#__PURE__*/_react["default"].createElement(SliderRating.Star, null));
+        return /*#__PURE__*/_react["default"].createElement(SliderRating.Star, {
+          key: index
+        });
       }));
     }
   }]);

package/lib/cjs/component/slider-rating/SliderRating.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderRating.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_uniqueID","_flexBox","_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","Box","position","SliderRating","Star","hoverValue","editModeLabel","cn","_objectSpread2","handleMouseLeave","handleKeyDown","Component","uniqueIDEnhancement","i18nEnhance","localizedMessages","i18n","locale","props","_ref2","arguments[0]","_ref4","SStar","displayName","createComponent","_default","exports"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import { 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 { Flex, Box, type BoxProps } from '@semcore/flex-box';\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 {},\n State,\n typeof SliderRatingRoot.enhance\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) => {\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 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) => {\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 ? (\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":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AAGA,IAAAM,4BAAA,GAAAN,OAAA;AAAuF;AAAA,IAAAO,KAAA,8BAAAR,KAAA,CAAAS,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAiBvF,IAAMC,GAAG,GAAG,CAAC;AACb,IAAMC,GAAG,GAAG,CAAC;AAAC,IAERC,gBAAgB,0BAAAC,UAAA;EAAA,SAAAD,iBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,gBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,OAAAQ,WAAA,mBAAAV,gBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA,WAWL;MACbW,YAAY,EAAE,CAAC,CAAC;MAChBC,YAAY,EAAE,CAAC;IACjB,CAAC;IAAA,IAAAF,gBAAA,aAAAV,KAAA,iBAOa,UAACa,QAAgB;MAAA,OAAK,UAACC,EAAoC,EAAK;QAC5E,IAAQC,QAAQ,GAAKf,KAAA,CAAKgB,OAAO,CAAzBD,QAAQ;QAEhB,IAAI,CAACA,QAAQ,EAAE;UACbf,KAAA,CAAKiB,QAAQ,CAACJ,QAAQ,CAAC;QACzB;MACF,CAAC;IAAA;IAAA,IAAAH,gBAAA,aAAAV,KAAA,sBAEkB,UAACkB,KAAa;MAAA,OAAK,YAAM;QAC1ClB,KAAA,CAAKmB,QAAQ,CAAC;UAAER,YAAY,EAAEO;QAAM,CAAC,CAAC;MACxC,CAAC;IAAA;IAAA,IAAAR,gBAAA,aAAAV,KAAA,sBAEkB,YAAM;MACvBA,KAAA,CAAKmB,QAAQ,CAAC;QAAER,YAAY,EAAE,CAAC;MAAE,CAAC,CAAC;IACrC,CAAC;IAAA,IAAAD,gBAAA,aAAAV,KAAA,cAcU,UAACa,QAAgB,EAAK;MAC/B,IAAAO,aAAA,GAA4BpB,KAAA,CAAKgB,OAAO;QAAhCK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;MAEvB,IAAID,QAAQ,EAAE;QACZA,QAAQ,CAACR,QAAQ,CAAC;MACpB;MAEA,IAAIA,QAAQ,IAAIS,KAAK,EAAE;QACrBtB,KAAA,CAAKmB,QAAQ,CAAC;UAAEP,YAAY,EAAEC,QAAQ;UAAEF,YAAY,EAAE,CAAC;QAAE,CAAC,CAAC;MAC7D,CAAC,MAAM;QACLX,KAAA,CAAKmB,QAAQ,CAAC;UAAEP,YAAY,EAAE,CAAC,CAAC;UAAED,YAAY,EAAE,CAAC;QAAE,CAAC,CAAC;MACvD;IACF,CAAC;IAAA,IAAAD,gBAAA,aAAAV,KAAA,mBAEe,UAACuB,KAA0B,EAAK;MAC9C,IAAI,CAAC,CAAC,WAAW,EAAE,YAAY,EAAE,OAAO,CAAC,CAACC,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,EAAE;MAC/DF,KAAK,CAACG,cAAc,CAAC,CAAC;MAEtB,IAAIH,KAAK,CAACE,GAAG,KAAK,OAAO,EAAE;QACzB,IAAQd,YAAY,GAAKX,KAAA,CAAK2B,KAAK,CAA3BhB,YAAY;QAEpBX,KAAA,CAAKiB,QAAQ,CAACN,YAAY,GAAG,CAAC,CAAC;MACjC,CAAC,MAAM;QACL,IAAQW,KAAK,GAAKtB,KAAA,CAAKgB,OAAO,CAAtBM,KAAK;QACb,IAAQX,aAAY,GAAKX,KAAA,CAAK2B,KAAK,CAA3BhB,YAAY;QAEpB,IAAMiB,SAAS,GAAGL,KAAK,CAACE,GAAG,KAAK,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC;QACpD,IAAIZ,QAAQ,GAAGF,aAAY,KAAK,CAAC,CAAC,GAAGW,KAAK,GAAGM,SAAS,GAAGjB,aAAY,GAAG,CAAC,GAAGiB,SAAS;QAErF,IAAIf,QAAQ,GAAGhB,GAAG,EAAEgB,QAAQ,GAAGhB,GAAG;QAClC,IAAIgB,QAAQ,GAAGjB,GAAG,EAAEiB,QAAQ,GAAGjB,GAAG;QAElCI,KAAA,CAAKmB,QAAQ,CAAC;UAAER,YAAY,EAAEE,QAAQ,GAAG;QAAE,CAAC,CAAC;MAC/C;IACF,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAA6B,UAAA,aAAA/B,gBAAA,EAAAC,UAAA;EAAA,WAAA+B,aAAA,aAAAhC,gBAAA;IAAA2B,GAAA;IAAAH,KAAA,EA9CD,SAAAS,YAAYA,CAACC,CAAM,EAAEd,KAAa,EAAE;MAClC,IAAAe,cAAA,GAA4B,IAAI,CAACjB,OAAO;QAAhCM,KAAK,GAAAW,cAAA,CAALX,KAAK;QAAEP,QAAQ,GAAAkB,cAAA,CAARlB,QAAQ;MACvB,IAAQJ,YAAY,GAAK,IAAI,CAACgB,KAAK,CAA3BhB,YAAY;MAEpB,OAAO;QACLuB,MAAM,EAAEZ,KAAK,GAAGJ,KAAK,GAAG,CAAC,IAAII,KAAK,IAAIJ,KAAK,IAAIP,YAAY,GAAGO,KAAK,IAAIP,YAAY;QACnFwB,OAAO,EAAE,IAAI,CAACC,WAAW,CAAClB,KAAK,GAAG,CAAC,CAAC;QACpCmB,YAAY,EAAEtB,QAAQ,GAAGuB,SAAS,GAAG,IAAI,CAACC,gBAAgB,CAACrB,KAAK,CAAC;QACjEsB,OAAO,EAAE7B,YAAY,KAAKO;MAC5B,CAAC;IACH;EAAC;IAAAO,GAAA;IAAAH,KAAA,EAsCD,SAAAmB,YAAYA,CAAA,EAAG;MACb,IAAQ9B,YAAY,GAAK,IAAI,CAACgB,KAAK,CAA3BhB,YAAY;MACpB,IAAA+B,cAAA,GAAyC,IAAI,CAAC1B,OAAO;QAA7CD,QAAQ,GAAA2B,cAAA,CAAR3B,QAAQ;QAAEO,KAAK,GAAAoB,cAAA,CAALpB,KAAK;QAAEqB,WAAW,GAAAD,cAAA,CAAXC,WAAW;MAEpC,IAAI5B,QAAQ,EAAE;QACZ,OAAO4B,WAAW,CAAC,qDAAqD,EAAE;UACxEC,cAAc,EAAEtB,KAAK;UACrBuB,GAAG,EAAEhD;QACP,CAAC,CAAC;MACJ;MAEA,IAAIyB,KAAK,EAAE;QACT,IAAMsB,cAAc,GAAGjC,YAAY,GAAG,CAAC,CAAC,GAAGA,YAAY,GAAG,CAAC,GAAGW,KAAK;QACnE,OAAOqB,WAAW,CAAC,4CAA4C,EAAE;UAC/DC,cAAc,EAAEA,cAAc;UAC9BC,GAAG,EAAEhD;QACP,CAAC,CAAC;MACJ;MAEA,OAAOc,YAAY,KAAK,CAAC,CAAC,GACtBgC,WAAW,CAAC,kDAAkD,CAAC,GAC/DA,WAAW,CAAC,4CAA4C,EAAE;QACxDC,cAAc,EAAEjC,YAAY,GAAG,CAAC;QAChCkC,GAAG,EAAEhD;MACP,CAAC,CAAC;IACR;EAAC;IAAA4B,GAAA;IAAAH,KAAA,EAED,SAAAwB,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAA/B,OAAA;QAAAgC,KAAA;MACP,IAAAC,cAAA,GAAiD,IAAI,CAACjC,OAAO;QAArDkC,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEnC,QAAQ,GAAAkC,cAAA,CAARlC,QAAQ;QAAE4B,WAAW,GAAAM,cAAA,CAAXN,WAAW;QAAErB,KAAK,GAAA2B,cAAA,CAAL3B,KAAK;MAC5C,IAAQX,YAAY,GAAK,IAAI,CAACgB,KAAK,CAA3BhB,YAAY;MAEpB,IAAMwC,aAAa,GA4BPC,aAAI;MA3BhB,IAAMC,KAAK,GAAG,IAAI,CAACZ,YAAY,CAAC,CAAC;MAEjC,IAAI1B,QAAQ,EAAE;QACZ,oBACExB,MAAA,YAAA+D,aAAA,CAACH,aAAa,MAAAlE,KAAA,CAAAsE,WAAA;UAAA,OAAoB,CAAC;UAAA,QAAO,KAAK;UAAA,cAAaF;QAAK,GAAAN,IAAA,GAC9D,IAAIzC,KAAK,CAACT,GAAG,CAAC,CAAC2D,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,UAACzB,CAAC,EAAEd,KAAK,EAAK;UAC3C,oBACE3B,MAAA,YAAA+D,aAAA,CAAChE,QAAA,CAAAoE,GAAG;YAACjC,GAAG,EAAEP,KAAM;YAACyC,QAAQ,EAAC;UAAU,gBAClCpE,MAAA,YAAA+D,aAAA,CAACM,YAAY,CAACC,IAAI,MAAE,CACjB,CAAC;QAEV,CAAC,CACY,CAAC;MAEpB;MAEA,IAAMC,UAAU,GAAGnD,YAAY,GAAG,CAAC;MAEnC,IAAMoD,aAAa,GACjBD,UAAU,GAAG,CAAC,IAAIxC,KAAK,MAAAb,MAAA,CAChB4C,KAAK,QAAA5C,MAAA,CAAKkC,WAAW,CACxB,8DACF,CAAC,SACCU,KAAK;MAEX,OAAAL,KAAA,GAAO,IAAAtD,aAAO,EAACwD,MAAM,CAAC,eACpB3D,MAAA,YAAA+D,aAAA,CAACH,aAAa,EAAAH,KAAA,CAAAgB,EAAA,sBAAAC,cAAA,qBAAAhF,KAAA,CAAAsE,WAAA;QAAA,OAEP,CAAC;QAAA,YACI,CAAC;QAAA,gBACG,IAAI,CAACW,gBAAgB;QAAA,aACxB,IAAI,CAACC,aAAa;QAAA,QACxB,QAAQ;QAAA,oBACI,YAAY;QAAA,iBACdvE,GAAG;QAAA,iBACHC,GAAG;QAAA,kBACFkE,aAAa;QAAA,iBACdD;MAAU,GAAAf,IAAA,KAExB,IAAIzC,KAAK,CAACT,GAAG,CAAC,CAAC2D,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,UAACzB,CAAC,EAAEd,KAAK,EAAK;QAC3C,oBACE3B,MAAA,YAAA+D,aAAA,CAAChE,QAAA,CAAAoE,GAAG;UAACjC,GAAG,EAAEP,KAAM;UAACyC,QAAQ,EAAC;QAAU,gBAClCpE,MAAA,YAAA+D,aAAA,CAACM,YAAY,CAACC,IAAI,MAAE,CACjB,CAAC;MAEV,CAAC,CACY,CAAC;IAEpB;EAAC;AAAA,EArK4BO,eAAS;AAAA,IAAA1D,gBAAA,aAAlCZ,gBAAgB,iBAMC,cAAc;AAAA,IAAAY,gBAAA,aAN/BZ,gBAAgB,WAOLL,KAAK;AAAA,IAAAiB,gBAAA,aAPhBZ,gBAAgB,aASH,CAAC,IAAAuE,oBAAmB,EAAC,CAAC,EAAE,IAAAC,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAA7D,gBAAA,aATpEZ,gBAAgB,kBAgBE;EACpB0E,IAAI,EAAED,8CAAiB;EACvBE,MAAM,EAAE;AACV,CAAC;AAqJH,SAASZ,IAAIA,CAACa,KAAgB,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,KAAK,GAGCpB,YAAG;EAFf,OAAAmB,KAAA,GAAO,IAAAnF,aAAO,EAACgF,KAAK,CAACxB,MAAM,CAAC,eAC1B3D,MAAA,YAAA+D,aAAA,CAACwB,KAAK,EAAAD,KAAA,CAAAb,EAAA,cAAAC,cAAA,qBAAAhF,KAAA,CAAAsE,WAAA;IAAA,OAEA,KAAK;IAAA,QACJ,MAAM;IAAA,SACL,IAAI;IAAA,UACH,IAAI;IAAA,WACH,WAAW;IAAA,QACd,MAAM;IAAA,SACL;EAA4B,GAAAoB,KAAA,KAEjCD,KAAK,CAACxC,MAAM,gBAEP3C,MAAA,YAAA+D,aAAA,SAAAuB,KAAA,CAAAb,EAAA;IAAA,KAAQ;EAAiO,EAAE,CAAC,gBAG5OzE,MAAA,YAAA+D,aAAA,SAAAuB,KAAA,CAAAb,EAAA;IAAA,KACI,sVAAsV;IAAA,YAC/U,SAAS;IAAA,YACT;EAAS,EACnB,CAEF,CAAC;AAEZ;AACAH,IAAI,CAACkB,WAAW,GAAG,MAAM;AAEzB,IAAMnB,YAAY,GAAG,IAAAoB,qBAAe,EAAClF,gBAAgB,EAAE;EACrD+D,IAAI,EAAJA;AACF,CAAC,CAEA;AAAC,IAAAoB,QAAA,GAAAC,OAAA,cAEatB,YAAY","ignoreList":[]}
1	+ {"version":3,"file":"SliderRating.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_uniqueID","_flexBox","_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 { 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 { Flex, Box, type BoxProps } from '@semcore/flex-box';\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 {},\n State,\n typeof SliderRatingRoot.enhance\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":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AAGA,IAAAM,4BAAA,GAAAN,OAAA;AAAuF;AAAA,IAAAO,KAAA,8BAAAR,KAAA,CAAAS,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAiBvF,IAAMC,GAAG,GAAG,CAAC;AACb,IAAMC,GAAG,GAAG,CAAC;AAAC,IAERC,gBAAgB,0BAAAC,UAAA;EAAA,SAAAD,iBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,gBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,OAAAQ,WAAA,mBAAAV,gBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA,WAWL;MACbW,YAAY,EAAE,CAAC,CAAC;MAChBC,YAAY,EAAE,CAAC;IACjB,CAAC;IAAA,IAAAF,gBAAA,aAAAV,KAAA,iBAOa,UAACa,QAAgB;MAAA,OAAK,UAACC,EAAoC,EAAK;QAC5E,IAAQC,QAAQ,GAAKf,KAAA,CAAKgB,OAAO,CAAzBD,QAAQ;QAEhB,IAAI,CAACA,QAAQ,EAAE;UACbf,KAAA,CAAKiB,QAAQ,CAACJ,QAAQ,CAAC;QACzB;MACF,CAAC;IAAA;IAAA,IAAAH,gBAAA,aAAAV,KAAA,sBAEkB,UAACkB,KAAa;MAAA,OAAK,YAAM;QAC1ClB,KAAA,CAAKmB,QAAQ,CAAC;UAAER,YAAY,EAAEO;QAAM,CAAC,CAAC;MACxC,CAAC;IAAA;IAAA,IAAAR,gBAAA,aAAAV,KAAA,sBAEkB,YAAM;MACvBA,KAAA,CAAKmB,QAAQ,CAAC;QAAER,YAAY,EAAE,CAAC;MAAE,CAAC,CAAC;IACrC,CAAC;IAAA,IAAAD,gBAAA,aAAAV,KAAA,cAcU,UAACa,QAAgB,EAAK;MAC/B,IAAAO,aAAA,GAA4BpB,KAAA,CAAKgB,OAAO;QAAhCK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;MAEvB,IAAID,QAAQ,EAAE;QACZA,QAAQ,CAACR,QAAQ,CAAC;MACpB;MAEA,IAAIA,QAAQ,IAAIS,KAAK,EAAE;QACrBtB,KAAA,CAAKmB,QAAQ,CAAC;UAAEP,YAAY,EAAEC,QAAQ;UAAEF,YAAY,EAAE,CAAC;QAAE,CAAC,CAAC;MAC7D,CAAC,MAAM;QACLX,KAAA,CAAKmB,QAAQ,CAAC;UAAEP,YAAY,EAAE,CAAC,CAAC;UAAED,YAAY,EAAE,CAAC;QAAE,CAAC,CAAC;MACvD;IACF,CAAC;IAAA,IAAAD,gBAAA,aAAAV,KAAA,mBAEe,UAACuB,KAA0B,EAAK;MAC9C,IAAI,CAAC,CAAC,WAAW,EAAE,YAAY,EAAE,OAAO,CAAC,CAACC,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,EAAE;MAC/DF,KAAK,CAACG,cAAc,CAAC,CAAC;MAEtB,IAAIH,KAAK,CAACE,GAAG,KAAK,OAAO,EAAE;QACzB,IAAQd,YAAY,GAAKX,KAAA,CAAK2B,KAAK,CAA3BhB,YAAY;QAEpBX,KAAA,CAAKiB,QAAQ,CAACN,YAAY,GAAG,CAAC,CAAC;MACjC,CAAC,MAAM;QACL,IAAQW,KAAK,GAAKtB,KAAA,CAAKgB,OAAO,CAAtBM,KAAK;QACb,IAAQX,aAAY,GAAKX,KAAA,CAAK2B,KAAK,CAA3BhB,YAAY;QAEpB,IAAMiB,SAAS,GAAGL,KAAK,CAACE,GAAG,KAAK,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC;QACpD,IAAIZ,QAAQ,GAAGF,aAAY,KAAK,CAAC,CAAC,GAAGW,KAAK,GAAGM,SAAS,GAAGjB,aAAY,GAAG,CAAC,GAAGiB,SAAS;QAErF,IAAIf,QAAQ,GAAGhB,GAAG,EAAEgB,QAAQ,GAAGhB,GAAG;QAClC,IAAIgB,QAAQ,GAAGjB,GAAG,EAAEiB,QAAQ,GAAGjB,GAAG;QAElCI,KAAA,CAAKmB,QAAQ,CAAC;UAAER,YAAY,EAAEE,QAAQ,GAAG;QAAE,CAAC,CAAC;MAC/C;IACF,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAA6B,UAAA,aAAA/B,gBAAA,EAAAC,UAAA;EAAA,WAAA+B,aAAA,aAAAhC,gBAAA;IAAA2B,GAAA;IAAAH,KAAA,EA9CD,SAAAS,YAAYA,CAACC,CAAM,EAAEd,KAAa,EAAE;MAClC,IAAAe,cAAA,GAA4B,IAAI,CAACjB,OAAO;QAAhCM,KAAK,GAAAW,cAAA,CAALX,KAAK;QAAEP,QAAQ,GAAAkB,cAAA,CAARlB,QAAQ;MACvB,IAAQJ,YAAY,GAAK,IAAI,CAACgB,KAAK,CAA3BhB,YAAY;MAEpB,OAAO;QACLuB,MAAM,EAAEZ,KAAK,GAAGJ,KAAK,GAAG,CAAC,IAAII,KAAK,IAAIJ,KAAK,IAAIP,YAAY,GAAGO,KAAK,IAAIP,YAAY;QACnFwB,OAAO,EAAE,IAAI,CAACC,WAAW,CAAClB,KAAK,GAAG,CAAC,CAAC;QACpCmB,YAAY,EAAEtB,QAAQ,GAAGuB,SAAS,GAAG,IAAI,CAACC,gBAAgB,CAACrB,KAAK,CAAC;QACjEsB,OAAO,EAAE7B,YAAY,KAAKO;MAC5B,CAAC;IACH;EAAC;IAAAO,GAAA;IAAAH,KAAA,EAsCD,SAAAmB,YAAYA,CAAA,EAAG;MACb,IAAQ9B,YAAY,GAAK,IAAI,CAACgB,KAAK,CAA3BhB,YAAY;MACpB,IAAA+B,cAAA,GAAyC,IAAI,CAAC1B,OAAO;QAA7CD,QAAQ,GAAA2B,cAAA,CAAR3B,QAAQ;QAAEO,KAAK,GAAAoB,cAAA,CAALpB,KAAK;QAAEqB,WAAW,GAAAD,cAAA,CAAXC,WAAW;MAEpC,IAAI5B,QAAQ,EAAE;QACZ,OAAO4B,WAAW,CAAC,qDAAqD,EAAE;UACxEC,cAAc,EAAEtB,KAAK;UACrBuB,GAAG,EAAEhD;QACP,CAAC,CAAC;MACJ;MAEA,IAAIyB,KAAK,EAAE;QACT,IAAMsB,cAAc,GAAGjC,YAAY,GAAG,CAAC,CAAC,GAAGA,YAAY,GAAG,CAAC,GAAGW,KAAK;QACnE,OAAOqB,WAAW,CAAC,4CAA4C,EAAE;UAC/DC,cAAc,EAAEA,cAAc;UAC9BC,GAAG,EAAEhD;QACP,CAAC,CAAC;MACJ;MAEA,OAAOc,YAAY,KAAK,CAAC,CAAC,GACtBgC,WAAW,CAAC,kDAAkD,CAAC,GAC/DA,WAAW,CAAC,4CAA4C,EAAE;QACxDC,cAAc,EAAEjC,YAAY,GAAG,CAAC;QAChCkC,GAAG,EAAEhD;MACP,CAAC,CAAC;IACR;EAAC;IAAA4B,GAAA;IAAAH,KAAA,EAED,SAAAwB,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAA/B,OAAA;QAAAgC,KAAA;MACP,IAAAC,cAAA,GAAiD,IAAI,CAACjC,OAAO;QAArDkC,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEnC,QAAQ,GAAAkC,cAAA,CAARlC,QAAQ;QAAE4B,WAAW,GAAAM,cAAA,CAAXN,WAAW;QAAErB,KAAK,GAAA2B,cAAA,CAAL3B,KAAK;MAC5C,IAAQX,YAAY,GAAK,IAAI,CAACgB,KAAK,CAA3BhB,YAAY;MAEpB,IAAMwC,aAAa,GAsBPC,aAAI;MArBhB,IAAMC,KAAK,GAAG,IAAI,CAACZ,YAAY,CAAC,CAAC;MAEjC,IAAI1B,QAAQ,EAAE;QACZ,oBACExB,MAAA,YAAA+D,aAAA,CAACH,aAAa,MAAAlE,KAAA,CAAAsE,WAAA;UAAA,OAAoB,CAAC;UAAA,QAAO,KAAK;UAAA,cAAaF;QAAK,GAAAN,IAAA,GAC9D,IAAIzC,KAAK,CAACT,GAAG,CAAC,CAAC2D,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,UAACzB,CAAC,EAAEd,KAAK;UAAA,oBAAK3B,MAAA,YAAA+D,aAAA,CAACI,YAAY,CAACC,IAAI;YAAClC,GAAG,EAAEP;UAAM,CAAE,CAAC;QAAA,EACjE,CAAC;MAEpB;MAEA,IAAM0C,UAAU,GAAGjD,YAAY,GAAG,CAAC;MAEnC,IAAMkD,aAAa,GACjBD,UAAU,GAAG,CAAC,IAAItC,KAAK,MAAAb,MAAA,CAChB4C,KAAK,QAAA5C,MAAA,CAAKkC,WAAW,CACxB,8DACF,CAAC,SACCU,KAAK;MAEX,OAAAL,KAAA,GAAO,IAAAtD,aAAO,EAACwD,MAAM,CAAC,eACpB3D,MAAA,YAAA+D,aAAA,CAACH,aAAa,EAAAH,KAAA,CAAAc,EAAA,sBAAAC,cAAA,qBAAA9E,KAAA,CAAAsE,WAAA;QAAA,OAEP,CAAC;QAAA,YACI,CAAC;QAAA,gBACG,IAAI,CAACS,gBAAgB;QAAA,aACxB,IAAI,CAACC,aAAa;QAAA,QACxB,QAAQ;QAAA,oBACI,YAAY;QAAA,iBACdrE,GAAG;QAAA,iBACHC,GAAG;QAAA,kBACFgE,aAAa;QAAA,iBACdD;MAAU,GAAAb,IAAA,KAExB,IAAIzC,KAAK,CAACT,GAAG,CAAC,CAAC2D,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,UAACzB,CAAC,EAAEd,KAAK;QAAA,oBAAK3B,MAAA,YAAA+D,aAAA,CAACI,YAAY,CAACC,IAAI;UAAClC,GAAG,EAAEP;QAAM,CAAE,CAAC;MAAA,EACjE,CAAC;IAEpB;EAAC;AAAA,EAzJ4BgD,eAAS;AAAA,IAAAxD,gBAAA,aAAlCZ,gBAAgB,iBAMC,cAAc;AAAA,IAAAY,gBAAA,aAN/BZ,gBAAgB,WAOLL,KAAK;AAAA,IAAAiB,gBAAA,aAPhBZ,gBAAgB,aASH,CAAC,IAAAqE,oBAAmB,EAAC,CAAC,EAAE,IAAAC,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAA3D,gBAAA,aATpEZ,gBAAgB,kBAgBE;EACpBwE,IAAI,EAAED,8CAAiB;EACvBE,MAAM,EAAE;AACV,CAAC;AAyIH,SAASZ,IAAIA,CAACa,KAAgB,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,KAAK,GAGCC,YAAG;EAFf,OAAAF,KAAA,GAAO,IAAAjF,aAAO,EAAC8E,KAAK,CAACtB,MAAM,CAAC,eAC1B3D,MAAA,YAAA+D,aAAA,CAACsB,KAAK,EAAAD,KAAA,CAAAb,EAAA,cAAAC,cAAA,qBAAA9E,KAAA,CAAAsE,WAAA;IAAA,OAEA,KAAK;IAAA,QACJ,MAAM;IAAA,SACL,IAAI;IAAA,UACH,IAAI;IAAA,WACH,WAAW;IAAA,QACd,MAAM;IAAA,SACL;EAA4B,GAAAkB,KAAA,KAEjCD,KAAK,CAACtC,MAAM,gBAEP3C,MAAA,YAAA+D,aAAA,SAAAqB,KAAA,CAAAb,EAAA;IAAA,KAAQ;EAAiO,EAAE,CAAC,gBAG5OvE,MAAA,YAAA+D,aAAA,SAAAqB,KAAA,CAAAb,EAAA;IAAA,KACI,sVAAsV;IAAA,YAC/U,SAAS;IAAA,YACT;EAAS,EACnB,CAEF,CAAC;AAEZ;AACAH,IAAI,CAACmB,WAAW,GAAG,MAAM;AAEzB,IAAMpB,YAAY,GAAG,IAAAqB,qBAAe,EAACjF,gBAAgB,EAAE;EACrD6D,IAAI,EAAJA;AACF,CAAC,CAEA;AAAC,IAAAqB,QAAA,GAAAC,OAAA,cAEavB,YAAY","ignoreList":[]}

package/lib/es6/FeedbackForm.js CHANGED Viewed

@@ -22,15 +22,15 @@ import { Field, Form } from 'react-final-form';
 import { FeedbackItem } from './component/feedback-item/FeedbackItem';
 import { SubmitButton } from './component/submit-button/SubmitButton';
 /*!__reshadow-styles__:"./style/feedback-form.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFeedbackForm_1pj7k_gg_{max-width:320px}.___SCancel_1pj7k_gg_,.___SSubmit_1pj7k_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1pj7k_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_1pj7k_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_1pj7k_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__*/"1pj7k_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFeedbackForm_1n8pz_gg_{max-width:320px}.___SCancel_1n8pz_gg_,.___SSubmit_1n8pz_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1n8pz_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_1n8pz_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_1n8pz_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__*/"1n8pz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFeedbackForm": "___SFeedbackForm_1pj7k_gg_",
-  "__SSubmit": "___SSubmit_1pj7k_gg_",
-  "__SCancel": "___SCancel_1pj7k_gg_",
-  "__SNotice": "___SNotice_1pj7k_gg_",
-  "__SSuccess": "___SSuccess_1pj7k_gg_",
-  "__SEmail": "___SEmail_1pj7k_gg_"
+  "__SFeedbackForm": "___SFeedbackForm_1n8pz_gg_",
+  "__SSubmit": "___SSubmit_1n8pz_gg_",
+  "__SCancel": "___SCancel_1n8pz_gg_",
+  "__SNotice": "___SNotice_1n8pz_gg_",
+  "__SSuccess": "___SSuccess_1n8pz_gg_",
+  "__SEmail": "___SEmail_1n8pz_gg_"
 });
 var FeedbackForm = /*#__PURE__*/function (_Component) {
   function FeedbackForm() {

package/lib/es6/component/checkbox-button/CheckboxButton.js CHANGED Viewed

@@ -13,11 +13,11 @@ import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 import React from 'react';
 /*!__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCheckboxButton_198cq_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_198cq_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_198cq_gg_.__checked_198cq_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_198cq_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_198cq_gg_.__checked_198cq_gg_:hover{background-color:rgba(0,143,248,.2)}}", /*__inner_css_end__*/"198cq_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCheckboxButton_kwd1h_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_kwd1h_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_kwd1h_gg_.__checked_kwd1h_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_kwd1h_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_kwd1h_gg_.__checked_kwd1h_gg_:hover{background-color:rgba(0,143,248,.2)}}", /*__inner_css_end__*/"kwd1h_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SCheckboxButton": "___SCheckboxButton_198cq_gg_",
-  "_checked": "__checked_198cq_gg_"
+  "__SCheckboxButton": "___SCheckboxButton_kwd1h_gg_",
+  "_checked": "__checked_kwd1h_gg_"
 });
 var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
   function CheckboxButtonRoot() {

package/lib/es6/component/feedback-rating/FeedbackRating.js CHANGED Viewed

@@ -30,11 +30,11 @@ import createFocusDecorator from 'final-form-focus';
 import React from 'react';
 import { Field, Form } from 'react-final-form';
 /*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_rhp4z_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_rhp4z_gg_ li{list-style:none}.___SFeedbackRating_rhp4z_gg_ .___SHeader_rhp4z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}", /*__inner_css_end__*/"rhp4z_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_1go4q_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1go4q_gg_ li{list-style:none}.___SFeedbackRating_1go4q_gg_ .___SHeader_1go4q_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}", /*__inner_css_end__*/"1go4q_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFeedbackRating": "___SFeedbackRating_rhp4z_gg_",
-  "__SHeader": "___SHeader_rhp4z_gg_"
+  "__SFeedbackRating": "___SFeedbackRating_1go4q_gg_",
+  "__SHeader": "___SHeader_1go4q_gg_"
 });
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
 import CheckboxButton from '../checkbox-button/CheckboxButton';
@@ -95,12 +95,12 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
       }, config.label) : config.label;
       var isDescriptionReactFragment = ((_config$description = config.description) === null || _config$description === void 0 ? void 0 : _config$description.type) === React.Fragment;
       return /*#__PURE__*/React.createElement(Flex, {
+        key: config.key,
         direction: "column"
       }, /*#__PURE__*/React.createElement(Flex, {
         tag: "label",
         mt: 4,
-        htmlFor: config.key,
-        key: config.key
+        htmlFor: config.key
       }, label), /*#__PURE__*/React.createElement(FeedbackRating.Item, {
         name: config.key,
         validate: config.validate,

package/lib/es6/component/feedback-rating/FeedbackRating.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeedbackRating.js","names":["Box","Flex","createComponent","Component","sstyled","Root","i18nEnhance","uniqueIDEnhancement","CheckM","WarnM","FeedbackIllustration","Input","Link","Modal","default","SemcoreNotice","NoticeBubbleContainer","NoticeBubbleManager","SpinContainer","Textarea","Text","createFocusDecorator","React","Field","Form","style","_sstyled","insert","localizedMessages","CheckboxButton","FeedbackItem","SliderRating","SubmitButton","FeedbackRatingRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","error","rating","asProps","onVisibleChange","fn","_value","e","config","index","initialValue","props","initialValues","key","createElement","name","type","_ref7","input","FeedbackRating","Checkbox","_extends","id","label","onChange","_checked","focused","_config$description","mb","size","isDescriptionReactFragment","description","Fragment","direction","tag","mt","htmlFor","Item","validate","placement","flip","fallbackPlacements","undefined","_ref8","h","handleChange","autoComplete","state","Value","color","_inherits","_createClass","get","uid","value","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","notificationTitle","learnMoreLink","_Children","Children","styles","forwardRef","theme","background","visible","_onVisibleChange","notificationVisible","onNotificationClose","errorFeedbackEmail","modalWidth","Illustration","NoticeComponent","Notice","other","_objectWithoutProperties","_excluded","SFeedbackRating","checkboxFields","filter","item","textFields","notificationId","_assignProps2","cn","Label","mr","Content","Title","gap","alignItems","Actions","handleChangeRating","Close","onClick","_objectSpread","_assignProps","handelCloseModal","focusDecorator","api","_ref5","submitting","Header","handleSubmit","_ref9","map","formConfigItem","renderCheckbox","renderTextField","email","Submit","loading","onSubmit","i18n","locale","words","split","symbols","join","Boolean","test","String","toLowerCase","_ref3","arguments[0]","_ref6","SHeader","_assignProps3"],"sources":["../../../../src/component/feedback-rating/FeedbackRating.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport CheckM from '@semcore/icon/Check/m';\nimport WarnM from '@semcore/icon/Warning/m';\nimport FeedbackIllustration from '@semcore/illustration/Feedback';\nimport Input from '@semcore/input';\nimport Link from '@semcore/link';\nimport Modal from '@semcore/modal';\nimport { default as SemcoreNotice } from '@semcore/notice';\nimport { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';\nimport SpinContainer from '@semcore/spin-container';\nimport Textarea from '@semcore/textarea';\nimport { Text } from '@semcore/typography';\nimport createFocusDecorator from 'final-form-focus';\nimport React, { type ReactElement } from 'react';\nimport { Field, Form } from 'react-final-form';\n\nimport type { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';\nimport style from '../../style/feedback-rating.shadow.css';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport CheckboxButton from '../checkbox-button/CheckboxButton';\nimport { FeedbackItem } from '../feedback-item/FeedbackItem';\nimport SliderRating from '../slider-rating/SliderRating';\nimport { SubmitButton } from '../submit-button/SubmitButton';\n\ntype State = {\n error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<\n FeedbackRatingProps,\n {},\n State,\n typeof FeedbackRatingRoot.enhance,\n typeof FeedbackRatingRoot.defaultProps\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 Illustration: FeedbackIllustration,\n Notice: SemcoreNotice,\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 if (rating > 0) {\n this.asProps.onVisibleChange(true, rating);\n }\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 ? (\n <Text mb={2} size={200}>\n {config.label}\n </Text>\n )\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 {/* @ts-ignore */}\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' \|\| config.type === 'email') {\n if (config.type === 'email') {\n input.autoComplete = 'email';\n input.type = 'email';\n }\n\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 ? (\n <Text size={200} color='text-secondary' id={config.key + '-description'}>\n {config.description}\n </Text>\n )\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 notificationTitle,\n learnMoreLink,\n Children: _Children,\n styles,\n forwardRef,\n status,\n theme,\n background,\n rating,\n visible,\n onVisibleChange: _onVisibleChange,\n notificationVisible,\n onNotificationClose,\n getI18nText,\n errorFeedbackEmail,\n modalWidth,\n Illustration,\n Notice: NoticeComponent,\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' \|\| item.type === 'email',\n );\n const notificationId = this.getNoticeTextId();\n\n return sstyled(styles)(\n <Root render={Box}>\n <NoticeComponent\n visible={notificationVisible}\n aria-label={getI18nText('leaveFeedback')}\n tag={Flex}\n alignItems={notificationTitle ? 'flex-start' : 'center'}\n >\n <NoticeComponent.Label mr={3} aria-hidden={true}>\n <Illustration />\n </NoticeComponent.Label>\n <NoticeComponent.Content>\n {notificationTitle ? <NoticeComponent.Title>{notificationTitle}</NoticeComponent.Title> : null}\n <NoticeComponent.Text gap={3} tag={Flex} alignItems={notificationTitle ? 'flex-start' : 'center'}>\n <Text id={notificationId}>\n {notificationText}\n </Text>\n <NoticeComponent.Actions mt={0}>\n <SliderRating\n value={rating}\n onChange={this.handleChangeRating}\n aria-labelledby={notificationId}\n />\n </NoticeComponent.Actions>\n {learnMoreLink && (\n <Link href={learnMoreLink}>\n {getI18nText('learnMore')}\n </Link>\n )}\n </NoticeComponent.Text>\n </NoticeComponent.Content>\n <NoticeComponent.Close onClick={onNotificationClose} />\n </NoticeComponent>\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 ? (\n header\n )\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 <SemcoreNotice theme='warning' mt={4} mb={4}>\n <SemcoreNotice.Label>\n <WarnM />\n </SemcoreNotice.Label>\n <SemcoreNotice.Content>\n {getI18nText('errorMessage', {\n // todo: Brauer Ilia - think how to fix type\n // @ts-ignore\n email: (\n <Link href={`mailto:${errorFeedbackEmail}`}>\n {errorFeedbackEmail}\n </Link>\n ),\n })}\n </SemcoreNotice.Content>\n </SemcoreNotice>\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 </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={Modal.Title} />,\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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","ignoreList":[]}
1	+ {"version":3,"file":"FeedbackRating.js","names":["Box","Flex","createComponent","Component","sstyled","Root","i18nEnhance","uniqueIDEnhancement","CheckM","WarnM","FeedbackIllustration","Input","Link","Modal","default","SemcoreNotice","NoticeBubbleContainer","NoticeBubbleManager","SpinContainer","Textarea","Text","createFocusDecorator","React","Field","Form","style","_sstyled","insert","localizedMessages","CheckboxButton","FeedbackItem","SliderRating","SubmitButton","FeedbackRatingRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","error","rating","asProps","onVisibleChange","fn","_value","e","config","index","initialValue","props","initialValues","key","createElement","name","type","_ref7","input","FeedbackRating","Checkbox","_extends","id","label","onChange","_checked","focused","_config$description","mb","size","isDescriptionReactFragment","description","Fragment","direction","tag","mt","htmlFor","Item","validate","placement","flip","fallbackPlacements","undefined","_ref8","h","handleChange","autoComplete","state","Value","color","_inherits","_createClass","get","uid","value","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","notificationTitle","learnMoreLink","_Children","Children","styles","forwardRef","theme","background","visible","_onVisibleChange","notificationVisible","onNotificationClose","errorFeedbackEmail","modalWidth","Illustration","NoticeComponent","Notice","other","_objectWithoutProperties","_excluded","SFeedbackRating","checkboxFields","filter","item","textFields","notificationId","_assignProps2","cn","Label","mr","Content","Title","gap","alignItems","Actions","handleChangeRating","Close","onClick","_objectSpread","_assignProps","handelCloseModal","focusDecorator","api","_ref5","submitting","Header","handleSubmit","_ref9","map","formConfigItem","renderCheckbox","renderTextField","email","Submit","loading","onSubmit","i18n","locale","words","split","symbols","join","Boolean","test","String","toLowerCase","_ref3","arguments[0]","_ref6","SHeader","_assignProps3"],"sources":["../../../../src/component/feedback-rating/FeedbackRating.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport CheckM from '@semcore/icon/Check/m';\nimport WarnM from '@semcore/icon/Warning/m';\nimport FeedbackIllustration from '@semcore/illustration/Feedback';\nimport Input from '@semcore/input';\nimport Link from '@semcore/link';\nimport Modal from '@semcore/modal';\nimport { default as SemcoreNotice } from '@semcore/notice';\nimport { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';\nimport SpinContainer from '@semcore/spin-container';\nimport Textarea from '@semcore/textarea';\nimport { Text } from '@semcore/typography';\nimport createFocusDecorator from 'final-form-focus';\nimport React, { type ReactElement } from 'react';\nimport { Field, Form } from 'react-final-form';\n\nimport type { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';\nimport style from '../../style/feedback-rating.shadow.css';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport CheckboxButton from '../checkbox-button/CheckboxButton';\nimport { FeedbackItem } from '../feedback-item/FeedbackItem';\nimport SliderRating from '../slider-rating/SliderRating';\nimport { SubmitButton } from '../submit-button/SubmitButton';\n\ntype State = {\n error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<\n FeedbackRatingProps,\n {},\n State,\n typeof FeedbackRatingRoot.enhance,\n typeof FeedbackRatingRoot.defaultProps\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 Illustration: FeedbackIllustration,\n Notice: SemcoreNotice,\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 if (rating > 0) {\n this.asProps.onVisibleChange(true, rating);\n }\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 ? (\n <Text mb={2} size={200}>\n {config.label}\n </Text>\n )\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 key={config.key} direction='column'>\n <Flex tag='label' mt={4} htmlFor={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 {/* @ts-ignore */}\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' \|\| config.type === 'email') {\n if (config.type === 'email') {\n input.autoComplete = 'email';\n input.type = 'email';\n }\n\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 ? (\n <Text size={200} color='text-secondary' id={config.key + '-description'}>\n {config.description}\n </Text>\n )\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 notificationTitle,\n learnMoreLink,\n Children: _Children,\n styles,\n forwardRef,\n status,\n theme,\n background,\n rating,\n visible,\n onVisibleChange: _onVisibleChange,\n notificationVisible,\n onNotificationClose,\n getI18nText,\n errorFeedbackEmail,\n modalWidth,\n Illustration,\n Notice: NoticeComponent,\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' \|\| item.type === 'email',\n );\n const notificationId = this.getNoticeTextId();\n\n return sstyled(styles)(\n <Root render={Box}>\n <NoticeComponent\n visible={notificationVisible}\n aria-label={getI18nText('leaveFeedback')}\n tag={Flex}\n alignItems={notificationTitle ? 'flex-start' : 'center'}\n >\n <NoticeComponent.Label mr={3} aria-hidden={true}>\n <Illustration />\n </NoticeComponent.Label>\n <NoticeComponent.Content>\n {notificationTitle ? <NoticeComponent.Title>{notificationTitle}</NoticeComponent.Title> : null}\n <NoticeComponent.Text gap={3} tag={Flex} alignItems={notificationTitle ? 'flex-start' : 'center'}>\n <Text id={notificationId}>\n {notificationText}\n </Text>\n <NoticeComponent.Actions mt={0}>\n <SliderRating\n value={rating}\n onChange={this.handleChangeRating}\n aria-labelledby={notificationId}\n />\n </NoticeComponent.Actions>\n {learnMoreLink && (\n <Link href={learnMoreLink}>\n {getI18nText('learnMore')}\n </Link>\n )}\n </NoticeComponent.Text>\n </NoticeComponent.Content>\n <NoticeComponent.Close onClick={onNotificationClose} />\n </NoticeComponent>\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 ? (\n header\n )\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 <SemcoreNotice theme='warning' mt={4} mb={4}>\n <SemcoreNotice.Label>\n <WarnM />\n </SemcoreNotice.Label>\n <SemcoreNotice.Content>\n {getI18nText('errorMessage', {\n // todo: Brauer Ilia - think how to fix type\n // @ts-ignore\n email: (\n <Link href={`mailto:${errorFeedbackEmail}`}>\n {errorFeedbackEmail}\n </Link>\n ),\n })}\n </SemcoreNotice.Content>\n </SemcoreNotice>\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 </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={Modal.Title} />,\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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","ignoreList":[]}

package/lib/es6/component/slider-rating/SliderRating.js CHANGED Viewed

@@ -14,14 +14,14 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import { Flex, Box } from '@semcore/flex-box';
 import React from 'react';
 /*!__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSliderRating_10obr_gg_ .___SStar_10obr_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_10obr_gg_:focus-visible .___SStar_10obr_gg_.__hovered_10obr_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_10obr_gg_ .___SStar_10obr_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_10obr_gg_.__readonly_10obr_gg_ .___SStar_10obr_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_10obr_gg_.__filled_10obr_gg_:active{animation:wobble .8s ease-in-out}.___SStar_10obr_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_10obr_gg_.__filled_10obr_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}", /*__inner_css_end__*/"10obr_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSliderRating_z15a8_gg_ .___SStar_z15a8_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_z15a8_gg_:focus-visible .___SStar_z15a8_gg_.__hovered_z15a8_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_z15a8_gg_ .___SStar_z15a8_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_z15a8_gg_.__readonly_z15a8_gg_ .___SStar_z15a8_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_z15a8_gg_.__filled_z15a8_gg_:active{animation:wobble .8s ease-in-out}.___SStar_z15a8_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_z15a8_gg_.__filled_z15a8_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}", /*__inner_css_end__*/"z15a8_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSliderRating": "___SSliderRating_10obr_gg_",
-  "__SStar": "___SStar_10obr_gg_",
-  "_hovered": "__hovered_10obr_gg_",
-  "_readonly": "__readonly_10obr_gg_",
-  "_filled": "__filled_10obr_gg_"
+  "__SSliderRating": "___SSliderRating_z15a8_gg_",
+  "__SStar": "___SStar_z15a8_gg_",
+  "_hovered": "__hovered_z15a8_gg_",
+  "_readonly": "__readonly_z15a8_gg_",
+  "_filled": "__filled_z15a8_gg_"
 });
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
 var MIN = 1;
@@ -157,10 +157,9 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
           "role": 'img',
           "aria-label": label
         }, _ref), new Array(MAX).fill(null).map(function (_, index) {
-          return /*#__PURE__*/React.createElement(Box, {
-            key: index,
-            position: "relative"
-          }, /*#__PURE__*/React.createElement(SliderRating.Star, null));
+          return /*#__PURE__*/React.createElement(SliderRating.Star, {
+            key: index
+          });
         }));
       }
       var hoverValue = hoveredIndex + 1;
@@ -177,10 +176,9 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
         "aria-valuetext": editModeLabel,
         "aria-valuenow": hoverValue
       }, _ref))), new Array(MAX).fill(null).map(function (_, index) {
-        return /*#__PURE__*/React.createElement(Box, {
-          key: index,
-          position: "relative"
-        }, /*#__PURE__*/React.createElement(SliderRating.Star, null));
+        return /*#__PURE__*/React.createElement(SliderRating.Star, {
+          key: index
+        });
       }));
     }
   }]);

package/lib/es6/component/slider-rating/SliderRating.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderRating.js","names":["createComponent","Component","Root","sstyled","i18nEnhance","uniqueIDEnhancement","Flex","Box","React","style","_sstyled","insert","localizedMessages","MIN","MAX","SliderRatingRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","hoveredIndex","clickedIndex","newValue","_e","readonly","asProps","setValue","index","setState","_this$asProps","onChange","value","event","includes","key","preventDefault","state","direction","_inherits","_createClass","getStarProps","_","_this$asProps2","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","hovered","getLabelText","_this$asProps3","getI18nText","selectedRating","max","render","_ref","_ref3","_this$asProps4","styles","SSliderRating","label","createElement","_assignProps","fill","map","position","SliderRating","Star","hoverValue","editModeLabel","cn","_objectSpread","_assignProps2","handleMouseLeave","handleKeyDown","i18n","locale","props","_ref2","arguments[0]","_ref4","SStar","_assignProps3","displayName"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import { 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 { Flex, Box, type BoxProps } from '@semcore/flex-box';\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 {},\n State,\n typeof SliderRatingRoot.enhance\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) => {\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 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) => {\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 ? (\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	+ {"version":3,"file":"SliderRating.js","names":["createComponent","Component","Root","sstyled","i18nEnhance","uniqueIDEnhancement","Flex","Box","React","style","_sstyled","insert","localizedMessages","MIN","MAX","SliderRatingRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","hoveredIndex","clickedIndex","newValue","_e","readonly","asProps","setValue","index","setState","_this$asProps","onChange","value","event","includes","key","preventDefault","state","direction","_inherits","_createClass","getStarProps","_","_this$asProps2","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","hovered","getLabelText","_this$asProps3","getI18nText","selectedRating","max","render","_ref","_ref3","_this$asProps4","styles","SSliderRating","label","createElement","_assignProps","fill","map","SliderRating","Star","hoverValue","editModeLabel","cn","_objectSpread","_assignProps2","handleMouseLeave","handleKeyDown","i18n","locale","props","_ref2","arguments[0]","_ref4","SStar","_assignProps3","displayName"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import { 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 { Flex, Box, type BoxProps } from '@semcore/flex-box';\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 {},\n State,\n typeof SliderRatingRoot.enhance\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":[]}

package/lib/esm/FeedbackForm.mjs CHANGED Viewed

@@ -22,17 +22,17 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    `.___SFeedbackForm_1pj7k_gg_{max-width:320px}.___SCancel_1pj7k_gg_,.___SSubmit_1pj7k_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1pj7k_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_1pj7k_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_1pj7k_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")}`,
+    `.___SFeedbackForm_1n8pz_gg_{max-width:320px}.___SCancel_1n8pz_gg_,.___SSubmit_1n8pz_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1n8pz_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_1n8pz_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_1n8pz_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__*/
-    "1pj7k_gg_"
+    "1n8pz_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SFeedbackForm": "___SFeedbackForm_1pj7k_gg_",
-    "__SSubmit": "___SSubmit_1pj7k_gg_",
-    "__SCancel": "___SCancel_1pj7k_gg_",
-    "__SNotice": "___SNotice_1pj7k_gg_",
-    "__SSuccess": "___SSuccess_1pj7k_gg_",
-    "__SEmail": "___SEmail_1pj7k_gg_"
+    "__SFeedbackForm": "___SFeedbackForm_1n8pz_gg_",
+    "__SSubmit": "___SSubmit_1n8pz_gg_",
+    "__SCancel": "___SCancel_1n8pz_gg_",
+    "__SNotice": "___SNotice_1n8pz_gg_",
+    "__SSuccess": "___SSuccess_1n8pz_gg_",
+    "__SEmail": "___SEmail_1n8pz_gg_"
   })
 );
 var FeedbackForm = /* @__PURE__ */ (function(_Component) {

package/lib/esm/component/checkbox-button/CheckboxButton.mjs CHANGED Viewed

@@ -15,13 +15,13 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SCheckboxButton_198cq_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_198cq_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_198cq_gg_.__checked_198cq_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_198cq_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_198cq_gg_.__checked_198cq_gg_:hover{background-color:rgba(0,143,248,.2)}}",
+    ".___SCheckboxButton_kwd1h_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_kwd1h_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_kwd1h_gg_.__checked_kwd1h_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_kwd1h_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_kwd1h_gg_.__checked_kwd1h_gg_:hover{background-color:rgba(0,143,248,.2)}}",
     /*__inner_css_end__*/
-    "198cq_gg_"
+    "kwd1h_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SCheckboxButton": "___SCheckboxButton_198cq_gg_",
-    "_checked": "__checked_198cq_gg_"
+    "__SCheckboxButton": "___SCheckboxButton_kwd1h_gg_",
+    "_checked": "__checked_kwd1h_gg_"
   })
 );
 var CheckboxButtonRoot = /* @__PURE__ */ (function(_Component) {

package/lib/esm/component/feedback-rating/FeedbackRating.mjs CHANGED Viewed

@@ -35,13 +35,13 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SFeedbackRating_rhp4z_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_rhp4z_gg_ li{list-style:none}.___SFeedbackRating_rhp4z_gg_ .___SHeader_rhp4z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}",
+    ".___SFeedbackRating_1go4q_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1go4q_gg_ li{list-style:none}.___SFeedbackRating_1go4q_gg_ .___SHeader_1go4q_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}",
     /*__inner_css_end__*/
-    "rhp4z_gg_"
+    "1go4q_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SFeedbackRating": "___SFeedbackRating_rhp4z_gg_",
-    "__SHeader": "___SHeader_rhp4z_gg_"
+    "__SFeedbackRating": "___SFeedbackRating_1go4q_gg_",
+    "__SHeader": "___SHeader_1go4q_gg_"
   })
 );
 var FeedbackRatingRoot = /* @__PURE__ */ (function(_Component) {
@@ -98,12 +98,12 @@ var FeedbackRatingRoot = /* @__PURE__ */ (function(_Component) {
       }, config.label) : config.label;
       var isDescriptionReactFragment = ((_config$description = config.description) === null || _config$description === void 0 ? void 0 : _config$description.type) === React.Fragment;
       return /* @__PURE__ */ React.createElement(Flex, {
+        key: config.key,
         direction: "column"
       }, /* @__PURE__ */ React.createElement(Flex, {
         tag: "label",
         mt: 4,
-        htmlFor: config.key,
-        key: config.key
+        htmlFor: config.key
       }, label), /* @__PURE__ */ React.createElement(FeedbackRating.Item, {
         name: config.key,
         validate: config.validate,

package/lib/esm/component/slider-rating/SliderRating.mjs CHANGED Viewed

@@ -15,16 +15,16 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SSliderRating_10obr_gg_ .___SStar_10obr_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_10obr_gg_:focus-visible .___SStar_10obr_gg_.__hovered_10obr_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_10obr_gg_ .___SStar_10obr_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_10obr_gg_.__readonly_10obr_gg_ .___SStar_10obr_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_10obr_gg_.__filled_10obr_gg_:active{animation:wobble .8s ease-in-out}.___SStar_10obr_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_10obr_gg_.__filled_10obr_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}",
+    ".___SSliderRating_z15a8_gg_ .___SStar_z15a8_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_z15a8_gg_:focus-visible .___SStar_z15a8_gg_.__hovered_z15a8_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_z15a8_gg_ .___SStar_z15a8_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_z15a8_gg_.__readonly_z15a8_gg_ .___SStar_z15a8_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_z15a8_gg_.__filled_z15a8_gg_:active{animation:wobble .8s ease-in-out}.___SStar_z15a8_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_z15a8_gg_.__filled_z15a8_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}",
     /*__inner_css_end__*/
-    "10obr_gg_"
+    "z15a8_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSliderRating": "___SSliderRating_10obr_gg_",
-    "__SStar": "___SStar_10obr_gg_",
-    "_hovered": "__hovered_10obr_gg_",
-    "_readonly": "__readonly_10obr_gg_",
-    "_filled": "__filled_10obr_gg_"
+    "__SSliderRating": "___SSliderRating_z15a8_gg_",
+    "__SStar": "___SStar_z15a8_gg_",
+    "_hovered": "__hovered_z15a8_gg_",
+    "_readonly": "__readonly_z15a8_gg_",
+    "_filled": "__filled_z15a8_gg_"
   })
 );
 var MIN = 1;
@@ -148,10 +148,9 @@ var SliderRatingRoot = /* @__PURE__ */ (function(_Component) {
           "role": "img",
           "aria-label": label
         }, _ref), new Array(MAX).fill(null).map(function(_, index) {
-          return /* @__PURE__ */ React.createElement(Box, {
-            key: index,
-            position: "relative"
-          }, /* @__PURE__ */ React.createElement(SliderRating.Star, null));
+          return /* @__PURE__ */ React.createElement(SliderRating.Star, {
+            key: index
+          });
         }));
       }
       var hoverValue = hoveredIndex + 1;
@@ -168,10 +167,9 @@ var SliderRatingRoot = /* @__PURE__ */ (function(_Component) {
         "aria-valuetext": editModeLabel,
         "aria-valuenow": hoverValue
       }, _ref))), new Array(MAX).fill(null).map(function(_, index) {
-        return /* @__PURE__ */ React.createElement(Box, {
-          key: index,
-          position: "relative"
-        }, /* @__PURE__ */ React.createElement(SliderRating.Star, null));
+        return /* @__PURE__ */ React.createElement(SliderRating.Star, {
+          key: index
+        });
       }));
     }
   }]);

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/feedback-form",
   "description": "Semrush Feedback Form Component",
-  "version": "16.2.0",
+  "version": "16.2.1-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -21,7 +21,7 @@
     "@semcore/link": "16.0.11",
     "@semcore/modal": "16.1.12",
     "@semcore/illustration": "16.0.12",
-    "@semcore/icon": "16.7.3",
+    "@semcore/icon": "16.7.5-prerelease.1",
     "@semcore/textarea": "16.0.11",
     "@semcore/input": "16.1.1",
     "final-form": "4.20.7",
@@ -33,7 +33,7 @@
     "react-final-form": "6.5.9"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.5.0-prerelease.1"
   },
   "repository": {
     "type": "git",
@@ -42,8 +42,8 @@
   },
   "devDependencies": {
     "@types/final-form-focus": "1.1.7",
-    "@semcore/testing-utils": "1.0.0",
-    "@semcore/core": "16.5.1"
+    "@semcore/core": "16.5.2-prerelease.1",
+    "@semcore/testing-utils": "1.0.0"
   },
   "overrides": {
     "final-form": {