@semcore/feedback-form 6.40.0 → 16.0.0-prerelease.11

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [6.40.0] - 2025-03-28
+## [16.0.0] - 2025-01-09
 
 ### Changed
 
-- Version minor update due to children dependencies update (`@semcore/button` [5.42.1 ~> 5.43.0]).
+- `keyboardFocusEnhance` to css `:focus-visible` property.
 
 ## [6.39.1] - 2025-03-20
 

package/lib/cjs/FeedbackForm.js

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

package/lib/cjs/FeedbackForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackForm.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_button","_spinContainer","_notice","_flexBox","_FeedbackItem","_SubmitButton","_excluded","style","_index","sstyled","insert","FeedbackForm","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createFocusDecorator","_createClass2","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","Box","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties2","createElement","Form","_extends2","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread2","handleSubmit","origin","Component","Field","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","assignProps","Cancel","_ref2","_ref6","SCancel","Button","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","NoticeSmart","_default","createComponent","Item","FeedbackItem","Submit","SubmitButton","exports"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )\n        }\n      </Form>\n    );\n  }\n}\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box} tabIndex={-1}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'muted', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} use:theme={theme} use:use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n  Item: FeedbackItem,\n  Success,\n  Submit: SubmitButton,\n  Cancel,\n  Notice,\n});\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackForm.js","names":["_core","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_button","_spinContainer","_notice","_flexBox","_FeedbackItem","_SubmitButton","_excluded","style","sstyled","insert","FeedbackForm","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createFocusDecorator","_createClass2","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","Box","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties2","createElement","Form","_extends2","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread2","handleSubmit","origin","Component","Field","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","assignProps","Cancel","_ref2","_ref6","SCancel","Button","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","NoticeSmart","_default","createComponent","Item","FeedbackItem","Submit","SubmitButton","exports"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )\n        }\n      </Form>\n    );\n  }\n}\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box} tabIndex={-1}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'muted', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} use:theme={theme} use:use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n  Item: FeedbackItem,\n  Success,\n  Submit: SubmitButton,\n  Cancel,\n  Notice,\n});\n"],"mappings":";;;;;;;;;;;;;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AAJA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAF,sBAAA,CAAAF,OAAA;AAGA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAEA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AAAsE,IAAAW,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAb,KAAA,CAAAc,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIhEC,YAAY,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,YAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,qBA2BC,IAAAa,0BAAoB,GAAE;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAAc,aAAA,aAAAnB,YAAA;IAAAoB,GAAA;IAAAC,KAAA,EAEvC,SAAAC,aAAA,EAAe;MACb,IAAQC,cAAc,GAAK,IAAI,CAACC,OAAO,CAA/BD,cAAc;MAEtB,OAAO;QACLA,cAAc,EAAdA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAA,EAAS;MACP,IAAMC,aAAa,GAAGC,YAAG;MACzB,IAAAC,aAAA,GAA+E,IAAI,CAACJ,OAAO;QAAnFK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,UAAU,GAAAH,aAAA,CAAVG,UAAU;QAAEC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QAAEC,UAAU,GAAAL,aAAA,CAAVK,UAAU;QAAEC,KAAK,GAAAN,aAAA,CAALM,KAAK;QAAKC,KAAK,OAAAC,yBAAA,aAAAR,aAAA,EAAAhC,SAAA;MAE1E,oBACEV,MAAA,YAAAmD,aAAA,CAACjD,eAAA,CAAAkD,IAAI,MAAAC,SAAA;QAACC,UAAU,EAAE,CAAC,IAAI,CAACC,cAAc;MAAE,GAAKN,KAAK,GAC/C,UAACO,GAAG;QAAA,IAAAC,KAAA;QAAA,OAAAA,KAAA,GACH,IAAA7C,aAAO,EAACgC,MAAM,CAAC,eACb5C,MAAA,YAAAmD,aAAA,CAAC9C,cAAA,WAAa,EAAAoD,KAAA,CAAAC,EAAA;UAAA,cACAX,UAAU;UAAA,SACfC,KAAK;UAAA,QACP,IAAI;UAAA,WACAF,OAAO,KAAKa,SAAS,GAAGH,GAAG,CAACI,UAAU,GAAGd;QAAO,iBAEzD9C,MAAA,YAAAmD,aAAA,CAACX,aAAa,EAAAiB,KAAA,CAAAC,EAAA,sBAAAG,cAAA,iBAAAA,cAAA;UAAA,OACR,MAAM;UAAA;UAAA,UAEH,MAAM;UAAA,OACRhB;QAAU,GACXI,KAAK;UAAA,YACCO,GAAG,CAACM;QAAY,KAEzB,OAAOnB,QAAQ,CAACoB,MAAM,KAAK,UAAU,GAAGpB,QAAQ,CAACoB,MAAM,CAACP,GAAG,CAAC,gBAAGxD,MAAA,YAAAmD,aAAA,CAACR,QAAQ,EAAAc,KAAA,CAAAC,EAAA,iBAAG,CAC9D,CACF;MAAA,CACjB,CAEE;IAEX;EAAC;EAAA,OAAA5C,YAAA;AAAA,EAlEwBkD,eAAS;AAAA,IAAAlC,gBAAA,aAA9BhB,YAAY,iBACK,cAAc;AAAA,IAAAgB,gBAAA,aAD/BhB,YAAY,WAEDH,KAAK;AAAA,IAAAmB,gBAAA,aAFhBhB,YAAY,eAGG;EACjBmD,KAAK,EAALA,qBAAK;EACLb,IAAI,EAAJA;AACF,CAAC;AAAA,IAAAtB,gBAAA,aANGhB,YAAY,kBAQM;EACpBoD,QAAQ,EAAE,SAAAA,SAAA,EAAM,CAAC;AACnB,CAAC;AAAA,IAAApC,gBAAA,aAVGhB,YAAY,cAYE;EAChBqD,WAAW,EAAE,SAAAA,YAACC,KAAK;IAAA,OAAK,YAAgB;MAAA,IAAfjC,KAAK,GAAAb,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAqC,SAAA,GAAArC,SAAA,MAAG,EAAE;MACjC,IAAM+C,KAAK,GAAGlC,KAAK,CAACmC,KAAK,CAAC,KAAK,CAAC;MAChC,IAAMC,OAAO,GAAGF,KAAK,CAACG,IAAI,CAAC,GAAG,CAAC;MAC/B,IAAID,OAAO,CAAChD,MAAM,GAAG,EAAE,IAAI8C,KAAK,CAAC9C,MAAM,GAAG,CAAC,EAAE;QAC3C,OAAO6C,KAAK;MACd;IACF,CAAC;EAAA;EACDK,KAAK,EAAE,SAAAA,MAACL,KAAK;IAAA,OAAK,YAAgB;MAAA,IAAfjC,KAAK,GAAAb,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAqC,SAAA,GAAArC,SAAA,MAAG,EAAE;MAC3B,IAAI,CAAC,YAAY,CAACoD,IAAI,CAACC,MAAM,CAACxC,KAAK,CAAC,CAACyC,WAAW,EAAE,CAAC,EAAE;QACnD,OAAOR,KAAK;MACd;IACF,CAAC;EAAA;AACH,CAAC;AA4CH,SAASS,OAAOA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAQtC,QAAQ,GAAamC,KAAK,CAA1BnC,QAAQ;IAAEC,MAAM,GAAKkC,KAAK,CAAhBlC,MAAM;EACxB,IAAMsC,QAAQ,GAIMzC,YAAG;EAHvB,IAAM0C,MAAM,GAAG,KAAK;EAEpB,OAAAF,KAAA,GAAO,IAAArE,aAAO,EAACgC,MAAM,CAAC,eACpB5C,MAAA,YAAAmD,aAAA,CAAC+B,QAAQ,EAAAD,KAAA,CAAAvB,EAAA,iBAAAG,cAAA,qBAAA/D,KAAA,CAAAsF,WAAA;IAAA,YAAwB,CAAC;EAAC,GAAAL,IAAA,kBACjC/E,MAAA,YAAAmD,aAAA,CAACgC,MAAM,EAAAF,KAAA,CAAAvB,EAAA;IAAA,eAAc;EAAI,GAAI,eAC7B1D,MAAA,YAAAmD,aAAA,SAAA8B,KAAA,CAAAvB,EAAA,2BACE1D,MAAA,YAAAmD,aAAA,CAACR,QAAQ,EAAAsC,KAAA,CAAAvB,EAAA,iBAAG,CACP,CACE;AAEf;AACA;AACAmB,OAAO,CAAClE,KAAK,GAAGA,KAAK;AAErB,SAAS0E,MAAMA,CAACP,KAAK,EAAE;EAAA,IAAAQ,KAAA,GAAAN,YAAA;IAAAO,KAAA;EACrB,IAAQ3C,MAAM,GAAKkC,KAAK,CAAhBlC,MAAM;EACd,IAAM4C,OAAO,GAC2BC,kBAAM;EAA9C,OAAAF,KAAA,GAAO,IAAA3E,aAAO,EAACgC,MAAM,CAAC,eAAC5C,MAAA,YAAAmD,aAAA,CAACqC,OAAO,EAAAD,KAAA,CAAA7B,EAAA,gBAAAG,cAAA,qBAAA/D,KAAA,CAAAsF,WAAA;IAAA,QAAsB,OAAO;IAAA,OAAK,WAAW;IAAA,SAAO;EAAO,GAAAE,KAAA,IAAG;AAC/F;AAEA,SAASI,MAAMA,CAACZ,KAAK,EAAE;EAAA,IAAAa,KAAA,GAAAX,YAAA;IAAAY,KAAA;EACrB,IAAQhD,MAAM,GAAyCkC,KAAK,CAApDlC,MAAM;IAAAiD,YAAA,GAAyCf,KAAK,CAA5C9B,KAAK;IAALA,KAAK,GAAA6C,YAAA,cAAG,OAAO,GAAAA,YAAA;IAAAC,UAAA,GAAwBhB,KAAK,CAA3BiB,GAAG;IAAHA,GAAG,GAAAD,UAAA,cAAG,WAAW,GAAAA,UAAA;EAClD,IAAME,OAAO,GAC2BC,mBAAW;EAAnD,OAAAL,KAAA,GAAO,IAAAhF,aAAO,EAACgC,MAAM,CAAC,eAAC5C,MAAA,YAAAmD,aAAA,CAAC6C,OAAO,EAAAJ,KAAA,CAAAlC,EAAA,gBAAAG,cAAA,qBAAA/D,KAAA,CAAAsF,WAAA;IAAA,aAAiCpC,KAAK;IAAA,WAAW+C;EAAG,GAAAJ,KAAA,IAAI;AACzF;AAAC,IAAAO,QAAA,GAEc,IAAAC,qBAAe,EAACrF,YAAY,EAAE;EAC3CsF,IAAI,EAAEC,0BAAY;EAClBxB,OAAO,EAAPA,OAAO;EACPyB,MAAM,EAAEC,0BAAY;EACpBlB,MAAM,EAANA,MAAM;EACNK,MAAM,EAANA;AACF,CAAC,CAAC;AAAAc,OAAA,cAAAN,QAAA"}

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,16 +12,15 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("@semcore/flex-box");
 var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
 var _excluded = ["styles", "id", "label", "type", "focused"];
 /*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_m7px9_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_m7px9_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_m7px9_gg_.__checked_m7px9_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_m7px9_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_m7px9_gg_.__checked_m7px9_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "m7px9_gg_") /*__reshadow_css_end__*/, {
-  "__SCheckboxButton": "___SCheckboxButton_m7px9_gg_",
-  "_checked": "__checked_m7px9_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_nj35w_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_nj35w_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_nj35w_gg_.__checked_nj35w_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_nj35w_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_nj35w_gg_.__checked_nj35w_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "nj35w_gg_") /*__reshadow_css_end__*/, {
+  "__SCheckboxButton": "___SCheckboxButton_nj35w_gg_",
+  "_checked": "__checked_nj35w_gg_"
 });
 var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CheckboxButtonRoot, _Component);
