@semcore/feedback-form 17.1.0 → 17.2.0-prerelease.3

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.2.0] - 2026-06-05
+
+### Added
+
+- Links to the API and examples in the docs.
+
+### Fixed
+
+- The form wouldn't close when using `Escape` with an error field.
+
 ## [17.1.0] - 2026-05-13
 
 ### Added

package/lib/cjs/FeedbackForm.js

@@ -18,15 +18,15 @@ var _reactFinalForm = require("react-final-form");
 var _FeedbackItem = require("./component/feedback-item/FeedbackItem");
 var _SubmitButton = require("./component/submit-button/SubmitButton");
 /*!__reshadow-styles__:"./style/feedback-form.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackForm_4wrbw_gg_{max-width:320px}.___SCancel_4wrbw_gg_,.___SSubmit_4wrbw_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_4wrbw_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, calc(6px + 2px)) var(--intergalactic-surface-rounded, calc(6px + 2px))}.___SSuccess_4wrbw_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_4wrbw_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}", /*__inner_css_end__*/"4wrbw_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackForm_73cyi_gg_{max-width:320px}.___SCancel_73cyi_gg_,.___SSubmit_73cyi_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x,8px)}.___SNotice_73cyi_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,8px) var(--intergalactic-surface-rounded,8px)}.___SSuccess_73cyi_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x,40px);box-sizing:border-box;outline:none}.___SEmail_73cyi_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px));width:80px;height:80px;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%2345e0a8' d='M28.163 6a1.57 1.57 0 0 0-1.12.46l-12.91 12.92A34.6 34.6 0 0 0 25.36 75.813a34.6 34.6 0 0 0 37.713-7.503l12.91-12.91a1.58 1.58 0 0 0 .47-1.12V6.89a.9.9 0 0 0-.9-.89z'/%3E%3Cpath fill='%23fff' d='m29 45.285.2.35c6.19-3.45 24.19-13.67 27.53-10.53-1.13-3.1-17.03.33-27.73 10.18M28.44 31.634c-1.81 6-9.21 24.47-13.44 30.31l3 .91 1.58-1.32c4.22-9.55 10-26 10.31-31.46-.5-.26-.96.14-1.45 1.56'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M15 62.008c4.23-5.84 11.63-24.27 13.44-30.34s5.05 6 3.23 11.12'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M28 45.942c10.68-10.36 27.27-14 28.43-10.84.69 1.89-13.43 6.26-18.41 12.32'/%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M44.45 21.93c-3.24-1.16-8.59-2.89-11.45-3.69 4.12-1.83 37-14 39.67-15.24-.92 4.11-4.92 18.28-6.71 24.93-4.83-1.68-9.73-3.15-12.93-4.19-2 2.65-3.808 5.441-5.41 8.35-1.18-3.86-2.33-8.32-3.17-10.16'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M45 22.08 61.74 11M53 23.73 72.64 3M48 32.58 55.86 25'/%3E%3Cpath fill='%23000' d='m48.23 30.77 3.46-5.64.97-1.13 2.07.61.43-.13-3.36 3.43-2.47 2.27L48 31.29z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M33.81 22 23 27.12M40.89 23 34 27.37M62.04 29 58 38.85'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M46.68 41c3.61 2.42-1.87 8.52-3.68 10.12'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M47.17 44c4.14 2.09 1.16 7.76-1.17 10.6'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78'/%3E%3Cmask id='a' width='73' height='73' x='4' y='6' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%2345dfa7' d='M28.163 6a1.57 1.57 0 0 0-1.12.46l-12.91 12.92A34.6 34.6 0 0 0 25.36 75.813a34.6 34.6 0 0 0 37.713-7.503l12.91-12.91a1.58 1.58 0 0 0 .47-1.12V6.89a.9.9 0 0 0-.9-.89z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23000' d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116 116 0 0 1-7.76 14.13'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116 116 0 0 1-7.76 14.13'/%3E%3C/g%3E%3C/svg%3E\")}", /*__inner_css_end__*/"73cyi_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFeedbackForm": "___SFeedbackForm_4wrbw_gg_",
-  "__SSubmit": "___SSubmit_4wrbw_gg_",
-  "__SCancel": "___SCancel_4wrbw_gg_",
-  "__SNotice": "___SNotice_4wrbw_gg_",
-  "__SSuccess": "___SSuccess_4wrbw_gg_",
-  "__SEmail": "___SEmail_4wrbw_gg_"
+  "__SFeedbackForm": "___SFeedbackForm_73cyi_gg_",
+  "__SSubmit": "___SSubmit_73cyi_gg_",
+  "__SCancel": "___SCancel_73cyi_gg_",
+  "__SNotice": "___SNotice_73cyi_gg_",
+  "__SSuccess": "___SSuccess_73cyi_gg_",
+  "__SEmail": "___SEmail_73cyi_gg_"
 });
 class FeedbackForm extends _core.Component {
   constructor(...args) {
@@ -145,6 +145,12 @@ function Notice(props) {
     }, _ref3)
   }));
 }
