npm - @semcore/feedback-form - Versions diffs - 6.38.1 → 6.38.4-prerelease.0 - Mend

@semcore/feedback-form 6.38.1 → 6.38.4-prerelease.0

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

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,24 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
+## [6.38.4] - 2025-02-05
+### Changed
+- Version patch update due to children dependencies update (`@semcore/icon` [4.56.0 ~> 4.57.0], `@semcore/button` [5.41.0 ~> 5.41.1], `@semcore/notice` [5.44.0 ~> 5.44.1]).
+## [6.38.3] - 2025-01-27
+### Added
+- `notificationTitle` prop to `FeedbackRating`.
+## [6.38.2] - 2024-01-21
+### Added
+- type `email` for config in `FeedbackRating.Item`.
 ## [6.38.1] - 2024-12-19
 ### Added

package/lib/cjs/FeedbackForm.js CHANGED Viewed

@@ -28,13 +28,13 @@ var _FeedbackItem = require("./component/feedback-item/FeedbackItem");
 var _SubmitButton = require("./component/submit-button/SubmitButton");
 var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"];
 /*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_ggrnp_gg_{max-width:320px}.___SCancel_ggrnp_gg_,.___SSubmit_ggrnp_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_ggrnp_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_ggrnp_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_ggrnp_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "ggrnp_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackForm": "___SFeedbackForm_ggrnp_gg_",
-  "__SSubmit": "___SSubmit_ggrnp_gg_",
-  "__SCancel": "___SCancel_ggrnp_gg_",
-  "__SNotice": "___SNotice_ggrnp_gg_",
-  "__SSuccess": "___SSuccess_ggrnp_gg_",
-  "__SEmail": "___SEmail_ggrnp_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_17gn6_gg_{max-width:320px}.___SCancel_17gn6_gg_,.___SSubmit_17gn6_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_17gn6_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_17gn6_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_17gn6_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "17gn6_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackForm": "___SFeedbackForm_17gn6_gg_",
+  "__SSubmit": "___SSubmit_17gn6_gg_",
+  "__SCancel": "___SCancel_17gn6_gg_",
+  "__SNotice": "___SNotice_17gn6_gg_",
+  "__SSuccess": "___SSuccess_17gn6_gg_",
+  "__SEmail": "___SEmail_17gn6_gg_"
 });
 var FeedbackForm = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeedbackForm, _Component);

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

@@ -20,9 +20,9 @@ var _flexBox = require("@semcore/flex-box");
 var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
 var _excluded = ["styles", "id", "label", "type", "focused"];
 /*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_p926m_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_p926m_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_p926m_gg_.__checked_p926m_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_p926m_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_p926m_gg_.__checked_p926m_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "p926m_gg_") /*__reshadow_css_end__*/, {
-  "__SCheckboxButton": "___SCheckboxButton_p926m_gg_",
-  "_checked": "__checked_p926m_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_f0k01_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_f0k01_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_f0k01_gg_.__checked_f0k01_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_f0k01_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_f0k01_gg_.__checked_f0k01_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "f0k01_gg_") /*__reshadow_css_end__*/, {
+  "__SCheckboxButton": "___SCheckboxButton_f0k01_gg_",
+  "_checked": "__checked_f0k01_gg_"
 });
 var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CheckboxButtonRoot, _Component);

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

@@ -39,10 +39,10 @@ var _CheckboxButton = _interopRequireDefault(require("../checkbox-button/Checkbo
 var _input = _interopRequireDefault(require("@semcore/input"));
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 var _noticeBubble = require("@semcore/notice-bubble");
-var _excluded = ["header", "submitText", "formConfig", "notificationText", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"];
+var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"];
 /*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_buoyp_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_buoyp_gg_ li{list-style:none}" /*__inner_css_end__*/, "buoyp_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackRating": "___SFeedbackRating_buoyp_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_apau8_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_apau8_gg_ li{list-style:none}" /*__inner_css_end__*/, "apau8_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackRating": "___SFeedbackRating_apau8_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeedbackRatingRoot, _Component);
@@ -122,7 +122,11 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
             id: config.key
           }));
         }