@@ -58,7 +56,7 @@ var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
   return CheckboxButtonRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(CheckboxButtonRoot, "style", style);
-var CheckboxButton = (0, _core["default"])(CheckboxButtonRoot);
+var CheckboxButton = (0, _core.createComponent)(CheckboxButtonRoot);
 var _default = CheckboxButton;
 exports["default"] = _default;
 //# sourceMappingURL=CheckboxButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButton.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_excluded","style","_index","sstyled","insert","CheckboxButtonRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","_this$asProps","styles","id","label","type","focused","other","_objectWithoutProperties2","autoFocus","SCheckboxButton","Box","createElement","cn","_objectSpread2","assignProps","Value","Text","Component","_defineProperty2","CheckboxButton","createComponent","_default","exports"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport Checkbox from '@semcore/checkbox';\nimport { FeedbackRatingCheckboxProps } from '../feedback-rating/FeedbackRating.type';\n\nclass CheckboxButtonRoot extends Component<FeedbackRatingCheckboxProps> {\n  static style = style;\n\n  render() {\n    const { styles, id, label, type, focused, ...other } = this.asProps;\n    const autoFocus = focused ? 20 : false;\n\n    const SCheckboxButton = Root;\n    return sstyled(styles)(\n      <SCheckboxButton render={Box} __excludeProps={['onChange', 'id', 'type']}>\n        <Checkbox {...other}>\n          <Checkbox.Value autoFocus={autoFocus} aria-labelledby={id} />\n          <Checkbox.Text id={id}>{label}</Checkbox.Text>\n        </Checkbox>\n      </SCheckboxButton>,\n    );\n  }\n}\n\nconst CheckboxButton = createComponent(CheckboxButtonRoot);\n\nexport default CheckboxButton;\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAyC,IAAAK,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAGnCC,kBAAkB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAA,IAAAK,gBAAA,mBAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGtB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAAC,aAAA,GAAuD,IAAI,CAACF,OAAO;QAA3DG,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;QAAKC,KAAK,OAAAC,yBAAA,aAAAP,aAAA,EAAApB,SAAA;MAClD,IAAM4B,SAAS,GAAGH,OAAO,GAAG,EAAE,GAAG,KAAK;MAEtC,IAAMI,eAAe,GAEMC,YAAG;MAD9B,OAAAX,KAAA,GAAO,IAAAhB,aAAO,EAACkB,MAAM,CAAC,eACpBzB,MAAA,YAAAmC,aAAA,CAACF,eAAe,EAAAV,KAAA,CAAAa,EAAA,wBAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAjB,IAAA,kBACtErB,MAAA,YAAAmC,aAAA,CAAChC,SAAA,WAAQ,EAAAoB,KAAA,CAAAa,EAAA,iBAAAC,cAAA,iBAAKP,KAAK,iBACjB9B,MAAA,YAAAmC,aAAA,CAAChC,SAAA,WAAQ,CAACoC,KAAK;QAACP,SAAS,EAAEA,SAAU;QAAC,mBAAiBN;MAAG,EAAG,eAC7D1B,MAAA,YAAAmC,aAAA,CAAChC,SAAA,WAAQ,CAACqC,IAAI;QAACd,EAAE,EAAEA;MAAG,GAAEC,KAAK,CAAiB,CACrC,CACK;IAEtB;EAAC;EAAA,OAAAlB,kBAAA;AAAA,EAhB8BgC,eAAS;AAAA,IAAAC,gBAAA,aAApCjC,kBAAkB,WACPJ,KAAK;AAkBtB,IAAMsC,cAAc,GAAG,IAAAC,gBAAe,EAACnC,kBAAkB,CAAC;AAAC,IAAAoC,QAAA,GAE5CF,cAAc;AAAAG,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"CheckboxButton.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_checkbox","_excluded","style","sstyled","insert","CheckboxButtonRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","_this$asProps","styles","id","label","type","focused","other","_objectWithoutProperties2","autoFocus","SCheckboxButton","Box","createElement","cn","_objectSpread2","assignProps","Value","Text","Component","_defineProperty2","CheckboxButton","createComponent","_default","exports"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport Checkbox from '@semcore/checkbox';\nimport { FeedbackRatingCheckboxProps } from '../feedback-rating/FeedbackRating.type';\n\nclass CheckboxButtonRoot extends Component<FeedbackRatingCheckboxProps> {\n  static style = style;\n\n  render() {\n    const { styles, id, label, type, focused, ...other } = this.asProps;\n    const autoFocus = focused ? 20 : false;\n\n    const SCheckboxButton = Root;\n    return sstyled(styles)(\n      <SCheckboxButton render={Box} __excludeProps={['onChange', 'id', 'type']}>\n        <Checkbox {...other}>\n          <Checkbox.Value autoFocus={autoFocus} aria-labelledby={id} />\n          <Checkbox.Text id={id}>{label}</Checkbox.Text>\n        </Checkbox>\n      </SCheckboxButton>,\n    );\n  }\n}\n\nconst CheckboxButton = createComponent(CheckboxButtonRoot);\n\nexport default CheckboxButton;\n"],"mappings":";;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAyC,IAAAK,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAGnCC,kBAAkB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAA,IAAAK,gBAAA,mBAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGtB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAAC,aAAA,GAAuD,IAAI,CAACF,OAAO;QAA3DG,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;QAAKC,KAAK,OAAAC,yBAAA,aAAAP,aAAA,EAAAnB,SAAA;MAClD,IAAM2B,SAAS,GAAGH,OAAO,GAAG,EAAE,GAAG,KAAK;MAEtC,IAAMI,eAAe,GAEMC,YAAG;MAD9B,OAAAX,KAAA,GAAO,IAAAhB,aAAO,EAACkB,MAAM,CAAC,eACpBxB,MAAA,YAAAkC,aAAA,CAACF,eAAe,EAAAV,KAAA,CAAAa,EAAA,wBAAAC,cAAA,qBAAAtC,KAAA,CAAAuC,WAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAjB,IAAA,kBACtEpB,MAAA,YAAAkC,aAAA,CAAC/B,SAAA,WAAQ,EAAAmB,KAAA,CAAAa,EAAA,iBAAAC,cAAA,iBAAKP,KAAK,iBACjB7B,MAAA,YAAAkC,aAAA,CAAC/B,SAAA,WAAQ,CAACmC,KAAK;QAACP,SAAS,EAAEA,SAAU;QAAC,mBAAiBN;MAAG,EAAG,eAC7DzB,MAAA,YAAAkC,aAAA,CAAC/B,SAAA,WAAQ,CAACoC,IAAI;QAACd,EAAE,EAAEA;MAAG,GAAEC,KAAK,CAAiB,CACrC,CACK;IAEtB;EAAC;EAAA,OAAAlB,kBAAA;AAAA,EAhB8BgC,eAAS;AAAA,IAAAC,gBAAA,aAApCjC,kBAAkB,WACPH,KAAK;AAkBtB,IAAMqC,cAAc,GAAG,IAAAC,qBAAe,EAACnC,kBAAkB,CAAC;AAAC,IAAAoC,QAAA,GAE5CF,cAAc;AAAAG,OAAA,cAAAD,QAAA"}

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