+
+/**
+ * FeedbackForm
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-api/|API} | {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-code/|Examples}
+ */
 var _default = exports.default = (0, _core.createComponent)(FeedbackForm, {
   Item: _FeedbackItem.FeedbackItem,
   Success,

package/lib/cjs/FeedbackForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackForm.js","names":["_core","require","_baseComponents","_button","_interopRequireDefault","_notice","_spinContainer","_finalFormFocus","_react","_reactFinalForm","_FeedbackItem","_SubmitButton","style","sstyled","insert","FeedbackForm","Component","constructor","args","_defineProperty2","default","createFocusDecorator","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","Box","Children","styles","forwardRef","loading","background","theme","other","createElement","Form","_extends2","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","handleSubmit","origin","Field","onSubmit","description","error","value","words","split","symbols","join","length","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","assignProps","Cancel","_ref2","_ref6","SCancel","Button","Notice","_ref3","_ref7","use","SNotice","NoticeSmart","_default","exports","createComponent","Item","FeedbackItem","Submit","SubmitButton"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { NoticeSmart } from '@semcore/notice';\nimport SpinContainer from '@semcore/spin-container';\nimport createFocusDecorator from 'final-form-focus';\nimport React from 'react';\nimport { Field, Form } from 'react-final-form';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )}\n      </Form>\n    );\n  }\n}\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box} tabIndex={-1}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'muted', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} use:theme={theme} use:use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n  Item: FeedbackItem,\n  Success,\n  Submit: SubmitButton,\n  Cancel,\n  Notice,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FeedbackForm.js","names":["_core","require","_baseComponents","_button","_interopRequireDefault","_notice","_spinContainer","_finalFormFocus","_react","_reactFinalForm","_FeedbackItem","_SubmitButton","style","sstyled","insert","FeedbackForm","Component","constructor","args","_defineProperty2","default","createFocusDecorator","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","Box","Children","styles","forwardRef","loading","background","theme","other","createElement","Form","_extends2","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","handleSubmit","origin","Field","onSubmit","description","error","value","words","split","symbols","join","length","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","assignProps","Cancel","_ref2","_ref6","SCancel","Button","Notice","_ref3","_ref7","use","SNotice","NoticeSmart","_default","exports","createComponent","Item","FeedbackItem","Submit","SubmitButton"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { NoticeSmart } from '@semcore/notice';\nimport SpinContainer from '@semcore/spin-container';\nimport createFocusDecorator from 'final-form-focus';\nimport React from 'react';\nimport { Field, Form } from 'react-final-form';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )}\n      </Form>\n    );\n  }\n}\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box} tabIndex={-1}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'muted', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} use:theme={theme} use:use={use} />);\n}\n\n/**\n * FeedbackForm\n *\n * {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-api/|API} | {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-code/|Examples}\n */\nexport default createComponent(FeedbackForm, {\n  Item: FeedbackItem,\n  Success,\n  Submit: SubmitButton,\n  Cancel,\n  Notice,\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,11 +11,11 @@ var _baseComponents = require("@semcore/base-components");
 var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCheckboxButton_1hg4p_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:var(--intergalactic-rounded-medium, 6px)}@supports (color:color(display-p3 0 0 0%)){.___SCheckboxButton_1hg4p_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SCheckboxButton_1hg4p_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SCheckboxButton_1hg4p_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_1hg4p_gg_.__checked_1hg4p_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_1hg4p_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));background-color:rgba(0,143,248,.1)}.___SCheckboxButton_1hg4p_gg_.__checked_1hg4p_gg_:hover{background-color:rgba(0,143,248,.2)}}", /*__inner_css_end__*/"1hg4p_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCheckboxButton_83dxm_gg_{margin-top:var(--intergalactic-spacing-2x,8px);border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:var(--intergalactic-rounded-medium,6px)}@supports (color:color(display-p3 0 0 0%)){.___SCheckboxButton_83dxm_gg_{border:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SCheckboxButton_83dxm_gg_{border:1px solid var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SCheckboxButton_83dxm_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x,12px);box-sizing:border-box}.___SCheckboxButton_83dxm_gg_.__checked_83dxm_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active,#8796ef);background-color:#008ff81a}@media (hover:hover){.___SCheckboxButton_83dxm_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active,#8796ef);background-color:#008ff81a}.___SCheckboxButton_83dxm_gg_.__checked_83dxm_gg_:hover{background-color:#008ff833}}", /*__inner_css_end__*/"83dxm_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SCheckboxButton": "___SCheckboxButton_1hg4p_gg_",
-  "_checked": "__checked_1hg4p_gg_"
+  "__SCheckboxButton": "___SCheckboxButton_83dxm_gg_",
+  "_checked": "__checked_83dxm_gg_"
 });
 class CheckboxButtonRoot extends _core.Component {
   constructor(...args) {

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButton.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_react","style","sstyled","insert","CheckboxButtonRoot","Component","constructor","args","_defineProperty2","default","React","createRef","componentDidMount","focused","asProps","setTimeout","checkboxRef","current","focus","render","_ref","_ref2","styles","id","label","type","_type","other","SCheckboxButton","Box","createElement","cn","assignProps","Value","ref","Text","CheckboxButton","createComponent","_default","exports"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport type { FeedbackRatingCheckboxProps } from '../feedback-rating/FeedbackRating.type';\n\nclass CheckboxButtonRoot extends Component<FeedbackRatingCheckboxProps> {\n  static style = style;\n\n  checkboxRef = React.createRef<HTMLInputElement>();\n\n  componentDidMount() {\n    const { focused } = this.asProps;\n\n    if (focused) {\n      setTimeout(() => {\n        this.checkboxRef.current?.focus();\n      }, 20);\n    }\n  }\n\n  render() {\n    const { styles, id, label, type: _type, focused, ...other } = this.asProps;\n\n    const SCheckboxButton = Root;\n    return sstyled(styles)(\n      <SCheckboxButton render={Box} __excludeProps={['onChange', 'id', 'type']}>\n        <Checkbox {...other}>\n          <Checkbox.Value ref={this.checkboxRef} aria-labelledby={id} />\n          <Checkbox.Text id={id}>{label}</Checkbox.Text>\n        </Checkbox>\n      </SCheckboxButton>,\n    );\n  }\n}\n\nconst CheckboxButton = createComponent(CheckboxButtonRoot);\n\nexport default CheckboxButton;\n"],"mappings":";;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B;AAAA,MAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,kBAAkB,SAASC,eAAS,CAA8B;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,oCAGxDC,cAAK,CAACC,SAAS,CAAmB,CAAC;EAAA;EAEjDC,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACC,OAAO;IAEhC,IAAID,OAAO,EAAE;MACXE,UAAU,CAAC,MAAM;QACf,IAAI,CAACC,WAAW,CAACC,OAAO,EAAEC,KAAK,CAAC,CAAC;MACnC,CAAC,EAAE,EAAE,CAAC;IACR;EACF;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAN,OAAA;MAAAO,KAAA;IACP,MAAM;MAAEC,MAAM;MAAEC,EAAE;MAAEC,KAAK;MAAEC,IAAI,EAAEC,KAAK;MAAEb,OAAO;MAAE,GAAGc;IAAM,CAAC,GAAG,IAAI,CAACb,OAAO;IAE1E,MAAMc,eAAe,GAEMC,mBAAG;IAD9B,OAAAR,KAAA,GAAO,IAAAnB,aAAO,EAACoB,MAAM,CAAC,eACpBtB,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAACF,eAAe,EAAAP,KAAA,CAAAU,EAAA;MAAA,OAAApC,KAAA,CAAAqC,WAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAZ,IAAA;IAAA,iBACtEpB,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAChC,SAAA,CAAAW,OAAQ,EAAAY,KAAA,CAAAU,EAAA;MAAA,GAAKJ;IAAK,iBACjB3B,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAChC,SAAA,CAAAW,OAAQ,CAACwB,KAAK;MAACC,GAAG,EAAE,IAAI,CAAClB,WAAY;MAAC,mBAAiBO;IAAG,CAAE,CAAC,eAC9DvB,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAChC,SAAA,CAAAW,OAAQ,CAAC0B,IAAI;MAACZ,EAAE,EAAEA;IAAG,GAAEC,KAAqB,CACrC,CACK,CAAC;EAEtB;AACF;AAAC,IAAAhB,gBAAA,CAAAC,OAAA,EA5BKL,kBAAkB,WACPH,KAAK;AA6BtB,MAAMmC,cAAc,GAAG,IAAAC,qBAAe,EAACjC,kBAAkB,CAAC;AAAC,IAAAkC,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAE5C2B,cAAc","ignoreList":[]}
+{"version":3,"file":"CheckboxButton.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_react","style","sstyled","insert","CheckboxButtonRoot","Component","constructor","args","_defineProperty2","default","React","createRef","componentDidMount","focused","asProps","setTimeout","checkboxRef","current","focus","render","_ref","_ref2","styles","id","label","type","_type","other","SCheckboxButton","Box","createElement","cn","assignProps","Value","ref","Text","CheckboxButton","createComponent","_default","exports"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport type { FeedbackRatingCheckboxComponent, FeedbackRatingCheckboxProps } from '../feedback-rating/FeedbackRating.type';\n\nclass CheckboxButtonRoot extends Component<FeedbackRatingCheckboxProps> {\n  static style = style;\n\n  checkboxRef = React.createRef<HTMLInputElement>();\n\n  componentDidMount() {\n    const { focused } = this.asProps;\n\n    if (focused) {\n      setTimeout(() => {\n        this.checkboxRef.current?.focus();\n      }, 20);\n    }\n  }\n\n  render() {\n    const { styles, id, label, type: _type, focused, ...other } = this.asProps;\n\n    const SCheckboxButton = Root;\n    return sstyled(styles)(\n      <SCheckboxButton render={Box} __excludeProps={['onChange', 'id', 'type']}>\n        <Checkbox {...other}>\n          <Checkbox.Value ref={this.checkboxRef} aria-labelledby={id} />\n          <Checkbox.Text id={id}>{label}</Checkbox.Text>\n        </Checkbox>\n      </SCheckboxButton>,\n    );\n  }\n}\n\nconst CheckboxButton = createComponent<\n  FeedbackRatingCheckboxComponent,\n  typeof CheckboxButtonRoot\n>(CheckboxButtonRoot);\n\nexport default CheckboxButton;\n"],"mappings":";;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B;AAAA,MAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,kBAAkB,SAASC,eAAS,CAA8B;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,oCAGxDC,cAAK,CAACC,SAAS,CAAmB,CAAC;EAAA;EAEjDC,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACC,OAAO;IAEhC,IAAID,OAAO,EAAE;MACXE,UAAU,CAAC,MAAM;QACf,IAAI,CAACC,WAAW,CAACC,OAAO,EAAEC,KAAK,CAAC,CAAC;MACnC,CAAC,EAAE,EAAE,CAAC;IACR;EACF;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAN,OAAA;MAAAO,KAAA;IACP,MAAM;MAAEC,MAAM;MAAEC,EAAE;MAAEC,KAAK;MAAEC,IAAI,EAAEC,KAAK;MAAEb,OAAO;MAAE,GAAGc;IAAM,CAAC,GAAG,IAAI,CAACb,OAAO;IAE1E,MAAMc,eAAe,GAEMC,mBAAG;IAD9B,OAAAR,KAAA,GAAO,IAAAnB,aAAO,EAACoB,MAAM,CAAC,eACpBtB,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAACF,eAAe,EAAAP,KAAA,CAAAU,EAAA;MAAA,OAAApC,KAAA,CAAAqC,WAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAZ,IAAA;IAAA,iBACtEpB,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAChC,SAAA,CAAAW,OAAQ,EAAAY,KAAA,CAAAU,EAAA;MAAA,GAAKJ;IAAK,iBACjB3B,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAChC,SAAA,CAAAW,OAAQ,CAACwB,KAAK;MAACC,GAAG,EAAE,IAAI,CAAClB,WAAY;MAAC,mBAAiBO;IAAG,CAAE,CAAC,eAC9DvB,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAChC,SAAA,CAAAW,OAAQ,CAAC0B,IAAI;MAACZ,EAAE,EAAEA;IAAG,GAAEC,KAAqB,CACrC,CACK,CAAC;EAEtB;AACF;AAAC,IAAAhB,gBAAA,CAAAC,OAAA,EA5BKL,kBAAkB,WACPH,KAAK;AA6BtB,MAAMmC,cAAc,GAAG,IAAAC,qBAAe,EAGpCjC,kBAAkB,CAAC;AAAC,IAAAkC,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAEP2B,cAAc","ignoreList":[]}

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

@@ -52,7 +52,8 @@ function FeedbackItem({
       role: undefined,
       tag: tag
     }, tag ? inputProps : {}, {
-      __excludeProps: ['type', 'aria-describedby']
+      __excludeProps: ['type', 'aria-describedby'],
+      onKeyDown: () => false // as this is controlled tooltip, we shouldn't stopPropagation for keyboard Escape events.
     }), typeof Children.origin === 'function' && Children.origin({
       input: inputProps,
       meta,

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackItem.js","names":["_core","require","_pick","_interopRequireDefault","_propsForElement","_uniqueID","_tooltip","_react","_reactFinalForm","deafultTooltipPropsList","FeedbackItem","Children","tag","uid","tooltipProps","tooltipPropsList","props","pick","lastErrorRef","React","useRef","undefined","default","createElement","Field","input","meta","other","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","ariaDescribedBy","inputProps","assignProps","propsForElement","active","error","current","_extends2","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","__excludeProps","origin","Popper","w","id","enhance","uniqueIDEnhancement"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import { assignProps } from '@semcore/core';\nimport pick from '@semcore/core/lib/utils/pick';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport Tooltip from '@semcore/tooltip';\nimport React from 'react';\nimport { Field } from 'react-final-form';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const popperId = `${uid}-error-description`;\n        const ariaDescribedBy = props['aria-describedby'];\n        const inputProps = assignProps(\n          {\n            ...propsForElement(other),\n            'state': errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-describedby': meta.active ? (errorState ? popperId : ariaDescribedBy) : undefined,\n          },\n          input,\n        );\n\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger\n              inline={false}\n              role={undefined}\n              tag={tag}\n              {...(tag ? inputProps : {})}\n              __excludeProps={['type', 'aria-describedby']}\n            >\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper w='100%' id={popperId}>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AAEA,MAAMQ,uBAAuB,GAAG,CAC9B,OAAO,EACP,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,eAAe,EACf,gBAAgB,EAChB,eAAe,CAChB;AAEM,SAASC,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,GAAG;EACHC,GAAG;EACHC,YAAY,EAAEC,gBAAgB,GAAGN,uBAAuB;EACxD,GAAGO;AACA,CAAC,EAAE;EACN,MAAMF,YAAY,GAAG,IAAAG,aAAI,EAACD,KAAK,EAAED,gBAAgB,CAAC;EAClD,MAAMG,YAAY,GAAGC,cAAK,CAACC,MAAM,CAACC,SAAS,CAAC;EAE5C,oBACEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACf,eAAA,CAAAgB,KAAK,EAAKR,KAAK,EACb,CAAC;IAAES,KAAK;IAAEC,IAAI;IAAE,GAAGC;EAAM,CAAC,KAAK;IAC9B,MAAMC,SAAS,GAAGD,KAAK,CAACE,cAAc,KAAK,KAAK,GAAGH,IAAI,CAACI,YAAY,GAAG,IAAI;IAC3E,MAAMC,OAAO,GAAGL,IAAI,CAACK,OAAO,IAAIL,IAAI,CAACM,OAAO;IAC5C,MAAMC,UAAU,GAAGL,SAAS,IAAIG,OAAO;IACvC,MAAMG,QAAQ,GAAG,GAAGrB,GAAG,oBAAoB;IAC3C,MAAMsB,eAAe,GAAGnB,KAAK,CAAC,kBAAkB,CAAC;IACjD,MAAMoB,UAAU,GAAG,IAAAC,iBAAW,EAC5B;MACE,GAAG,IAAAC,wBAAe,EAACX,KAAK,CAAC;MACzB,OAAO,EAAEM,UAAU,GAAG,SAAS,GAAG,QAAQ;MAC1C,cAAc,EAAEA,UAAU,GAAG,IAAI,GAAG,KAAK;MACzC,kBAAkB,EAAEP,IAAI,CAACa,MAAM,GAAIN,UAAU,GAAGC,QAAQ,GAAGC,eAAe,GAAId;IAChF,CAAC,EACDI,KACF,CAAC;IAED,IAAIC,IAAI,EAAEc,KAAK,EAAEtB,YAAY,CAACuB,OAAO,GAAGf,IAAI,CAACc,KAAK;IAElD,oBACEjC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACjB,QAAA,CAAAgB,OAAO,MAAAoB,SAAA,CAAApB,OAAA;MACNqB,OAAO,EAAEV,UAAU,IAAIP,IAAI,CAACa,MAAO;MACnCK,KAAK,EAAC,SAAS;MACfC,SAAS,EAAC,MAAM;MAChBC,IAAI,EAAE;QACJC,kBAAkB,EAAE,CAAC,OAAO,EAAE,QAAQ;MACxC;IAAE,GACEjC,YAAY,gBAEhBP,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACjB,QAAA,CAAAgB,OAAO,CAAC0B,OAAO,MAAAN,SAAA,CAAApB,OAAA;MACd2B,MAAM,EAAE,KAAM;MACdC,IAAI,EAAE7B,SAAU;MAChBT,GAAG,EAAEA;IAAI,GACJA,GAAG,GAAGwB,UAAU,GAAG,CAAC,CAAC;MAC1Be,cAAc,EAAE,CAAC,MAAM,EAAE,kBAAkB;IAAE,IAE5C,OAAOxC,QAAQ,CAACyC,MAAM,KAAK,UAAU,IACpCzC,QAAQ,CAACyC,MAAM,CAAC;MACd3B,KAAK,EAAEW,UAAU;MACjBV,IAAI;MACJ,GAAGC;IACL,CAAC,CACY,CAAC,eAClBpB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACjB,QAAA,CAAAgB,OAAO,CAAC+B,MAAM;MAACC,CAAC,EAAC,MAAM;MAACC,EAAE,EAAErB;IAAS,GACnCR,IAAI,CAACc,KAAK,IAAItB,YAAY,CAACuB,OACd,CACT,CAAC;EAEd,CACK,CAAC;AAEZ;AACA/B,YAAY,CAAC8C,OAAO,GAAG,CAAC,IAAAC,iBAAmB,EAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"FeedbackItem.js","names":["_core","require","_pick","_interopRequireDefault","_propsForElement","_uniqueID","_tooltip","_react","_reactFinalForm","deafultTooltipPropsList","FeedbackItem","Children","tag","uid","tooltipProps","tooltipPropsList","props","pick","lastErrorRef","React","useRef","undefined","default","createElement","Field","input","meta","other","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","ariaDescribedBy","inputProps","assignProps","propsForElement","active","error","current","_extends2","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","__excludeProps","onKeyDown","origin","Popper","w","id","enhance","uniqueIDEnhancement"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import { assignProps } from '@semcore/core';\nimport pick from '@semcore/core/lib/utils/pick';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport Tooltip from '@semcore/tooltip';\nimport React from 'react';\nimport { Field } from 'react-final-form';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const popperId = `${uid}-error-description`;\n        const ariaDescribedBy = props['aria-describedby'];\n        const inputProps = assignProps(\n          {\n            ...propsForElement(other),\n            'state': errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-describedby': meta.active ? (errorState ? popperId : ariaDescribedBy) : undefined,\n          },\n          input,\n        );\n\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger\n              inline={false}\n              role={undefined}\n              tag={tag}\n              {...(tag ? inputProps : {})}\n              __excludeProps={['type', 'aria-describedby']}\n              onKeyDown={() => false} // as this is controlled tooltip, we shouldn't stopPropagation for keyboard Escape events.\n            >\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper w='100%' id={popperId}>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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","ignoreList":[]}

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

@@ -31,11 +31,11 @@ var _FeedbackItem = require("../feedback-item/FeedbackItem");
 var _SliderRating = _interopRequireDefault(require("../slider-rating/SliderRating"));
 var _SubmitButton = require("../submit-button/SubmitButton");
 /*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_tdicx_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_tdicx_gg_ li{list-style:none}.___SFeedbackRating_tdicx_gg_ .___SHeader_tdicx_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}", /*__inner_css_end__*/"tdicx_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_19kr5_gg_ ul{margin:0;padding:0}.___SFeedbackRating_19kr5_gg_ :is(li,ul){list-style:none}.___SFeedbackRating_19kr5_gg_ .___SHeader_19kr5_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%);font-weight:var(--intergalactic-bold,700);margin:var(--intergalactic-spacing-4x,16px) 0;text-align:center}", /*__inner_css_end__*/"19kr5_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFeedbackRating": "___SFeedbackRating_tdicx_gg_",
-  "__SHeader": "___SHeader_tdicx_gg_"
+  "__SFeedbackRating": "___SFeedbackRating_19kr5_gg_",
+  "__SHeader": "___SHeader_19kr5_gg_"
 });
 class FeedbackRatingRoot extends _core.Component {
   constructor(...args) {
@@ -336,6 +336,11 @@ function Header(props) {
     ...(0, _core.assignProps)({}, _ref3)
   }));
 }