-        if (config.type === 'input') {
+        if (config.type === 'input' || config.type === 'email') {
+          if (config.type === 'email') {
+            input.autoComplete = 'email';
+            input.type = 'email';
+          }
           return /*#__PURE__*/_react["default"].createElement(_input["default"], {
             state: input.state
           }, /*#__PURE__*/_react["default"].createElement(_input["default"].Value, (0, _extends2["default"])({}, input, {
@@ -210,6 +214,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         submitText = _this$asProps2.submitText,
         formConfig = _this$asProps2.formConfig,
         notificationText = _this$asProps2.notificationText,
+        notificationTitle = _this$asProps2.notificationTitle,
         learnMoreLink = _this$asProps2.learnMoreLink,
         Children = _this$asProps2.Children,
         styles = _this$asProps2.styles,
@@ -231,20 +236,20 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         return item.type === 'checkbox';
       });
       var textFields = formConfig.filter(function (item) {
-        return item.type === 'textarea' || item.type === 'input';
+        return item.type === 'textarea' || item.type === 'input' || item.type === 'email';
       });
       var notificationId = this.getNoticeTextId();
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, (0, _core.assignProps)({}, _ref2), /*#__PURE__*/_react["default"].createElement(_notice["default"], _ref4.cn("Notice", {
         "visible": notificationVisible,
         "aria-label": getI18nText('leaveFeedback'),
         "tag": _flexBox.Flex,
-        "alignItems": 'center'
+        "alignItems": notificationTitle ? 'flex-start' : 'center'
       }), /*#__PURE__*/_react["default"].createElement(_notice["default"].Label, {
         mr: 3,
         "aria-hidden": true
-      }, /*#__PURE__*/_react["default"].createElement(_Feedback["default"], _ref4.cn("FeedbackIllustration", {}))), /*#__PURE__*/_react["default"].createElement(_notice["default"].Content, {
+      }, /*#__PURE__*/_react["default"].createElement(_Feedback["default"], _ref4.cn("FeedbackIllustration", {}))), /*#__PURE__*/_react["default"].createElement(_notice["default"].Content, null, notificationTitle ? /*#__PURE__*/_react["default"].createElement(_notice["default"].Title, null, notificationTitle) : null, /*#__PURE__*/_react["default"].createElement(_notice["default"].Text, {
         tag: _flexBox.Flex,
-        alignItems: 'center'
+        alignItems: notificationTitle ? 'flex-start' : 'center'
       }, /*#__PURE__*/_react["default"].createElement(_typography.Text, _ref4.cn("Text", {
         "mr": 3,
         "id": notificationId
@@ -257,7 +262,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
       }))), learnMoreLink && /*#__PURE__*/_react["default"].createElement(_link["default"], _ref4.cn("Link", {
         "ml": 3,
         "href": learnMoreLink
-      }), getI18nText('learnMore'))), /*#__PURE__*/_react["default"].createElement(_notice["default"].Close, {
+      }), getI18nText('learnMore')))), /*#__PURE__*/_react["default"].createElement(_notice["default"].Close, {
         onClick: onNotificationClose
       })), /*#__PURE__*/_react["default"].createElement(SFeedbackRating, _ref4.cn("SFeedbackRating", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "visible": visible,

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

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

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

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

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

@@ -22,13 +22,13 @@ var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_1a2yi_gg_ .___SStar_1a2yi_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1a2yi_gg_.__keyboardFocused_1a2yi_gg_ .___SStar_1a2yi_gg_.__hovered_1a2yi_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1a2yi_gg_ .___SStar_1a2yi_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1a2yi_gg_.__keyboardFocused_1a2yi_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1a2yi_gg_.__readonly_1a2yi_gg_ .___SStar_1a2yi_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1a2yi_gg_.__filled_1a2yi_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1a2yi_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1a2yi_gg_.__filled_1a2yi_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "1a2yi_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_1a2yi_gg_",
-  "__SStar": "___SStar_1a2yi_gg_",
-  "_keyboardFocused": "__keyboardFocused_1a2yi_gg_",
-  "_hovered": "__hovered_1a2yi_gg_",
-  "_readonly": "__readonly_1a2yi_gg_",
-  "_filled": "__filled_1a2yi_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_11inn_gg_ .___SStar_11inn_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_11inn_gg_.__keyboardFocused_11inn_gg_ .___SStar_11inn_gg_.__hovered_11inn_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_11inn_gg_ .___SStar_11inn_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_11inn_gg_.__keyboardFocused_11inn_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_11inn_gg_.__readonly_11inn_gg_ .___SStar_11inn_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_11inn_gg_.__filled_11inn_gg_:active{animation:wobble .8s ease-in-out}.___SStar_11inn_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_11inn_gg_.__filled_11inn_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "11inn_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_11inn_gg_",
+  "__SStar": "___SStar_11inn_gg_",
+  "_keyboardFocused": "__keyboardFocused_11inn_gg_",
+  "_hovered": "__hovered_11inn_gg_",
+  "_readonly": "__readonly_11inn_gg_",
+  "_filled": "__filled_11inn_gg_"
 });
 var MIN = 1;
 var MAX = 5;

package/lib/es6/FeedbackForm.js CHANGED Viewed

@@ -23,13 +23,13 @@ import { Box } from '@semcore/flex-box';
 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_ggrnp_gg_{max-width:320px}.___SCancel_ggrnp_gg_,.___SSubmit_ggrnp_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_ggrnp_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_ggrnp_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_ggrnp_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "ggrnp_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackForm": "___SFeedbackForm_ggrnp_gg_",
-  "__SSubmit": "___SSubmit_ggrnp_gg_",
-  "__SCancel": "___SCancel_ggrnp_gg_",
-  "__SNotice": "___SNotice_ggrnp_gg_",
-  "__SSuccess": "___SSuccess_ggrnp_gg_",
-  "__SEmail": "___SEmail_ggrnp_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_17gn6_gg_{max-width:320px}.___SCancel_17gn6_gg_,.___SSubmit_17gn6_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_17gn6_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_17gn6_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_17gn6_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "17gn6_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackForm": "___SFeedbackForm_17gn6_gg_",
+  "__SSubmit": "___SSubmit_17gn6_gg_",
+  "__SCancel": "___SCancel_17gn6_gg_",
+  "__SNotice": "___SNotice_17gn6_gg_",
+  "__SSuccess": "___SSuccess_17gn6_gg_",
+  "__SEmail": "___SEmail_17gn6_gg_"
 });
 var FeedbackForm = /*#__PURE__*/function (_Component) {
   _inherits(FeedbackForm, _Component);

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

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

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

@@ -11,7 +11,7 @@ import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-var _excluded = ["header", "submitText", "formConfig", "notificationText", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"];
+var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"];
 import React from 'react';
 import createComponent, { Component, sstyled, Root } from '@semcore/core';
 import { Field, Form } from 'react-final-form';
@@ -36,8 +36,8 @@ import Input from '@semcore/input';
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
 import { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';
 /*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_buoyp_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_buoyp_gg_ li{list-style:none}" /*__inner_css_end__*/, "buoyp_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackRating": "___SFeedbackRating_buoyp_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_apau8_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_apau8_gg_ li{list-style:none}" /*__inner_css_end__*/, "apau8_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackRating": "___SFeedbackRating_apau8_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
   _inherits(FeedbackRatingRoot, _Component);
@@ -117,7 +117,11 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
             id: config.key
           }));
         }