@@ -11,10 +11,10 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _reactFinalForm = require("react-final-form");
 var _tooltip = _interopRequireDefault(require("@semcore/tooltip"));
-var _pick = _interopRequireDefault(require("@semcore/utils/lib/pick"));
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-var _core = require("@semcore/utils/lib/core");
-var _propsForElement = _interopRequireDefault(require("@semcore/utils/lib/propsForElement"));
+var _pick = _interopRequireDefault(require("@semcore/core/lib/utils/pick"));
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
+var _core = require("@semcore/core");
+var _propsForElement = _interopRequireDefault(require("@semcore/core/lib/utils/propsForElement"));
 var _excluded = ["Children", "tag", "uid", "tooltipProps"],
   _excluded2 = ["input", "meta"];
 var deafultTooltipPropsList = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate'];

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackItem.js","names":["_react","_interopRequireDefault","require","_reactFinalForm","_tooltip","_pick","_uniqueID","_core","_propsForElement","_excluded","_excluded2","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties2","pick","lastErrorRef","React","useRef","undefined","createElement","Field","_ref2","_meta$error","input","meta","other","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","concat","ariaDescribedBy","inputProps","assignProps","_objectSpread2","propsForElement","state","active","error","current","_extends2","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","__excludeProps","origin","Popper","w","id","enhance","uniqueIDEnhancement"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { assignProps } from '@semcore/utils/lib/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const popperId = `${uid}-error-description`;\n        const ariaDescribedBy = props['aria-describedby'];\n        const inputProps = assignProps(\n          {\n            ...propsForElement(other),\n            state: errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-describedby': meta.active ? (errorState ? popperId : ariaDescribedBy) : undefined,\n          },\n          input,\n        );\n\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger\n              inline={false}\n              role={undefined}\n              tag={tag}\n              {...(tag ? inputProps : {})}\n              __excludeProps={['type', 'aria-describedby']}\n            >\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper w={'100%'} id={popperId}>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackItem.js","names":["_react","_interopRequireDefault","require","_reactFinalForm","_tooltip","_pick","_uniqueID","_core","_propsForElement","_excluded","_excluded2","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties2","pick","lastErrorRef","React","useRef","undefined","createElement","Field","_ref2","_meta$error","input","meta","other","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","concat","ariaDescribedBy","inputProps","assignProps","_objectSpread2","propsForElement","state","active","error","current","_extends2","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","__excludeProps","origin","Popper","w","id","enhance","uniqueIDEnhancement"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/core/lib/utils/pick';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { assignProps } from '@semcore/core';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const popperId = `${uid}-error-description`;\n        const ariaDescribedBy = props['aria-describedby'];\n        const inputProps = assignProps(\n          {\n            ...propsForElement(other),\n            state: errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-describedby': meta.active ? (errorState ? popperId : ariaDescribedBy) : undefined,\n          },\n          input,\n        );\n\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger\n              inline={false}\n              role={undefined}\n              tag={tag}\n              {...(tag ? inputProps : {})}\n              __excludeProps={['type', 'aria-describedby']}\n            >\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper w={'100%'} id={popperId}>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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"}

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,14 +14,13 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _reactFinalForm = require("react-final-form");
 var _finalFormFocus = _interopRequireDefault(require("final-form-focus"));
 var _spinContainer = _interopRequireDefault(require("@semcore/spin-container"));