+/**
+ * FeedbackRating
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-api#feedbackform-feedbackrating|API} | {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-code/|Examples}
+ */
 const FeedbackRating = (0, _core.createComponent)(FeedbackRatingRoot, {
   Header,
   Item: _FeedbackItem.FeedbackItem,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackRating.type.js","names":[],"sources":["../../../../src/component/feedback-rating/FeedbackRating.type.ts"],"sourcesContent":["import type { NSCheckbox } from '@semcore/checkbox';\nimport type { Intergalactic } from '@semcore/core';\nimport type { IllustrationProps } from '@semcore/illustration';\nimport type Notice from '@semcore/notice';\nimport type React from 'react';\nimport type { FieldProps } from 'react-final-form';\n\nimport type { FeedbackFormProps } from '../../index';\nimport type { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\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  /** Notification close callback */\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  /** Visibility changes callback */\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  /** Initial form values including rating */\n  initialValues: Record<string, any> & { rating: number };\n  /** Email address shown in error messages */\n  errorFeedbackEmail: string;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /** Illustration element */\n  Illustration?: Intergalactic.Component<'svg', IllustrationProps>;\n  /** Notice component */\n  Notice?: typeof Notice;\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<NSCheckbox.Props, 'label'> & {\n  focused: boolean;\n  label: React.ReactNode;\n};\n\nexport type FeedbackRatingDefaultProps = {\n  onSubmit: () => void;\n  i18n: typeof localizedMessages;\n  locale: 'en';\n  Illustration: Intergalactic.Component<'svg', IllustrationProps>;\n  Notice: typeof Notice;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"FeedbackRating.type.js","names":[],"sources":["../../../../src/component/feedback-rating/FeedbackRating.type.ts"],"sourcesContent":["import type { NSCheckbox } from '@semcore/checkbox';\nimport type { Intergalactic } from '@semcore/core';\nimport type { IllustrationProps } from '@semcore/illustration';\nimport type Notice from '@semcore/notice';\nimport type React from 'react';\nimport type { FieldProps } from 'react-final-form';\n\nimport type { FeedbackFormProps } from '../../index';\nimport type { LocalizedMessages } from '../../translations/__intergalactic-dynamic-locales';\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  /** Notification close callback */\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  /** Visibility changes callback */\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  /** Initial form values including rating */\n  initialValues: Record<string, any> & { rating: number };\n  /** Email address shown in error messages */\n  errorFeedbackEmail: string;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /** Illustration element */\n  Illustration?: Intergalactic.Component<'svg', IllustrationProps>;\n  /** Notice component */\n  Notice?: typeof Notice;\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<NSCheckbox.Props, 'label'> & {\n  focused: boolean;\n  label: React.ReactNode;\n};\n\nexport type FeedbackRatingCheckboxComponent = Intergalactic.Component<'div', FeedbackRatingCheckboxProps>;\n\nexport type FeedbackRatingDefaultProps = {\n  onSubmit: () => void;\n  i18n: LocalizedMessages;\n  locale: 'en';\n  Illustration: FeedbackRatingProps['Illustration'];\n  Notice: FeedbackRatingProps['Notice'];\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -13,14 +13,14 @@ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID
 var _react = _interopRequireDefault(require("react"));
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSliderRating_1a1qg_gg_ .___SStar_1a1qg_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1a1qg_gg_:focus-visible .___SStar_1a1qg_gg_.__hovered_1a1qg_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1a1qg_gg_ .___SStar_1a1qg_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_1a1qg_gg_.__readonly_1a1qg_gg_ .___SStar_1a1qg_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1a1qg_gg_.__filled_1a1qg_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1a1qg_gg_ path{fill:var(--intergalactic-slider-rating-normal, rgb(157, 159, 158))}.___SStar_1a1qg_gg_.__filled_1a1qg_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, rgb(168, 106, 254))}", /*__inner_css_end__*/"1a1qg_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSliderRating_p7uyv_gg_ .___SStar_p7uyv_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_p7uyv_gg_:focus-visible .___SStar_p7uyv_gg_.__hovered_p7uyv_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_p7uyv_gg_ .___SStar_p7uyv_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_p7uyv_gg_.__readonly_p7uyv_gg_ .___SStar_p7uyv_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_p7uyv_gg_.__filled_p7uyv_gg_:active{animation:wobble .8s ease-in-out}.___SStar_p7uyv_gg_ path{fill:var(--intergalactic-slider-rating-normal,#9d9f9e)}.___SStar_p7uyv_gg_.__filled_p7uyv_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active,#a86afe)}", /*__inner_css_end__*/"p7uyv_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSliderRating": "___SSliderRating_1a1qg_gg_",
-  "__SStar": "___SStar_1a1qg_gg_",
-  "_hovered": "__hovered_1a1qg_gg_",
-  "_readonly": "__readonly_1a1qg_gg_",
-  "_filled": "__filled_1a1qg_gg_"
+  "__SSliderRating": "___SSliderRating_p7uyv_gg_",
+  "__SStar": "___SStar_p7uyv_gg_",
+  "_hovered": "__hovered_p7uyv_gg_",
+  "_readonly": "__readonly_p7uyv_gg_",
+  "_filled": "__filled_p7uyv_gg_"
 });
 const MIN = 1;
 const MAX = 5;

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

@@ -1 +1 @@
-{"version":3,"file":"SliderRating.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_uniqueID","_react","_intergalacticDynamicLocales","style","sstyled","insert","MIN","MAX","SliderRatingRoot","Component","constructor","args","_defineProperty2","default","hoveredIndex","clickedIndex","newValue","_e","readonly","asProps","setValue","index","setState","onChange","value","event","includes","key","preventDefault","state","direction","getStarProps","_","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","hovered","getLabelText","getI18nText","selectedRating","max","render","_ref","_ref3","styles","SSliderRating","Flex","label","createElement","assignProps","Array","fill","map","SliderRating","Star","hoverValue","editModeLabel","cn","handleMouseLeave","handleKeyDown","uniqueIDEnhancement","i18nEnhance","localizedMessages","i18n","locale","props","_ref2","arguments[0]","_ref4","SStar","Box","displayName","createComponent","_default","exports"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import { Flex, Box, type BoxProps } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled, type Intergalactic } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport style from '../../style/slider-rating.shadow.css';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\ntype SliderRatingProps = {\n  value: number;\n  onChange?: (value: number) => void;\n  readonly?: boolean;\n};\n\ntype State = {\n  hoveredIndex: number;\n  clickedIndex: number;\n};\n\ntype StarProps = BoxProps & {\n  filled?: boolean;\n};\n\nconst MIN = 1;\nconst MAX = 5;\n\nclass SliderRatingRoot extends Component<\n  SliderRatingProps,\n  typeof SliderRatingRoot.enhance,\n  {},\n  {},\n  State\n> {\n  static displayName = 'SliderRating';\n  static style = style;\n\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)] as const;\n\n  state: State = {\n    hoveredIndex: -1,\n    clickedIndex: -1,\n  };\n\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  handleClick = (newValue: number) => (_e: React.SyntheticEvent<SVGElement>) => {\n    const { readonly } = this.asProps;\n\n    if (!readonly) {\n      this.setValue(newValue);\n    }\n  };\n\n  handleMouseEnder = (index: number) => () => {\n    this.setState({ hoveredIndex: index });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ hoveredIndex: -1 });\n  };\n\n  getStarProps(_: any, index: number) {\n    const { value, readonly } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    return {\n      filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,\n      onClick: this.handleClick(index + 1),\n      onMouseEnter: readonly ? undefined : this.handleMouseEnder(index),\n      hovered: hoveredIndex === index,\n    };\n  }\n\n  setValue = (newValue: number) => {\n    const { onChange, value } = this.asProps;\n\n    if (onChange) {\n      onChange(newValue);\n    }\n\n    if (newValue <= value) {\n      this.setState({ clickedIndex: newValue, hoveredIndex: -1 });\n    } else {\n      this.setState({ clickedIndex: -1, hoveredIndex: -1 });\n    }\n  };\n\n  handleKeyDown = (event: React.KeyboardEvent) => {\n    if (!['ArrowLeft', 'ArrowRight', 'Enter'].includes(event.key)) return;\n    event.preventDefault();\n\n    if (event.key === 'Enter') {\n      const { hoveredIndex } = this.state;\n\n      this.setValue(hoveredIndex + 1);\n    } else {\n      const { value } = this.asProps;\n      const { hoveredIndex } = this.state;\n\n      const direction = event.key === 'ArrowLeft' ? -1 : 1;\n      let newValue = hoveredIndex === -1 ? value + direction : hoveredIndex + 1 + direction;\n\n      if (newValue > MAX) newValue = MAX;\n      if (newValue < MIN) newValue = MIN;\n\n      this.setState({ hoveredIndex: newValue - 1 });\n    }\n  };\n\n  getLabelText() {\n    const { hoveredIndex } = this.state;\n    const { readonly, value, getI18nText } = this.asProps;\n\n    if (readonly) {\n      return getI18nText('FeedbackRating.SliderRating.aria-valuetext.readonly', {\n        selectedRating: value,\n        max: MAX,\n      });\n    }\n\n    if (value) {\n      const selectedRating = hoveredIndex > -1 ? hoveredIndex + 1 : value;\n      return getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n        selectedRating: selectedRating,\n        max: MAX,\n      });\n    }\n\n    return hoveredIndex === -1\n      ? getI18nText('FeedbackRating.SliderRating.aria-valuetext.empty')\n      : getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n          selectedRating: hoveredIndex + 1,\n          max: MAX,\n        });\n  }\n\n  render() {\n    const { styles, readonly, getI18nText, value } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    const SSliderRating = Root;\n    const label = this.getLabelText();\n\n    if (readonly) {\n      return (\n        <SSliderRating render={Flex} gap={1} role='img' aria-label={label}>\n          {new Array(MAX).fill(null).map((_, index) => <SliderRating.Star key={index} />)}\n        </SSliderRating>\n      );\n    }\n\n    const hoverValue = hoveredIndex + 1;\n\n    const editModeLabel =\n      hoverValue > 0 || value\n        ? `${label}. ${getI18nText(\n          'FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber',\n        )}.`\n        : label;\n\n    return sstyled(styles)(\n      <SSliderRating\n        render={Flex}\n        gap={1}\n        tabIndex={0}\n        onMouseLeave={this.handleMouseLeave}\n        onKeyDown={this.handleKeyDown}\n        role='slider'\n        aria-orientation='horizontal'\n        aria-valuemin={MIN}\n        aria-valuemax={MAX}\n        aria-valuetext={editModeLabel}\n        aria-valuenow={hoverValue}\n      >\n        {new Array(MAX).fill(null).map((_, index) => <SliderRating.Star key={index} />)}\n      </SSliderRating>,\n    );\n  }\n}\n\nfunction Star(props: StarProps) {\n  const SStar = Root;\n  return sstyled(props.styles)(\n    <SStar\n      render={Box}\n      tag='svg'\n      role='none'\n      width='24'\n      height='24'\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      {props.filled\n        ? (\n            <path d='M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z' />\n          )\n        : (\n            <path\n              d='M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z'\n              fillRule='evenodd'\n              clipRule='evenodd'\n            />\n          )}\n    </SStar>,\n  );\n}\nStar.displayName = 'Star';\n\nconst SliderRating = createComponent(SliderRatingRoot, {\n  Star,\n}) as Intergalactic.Component<typeof Flex, SliderRatingProps> & {\n  Star: Intergalactic.Component<typeof Box, StarProps>;\n};\n\nexport default SliderRating;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SliderRating.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_uniqueID","_react","_intergalacticDynamicLocales","style","sstyled","insert","MIN","MAX","SliderRatingRoot","Component","constructor","args","_defineProperty2","default","hoveredIndex","clickedIndex","newValue","_e","readonly","asProps","setValue","index","setState","onChange","value","event","includes","key","preventDefault","state","direction","getStarProps","_","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","hovered","getLabelText","getI18nText","selectedRating","max","render","_ref","_ref3","styles","SSliderRating","Flex","label","createElement","assignProps","Array","fill","map","SliderRating","Star","hoverValue","editModeLabel","cn","handleMouseLeave","handleKeyDown","uniqueIDEnhancement","i18nEnhance","localizedMessages","i18n","locale","props","_ref2","arguments[0]","_ref4","SStar","Box","displayName","createComponent","_default","exports"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import { Flex, Box, type BoxProps } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled, type Intergalactic } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport style from '../../style/slider-rating.shadow.css';\nimport type { LocalizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\ntype SliderRatingProps = {\n  value: number;\n  onChange?: (value: number) => void;\n  readonly?: boolean;\n};\n\ntype SliderRatingDefaultProps = {\n  i18n: LocalizedMessages;\n  locale: 'en';\n};\n\ntype State = {\n  hoveredIndex: number;\n  clickedIndex: number;\n};\n\ntype StarProps = BoxProps & {\n  filled?: boolean;\n};\n\ntype SliderRatingComponent = Intergalactic.Component<typeof Flex, SliderRatingProps> & {\n  Star: Intergalactic.Component<typeof Box, StarProps>;\n};\n\nconst MIN = 1;\nconst MAX = 5;\n\nclass SliderRatingRoot extends Component<\n  SliderRatingProps,\n  typeof SliderRatingRoot.enhance,\n  {},\n  WithI18nEnhanceProps,\n  State,\n  SliderRatingDefaultProps\n> {\n  static displayName = 'SliderRating';\n  static style = style;\n\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)] as const;\n\n  state: State = {\n    hoveredIndex: -1,\n    clickedIndex: -1,\n  };\n\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  } as const;\n\n  handleClick = (newValue: number) => (_e: React.SyntheticEvent<SVGElement>) => {\n    const { readonly } = this.asProps;\n\n    if (!readonly) {\n      this.setValue(newValue);\n    }\n  };\n\n  handleMouseEnder = (index: number) => () => {\n    this.setState({ hoveredIndex: index });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ hoveredIndex: -1 });\n  };\n\n  getStarProps(_: any, index: number) {\n    const { value, readonly } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    return {\n      filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,\n      onClick: this.handleClick(index + 1),\n      onMouseEnter: readonly ? undefined : this.handleMouseEnder(index),\n      hovered: hoveredIndex === index,\n    };\n  }\n\n  setValue = (newValue: number) => {\n    const { onChange, value } = this.asProps;\n\n    if (onChange) {\n      onChange(newValue);\n    }\n\n    if (newValue <= value) {\n      this.setState({ clickedIndex: newValue, hoveredIndex: -1 });\n    } else {\n      this.setState({ clickedIndex: -1, hoveredIndex: -1 });\n    }\n  };\n\n  handleKeyDown = (event: React.KeyboardEvent) => {\n    if (!['ArrowLeft', 'ArrowRight', 'Enter'].includes(event.key)) return;\n    event.preventDefault();\n\n    if (event.key === 'Enter') {\n      const { hoveredIndex } = this.state;\n\n      this.setValue(hoveredIndex + 1);\n    } else {\n      const { value } = this.asProps;\n      const { hoveredIndex } = this.state;\n\n      const direction = event.key === 'ArrowLeft' ? -1 : 1;\n      let newValue = hoveredIndex === -1 ? value + direction : hoveredIndex + 1 + direction;\n\n      if (newValue > MAX) newValue = MAX;\n      if (newValue < MIN) newValue = MIN;\n\n      this.setState({ hoveredIndex: newValue - 1 });\n    }\n  };\n\n  getLabelText() {\n    const { hoveredIndex } = this.state;\n    const { readonly, value, getI18nText } = this.asProps;\n\n    if (readonly) {\n      return getI18nText('FeedbackRating.SliderRating.aria-valuetext.readonly', {\n        selectedRating: value,\n        max: MAX,\n      });\n    }\n\n    if (value) {\n      const selectedRating = hoveredIndex > -1 ? hoveredIndex + 1 : value;\n      return getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n        selectedRating: selectedRating,\n        max: MAX,\n      });\n    }\n\n    return hoveredIndex === -1\n      ? getI18nText('FeedbackRating.SliderRating.aria-valuetext.empty')\n      : getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n          selectedRating: hoveredIndex + 1,\n          max: MAX,\n        });\n  }\n\n  render() {\n    const { styles, readonly, getI18nText, value } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    const SSliderRating = Root;\n    const label = this.getLabelText();\n\n    if (readonly) {\n      return (\n        <SSliderRating render={Flex} gap={1} role='img' aria-label={label}>\n          {new Array(MAX).fill(null).map((_, index) => <SliderRating.Star key={index} />)}\n        </SSliderRating>\n      );\n    }\n\n    const hoverValue = hoveredIndex + 1;\n\n    const editModeLabel =\n      hoverValue > 0 || value\n        ? `${label}. ${getI18nText(\n          'FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber',\n        )}.`\n        : label;\n\n    return sstyled(styles)(\n      <SSliderRating\n        render={Flex}\n        gap={1}\n        tabIndex={0}\n        onMouseLeave={this.handleMouseLeave}\n        onKeyDown={this.handleKeyDown}\n        role='slider'\n        aria-orientation='horizontal'\n        aria-valuemin={MIN}\n        aria-valuemax={MAX}\n        aria-valuetext={editModeLabel}\n        aria-valuenow={hoverValue}\n      >\n        {new Array(MAX).fill(null).map((_, index) => <SliderRating.Star key={index} />)}\n      </SSliderRating>,\n    );\n  }\n}\n\nfunction Star(props: StarProps) {\n  const SStar = Root;\n  return sstyled(props.styles)(\n    <SStar\n      render={Box}\n      tag='svg'\n      role='none'\n      width='24'\n      height='24'\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      {props.filled\n        ? (\n            <path d='M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z' />\n          )\n        : (\n            <path\n              d='M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z'\n              fillRule='evenodd'\n              clipRule='evenodd'\n            />\n          )}\n    </SStar>,\n  );\n}\nStar.displayName = 'Star';\n\nconst SliderRating = createComponent<\n  SliderRatingComponent,\n  typeof SliderRatingRoot\n>(SliderRatingRoot, {\n  Star,\n});\n\nexport default SliderRating;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/style/feedback-form.shadow.css

@@ -12,8 +12,8 @@ SNotice {
   padding: var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);
   border-width: 1px 0 0;
   border-top-style: solid;
-  border-radius: 0 0 var(--intergalactic-surface-rounded, calc(6px + 2px))
-    var(--intergalactic-surface-rounded, calc(6px + 2px));
+  border-radius: 0 0 var(--intergalactic-surface-rounded, 8px)
+    var(--intergalactic-surface-rounded, 8px);
 }
 
 SSuccess {

package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n\nexport type LocalizedMessages = typeof localizedMessages;\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}