-        if (config.type === 'input') {
+        if (config.type === 'input' || config.type === 'email') {
+          if (config.type === 'email') {
+            input.autoComplete = 'email';
+            input.type = 'email';
+          }
           return /*#__PURE__*/React.createElement(Input, {
             state: input.state
           }, /*#__PURE__*/React.createElement(Input.Value, _extends({}, input, {
@@ -205,6 +209,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         submitText = _this$asProps2.submitText,
         formConfig = _this$asProps2.formConfig,
         notificationText = _this$asProps2.notificationText,
+        notificationTitle = _this$asProps2.notificationTitle,
         learnMoreLink = _this$asProps2.learnMoreLink,
         Children = _this$asProps2.Children,
         styles = _this$asProps2.styles,
@@ -226,20 +231,20 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         return item.type === 'checkbox';
       });
       var textFields = formConfig.filter(function (item) {
-        return item.type === 'textarea' || item.type === 'input';
+        return item.type === 'textarea' || item.type === 'input' || item.type === 'email';
       });
       var notificationId = this.getNoticeTextId();
       return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(Box, _assignProps2({}, _ref2), /*#__PURE__*/React.createElement(Notice, _ref4.cn("Notice", {
         "visible": notificationVisible,
         "aria-label": getI18nText('leaveFeedback'),
         "tag": Flex,
-        "alignItems": 'center'
+        "alignItems": notificationTitle ? 'flex-start' : 'center'
       }), /*#__PURE__*/React.createElement(Notice.Label, {
         mr: 3,
         "aria-hidden": true
-      }, /*#__PURE__*/React.createElement(FeedbackIllustration, _ref4.cn("FeedbackIllustration", {}))), /*#__PURE__*/React.createElement(Notice.Content, {
+      }, /*#__PURE__*/React.createElement(FeedbackIllustration, _ref4.cn("FeedbackIllustration", {}))), /*#__PURE__*/React.createElement(Notice.Content, null, notificationTitle ? /*#__PURE__*/React.createElement(Notice.Title, null, notificationTitle) : null, /*#__PURE__*/React.createElement(Notice.Text, {
         tag: Flex,
-        alignItems: 'center'
+        alignItems: notificationTitle ? 'flex-start' : 'center'
       }, /*#__PURE__*/React.createElement(Text, _ref4.cn("Text", {
         "mr": 3,
         "id": notificationId
@@ -252,7 +257,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
       }))), learnMoreLink && /*#__PURE__*/React.createElement(Link, _ref4.cn("Link", {
         "ml": 3,
         "href": learnMoreLink
-      }), getI18nText('learnMore'))), /*#__PURE__*/React.createElement(Notice.Close, {
+      }), getI18nText('learnMore')))), /*#__PURE__*/React.createElement(Notice.Close, {
         onClick: onNotificationClose
       })), /*#__PURE__*/React.createElement(SFeedbackRating, _ref4.cn("SFeedbackRating", _objectSpread({}, _assignProps({
         "visible": visible,

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

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

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

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

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

@@ -13,13 +13,13 @@ import React from 'react';
 import createComponent, { Component, Root, sstyled } from '@semcore/core';
 import { Flex, Box } from '@semcore/flex-box';
 /*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_1a2yi_gg_ .___SStar_1a2yi_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1a2yi_gg_.__keyboardFocused_1a2yi_gg_ .___SStar_1a2yi_gg_.__hovered_1a2yi_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1a2yi_gg_ .___SStar_1a2yi_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1a2yi_gg_.__keyboardFocused_1a2yi_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1a2yi_gg_.__readonly_1a2yi_gg_ .___SStar_1a2yi_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1a2yi_gg_.__filled_1a2yi_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1a2yi_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1a2yi_gg_.__filled_1a2yi_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "1a2yi_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_1a2yi_gg_",
-  "__SStar": "___SStar_1a2yi_gg_",
-  "_keyboardFocused": "__keyboardFocused_1a2yi_gg_",
-  "_hovered": "__hovered_1a2yi_gg_",
-  "_readonly": "__readonly_1a2yi_gg_",
-  "_filled": "__filled_1a2yi_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_11inn_gg_ .___SStar_11inn_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_11inn_gg_.__keyboardFocused_11inn_gg_ .___SStar_11inn_gg_.__hovered_11inn_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_11inn_gg_ .___SStar_11inn_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_11inn_gg_.__keyboardFocused_11inn_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_11inn_gg_.__readonly_11inn_gg_ .___SStar_11inn_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_11inn_gg_.__filled_11inn_gg_:active{animation:wobble .8s ease-in-out}.___SStar_11inn_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_11inn_gg_.__filled_11inn_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "11inn_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_11inn_gg_",
+  "__SStar": "___SStar_11inn_gg_",
+  "_keyboardFocused": "__keyboardFocused_11inn_gg_",
+  "_hovered": "__hovered_11inn_gg_",
+  "_readonly": "__readonly_11inn_gg_",
+  "_filled": "__filled_11inn_gg_"
 });
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';

package/lib/types/component/feedback-rating/FeedbackRating.type.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ import Checkbox, { CheckboxProps } from '@semcore/checkbox';
 export type FormConfigItem = {
     key: string;
     label: React.ReactNode;
-    type: 'input' | 'checkbox' | 'textarea';
+    type: 'input' | 'checkbox' | 'textarea' | 'email';
     description?: React.ReactNode;
     validate?: (value: any) => Error | string | undefined;
 };
@@ -21,6 +21,8 @@ export type FeedbackRatingProps = Intergalactic.InternalTypings.EfficientOmit<Fe
     onNotificationClose: () => void;
     /** text in notification panel */
     notificationText: string;
+    /** title in notification panel */
+    notificationTitle?: string;
     /** optional link in notification panel */
     learnMoreLink?: string;
     /** rating value */

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/feedback-form",
   "description": "Semrush Feedback Form Component",
-  "version": "6.38.1",
+  "version": "6.38.4-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,22 +9,22 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/checkbox": "7.42.1",
-    "@semcore/notice-bubble": "5.49.0",
-    "@semcore/typography": "5.49.0",
-    "@semcore/link": "5.42.1",
-    "@semcore/modal": "4.51.0",
-    "@semcore/illustration": "2.41.0",
-    "@semcore/icon": "4.55.0",
-    "@semcore/textarea": "5.38.1",
-    "@semcore/input": "4.40.1",
+    "@semcore/checkbox": "7.43.0",
+    "@semcore/notice-bubble": "5.51.0-prerelease.0",
+    "@semcore/typography": "5.51.0-prerelease.0",
+    "@semcore/link": "5.43.0",
+    "@semcore/modal": "4.53.0-prerelease.0",
+    "@semcore/illustration": "2.42.0",
+    "@semcore/icon": "4.57.0-prerelease.0",
+    "@semcore/textarea": "5.39.0",
+    "@semcore/input": "4.41.0",
     "final-form": "4.20.7",
-    "@semcore/button": "5.40.3",
-    "@semcore/flex-box": "5.39.1",
-    "@semcore/notice": "5.43.3",
-    "@semcore/spin-container": "7.40.2",
-    "@semcore/tooltip": "6.47.1",
-    "@semcore/utils": "4.44.1",
+    "@semcore/button": "5.41.1-prerelease.0",
+    "@semcore/flex-box": "5.40.0",
+    "@semcore/notice": "5.44.1-prerelease.0",
+    "@semcore/spin-container": "7.40.3",
+    "@semcore/tooltip": "6.47.2",
+    "@semcore/utils": "4.45.0",
     "final-form-focus": "1.1.2",
     "react-final-form": "6.5.9"
   },