-var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
+var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
 var _notice = _interopRequireDefault(require("@semcore/notice"));
 var _m = _interopRequireDefault(require("@semcore/icon/Check/m"));
 var _m2 = _interopRequireDefault(require("@semcore/icon/Warning/m"));
@@ -41,8 +39,8 @@ var _intergalacticDynamicLocales = require("../../translations/__intergalactic-d
 var _noticeBubble = require("@semcore/notice-bubble");
 var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"];
 /*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_ztp5p_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_ztp5p_gg_ li{list-style:none}" /*__inner_css_end__*/, "ztp5p_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackRating": "___SFeedbackRating_ztp5p_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_kmztw_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_kmztw_gg_ li{list-style:none}" /*__inner_css_end__*/, "kmztw_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackRating": "___SFeedbackRating_kmztw_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeedbackRatingRoot, _Component);
@@ -369,7 +367,7 @@ function Header(props) {
     "textAlign": 'center'
   }, _ref3))));
 }
-var FeedbackRating = (0, _core["default"])(FeedbackRatingRoot, {
+var FeedbackRating = (0, _core.createComponent)(FeedbackRatingRoot, {
   Header: Header,
   Item: _FeedbackItem.FeedbackItem,
   Checkbox: _CheckboxButton["default"],

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

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

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

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,22 +12,19 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("@semcore/flex-box");
-var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
+var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_1ii78_gg_ .___SStar_1ii78_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1ii78_gg_.__keyboardFocused_1ii78_gg_ .___SStar_1ii78_gg_.__hovered_1ii78_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1ii78_gg_ .___SStar_1ii78_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1ii78_gg_.__keyboardFocused_1ii78_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1ii78_gg_.__readonly_1ii78_gg_ .___SStar_1ii78_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1ii78_gg_.__filled_1ii78_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1ii78_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1ii78_gg_.__filled_1ii78_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "1ii78_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_1ii78_gg_",
-  "__SStar": "___SStar_1ii78_gg_",
-  "_keyboardFocused": "__keyboardFocused_1ii78_gg_",
-  "_hovered": "__hovered_1ii78_gg_",
-  "_readonly": "__readonly_1ii78_gg_",
-  "_filled": "__filled_1ii78_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_kf6ar_gg_ .___SStar_kf6ar_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_kf6ar_gg_:focus-visible .___SStar_kf6ar_gg_.__hovered_kf6ar_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_kf6ar_gg_ .___SStar_kf6ar_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_kf6ar_gg_.__readonly_kf6ar_gg_ .___SStar_kf6ar_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_kf6ar_gg_.__filled_kf6ar_gg_:active{animation:wobble .8s ease-in-out}.___SStar_kf6ar_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_kf6ar_gg_.__filled_kf6ar_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "kf6ar_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_kf6ar_gg_",
+  "__SStar": "___SStar_kf6ar_gg_",
+  "_hovered": "__hovered_kf6ar_gg_",
+  "_readonly": "__readonly_kf6ar_gg_",
+  "_filled": "__filled_kf6ar_gg_"
 });
 var MIN = 1;
 var MAX = 5;
@@ -160,8 +156,7 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/_react["default"].createElement(SSliderRating, (0, _core.assignProps)({
           "gap": 1,
           "role": 'img',
-          "aria-label": label,
-          "use:tabIndex": -1
+          "aria-label": label
         }, _ref), new Array(MAX).fill(null).map(function (_, index) {
           return /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
             key: index,
@@ -173,6 +168,7 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
       var editModeLabel = hoverValue > 0 || value ? "".concat(label, ". ").concat(getI18nText('FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber'), ".") : label;
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSliderRating, _ref3.cn("SSliderRating", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "gap": 1,
+        "tabIndex": 0,
         "onMouseLeave": this.handleMouseLeave,
         "onKeyDown": this.handleKeyDown,
         "role": 'slider',
@@ -193,7 +189,7 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
 }(_core.Component);
 (0, _defineProperty2["default"])(SliderRatingRoot, "displayName", 'SliderRating');
 (0, _defineProperty2["default"])(SliderRatingRoot, "style", style);
-(0, _defineProperty2["default"])(SliderRatingRoot, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _uniqueID["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
+(0, _defineProperty2["default"])(SliderRatingRoot, "enhance", [(0, _uniqueID["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
 (0, _defineProperty2["default"])(SliderRatingRoot, "defaultProps", {
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en'
@@ -217,7 +213,7 @@ function Star(props) {
   })));
 }
 Star.displayName = 'Star';
-var SliderRating = (0, _core["default"])(SliderRatingRoot, {
+var SliderRating = (0, _core.createComponent)(SliderRatingRoot, {
   Star: Star
 });
 var _default = SliderRating;