intergalactic 15.117.0 → 15.118.0-prerelease.0

package/errors/lib/es6/Error.js

@@ -14,15 +14,15 @@ import { Box, Flex } from 'intergalactic/flex-box';
 import createComponent, { Root, Component, sstyled } from 'intergalactic/core';
 import { getIllustrationPath } from 'intergalactic/illustration';
 /*__reshadow-styles__:"./style/errors.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SError_b14l9_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_b14l9_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_b14l9_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_b14l9_gg_ .___SControls_b14l9_gg_{display:flex;align-items:center}.___SError_b14l9_gg_ .___SControls_b14l9_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SInner_b14l9_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SImageWrapper_b14l9_gg_,.___SImage_b14l9_gg_{width:260px;height:260px}@media (max-width:320px){.___SImageWrapper_b14l9_gg_,.___SImage_b14l9_gg_{width:200px;height:200px}}.___SImageWrapper_b14l9_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SWrapper_b14l9_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___STitle_b14l9_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SDescription_b14l9_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}" /*__inner_css_end__*/, "b14l9_gg_") /*__reshadow_css_end__*/, {
-  "__SInner": "___SInner_b14l9_gg_",
-  "__SImageWrapper": "___SImageWrapper_b14l9_gg_",
-  "__SWrapper": "___SWrapper_b14l9_gg_",
-  "__STitle": "___STitle_b14l9_gg_",
-  "__SDescription": "___SDescription_b14l9_gg_",
-  "__SError": "___SError_b14l9_gg_",
-  "__SControls": "___SControls_b14l9_gg_",
-  "__SImage": "___SImage_b14l9_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SError_15ufn_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_15ufn_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_15ufn_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_15ufn_gg_ .___SControls_15ufn_gg_{display:flex;align-items:center}.___SError_15ufn_gg_ .___SControls_15ufn_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SError_15ufn_gg_ .___SInner_15ufn_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SError_15ufn_gg_ .___SInner_15ufn_gg_ .___SImageWrapper_15ufn_gg_,.___SError_15ufn_gg_ .___SInner_15ufn_gg_ .___SImage_15ufn_gg_{width:260px;height:260px}@media (max-width:320px){.___SError_15ufn_gg_ .___SInner_15ufn_gg_ .___SImageWrapper_15ufn_gg_,.___SError_15ufn_gg_ .___SInner_15ufn_gg_ .___SImage_15ufn_gg_{width:200px;height:200px}}.___SError_15ufn_gg_ .___SInner_15ufn_gg_ .___SImageWrapper_15ufn_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SError_15ufn_gg_ .___SInner_15ufn_gg_ .___SWrapper_15ufn_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___SError_15ufn_gg_ .___SInner_15ufn_gg_ .___STitle_15ufn_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SError_15ufn_gg_ .___SInner_15ufn_gg_ .___SDescription_15ufn_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}" /*__inner_css_end__*/, "15ufn_gg_") /*__reshadow_css_end__*/, {
+  "__SError": "___SError_15ufn_gg_",
+  "__SControls": "___SControls_15ufn_gg_",
+  "__SInner": "___SInner_15ufn_gg_",
+  "__SImageWrapper": "___SImageWrapper_15ufn_gg_",
+  "__SImage": "___SImage_15ufn_gg_",
+  "__SWrapper": "___SWrapper_15ufn_gg_",
+  "__STitle": "___STitle_15ufn_gg_",
+  "__SDescription": "___SDescription_15ufn_gg_"
 });
 export var getIconPath = function getIconPath(name) {
   return getIllustrationPath(name);
@@ -48,12 +48,9 @@ var RootError = /*#__PURE__*/function (_Component) {
       var SImageWrapper = 'div';
       var SWrapper = 'div';
       var SImage = 'img';
-      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SError, _ref5.cn("SError", _objectSpread({}, _assignProps({
-        "role": 'alert'
-      }, _ref))), /*#__PURE__*/React.createElement(SInner, _ref5.cn("SInner", {}), icon && /*#__PURE__*/React.createElement(SImageWrapper, _ref5.cn("SImageWrapper", {}), typeof icon === 'string' ? /*#__PURE__*/React.createElement(SImage, _ref5.cn("SImage", {
+      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SError, _ref5.cn("SError", _objectSpread({}, _assignProps({}, _ref))), /*#__PURE__*/React.createElement(SInner, _ref5.cn("SInner", {}), icon && /*#__PURE__*/React.createElement(SImageWrapper, _ref5.cn("SImageWrapper", {}), typeof icon === 'string' ? /*#__PURE__*/React.createElement(SImage, _ref5.cn("SImage", {
         "src": icon,
-        "alt": 'error image',
-        "aria-hidden": 'true'
+        "alt": ''
       })) : icon), /*#__PURE__*/React.createElement(SWrapper, _ref5.cn("SWrapper", {}), /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})))));
     }
   }]);

package/errors/lib/es6/Error.js.map

@@ -1 +1 @@
-{"version":3,"file":"Error.js","names":["React","Box","Flex","createComponent","Root","Component","sstyled","getIllustrationPath","style","_sstyled","insert","getIconPath","name","RootError","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref5","SError","_this$asProps","Children","styles","icon","SInner","SImageWrapper","SWrapper","SImage","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref6","STitle","_assignProps2","Description","_ref3","_ref7","SDescription","_assignProps3","Controls","_ref4","_ref8","SControls","_assignProps4"],"sources":["../../src/Error.jsx"],"sourcesContent":["import React from 'react';\nimport { Box, Flex } from '@semcore/flex-box';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport style from './style/errors.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass RootError extends Component {\n  static displayName = 'Error';\n  static style = style;\n\n  render() {\n    const SError = Root;\n    const { Children, styles, icon } = this.asProps;\n    const SInner = 'div';\n    const SImageWrapper = 'div';\n    const SWrapper = 'div';\n    const SImage = 'img';\n    return sstyled(styles)(\n      <SError render={Flex} role='alert'>\n        <SInner>\n          {icon && (\n            <SImageWrapper>\n              {typeof icon === 'string' ? (\n                <SImage src={icon} alt='error image' aria-hidden='true' />\n              ) : (\n                icon\n              )}\n            </SImageWrapper>\n          )}\n          <SWrapper>\n            <Children />\n          </SWrapper>\n        </SInner>\n      </SError>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  return sstyled(props.styles)(<STitle render={Box} data-errors-title tag='h2' />);\n}\n\nfunction Description(props) {\n  const SDescription = Root;\n  return sstyled(props.styles)(<SDescription render={Box} tag='p' />);\n}\n\nfunction Controls(props) {\n  const SControls = Root;\n  return sstyled(props.styles)(<SControls render={Box} />);\n}\n\nexport default createComponent(RootError, {\n  Title,\n  Description,\n  Controls,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Error.js","names":["React","Box","Flex","createComponent","Root","Component","sstyled","getIllustrationPath","style","_sstyled","insert","getIconPath","name","RootError","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref5","SError","_this$asProps","Children","styles","icon","SInner","SImageWrapper","SWrapper","SImage","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref6","STitle","_assignProps2","Description","_ref3","_ref7","SDescription","_assignProps3","Controls","_ref4","_ref8","SControls","_assignProps4"],"sources":["../../src/Error.jsx"],"sourcesContent":["import React from 'react';\nimport { Box, Flex } from '@semcore/flex-box';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport style from './style/errors.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass RootError extends Component {\n  static displayName = 'Error';\n  static style = style;\n\n  render() {\n    const SError = Root;\n    const { Children, styles, icon } = this.asProps;\n    const SInner = 'div';\n    const SImageWrapper = 'div';\n    const SWrapper = 'div';\n    const SImage = 'img';\n    return sstyled(styles)(\n      <SError render={Flex}>\n        <SInner>\n          {icon && (\n            <SImageWrapper>\n              {typeof icon === 'string' ? <SImage src={icon} alt='' /> : icon}\n            </SImageWrapper>\n          )}\n          <SWrapper>\n            <Children />\n          </SWrapper>\n        </SInner>\n      </SError>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  return sstyled(props.styles)(<STitle render={Box} data-errors-title tag='h2' />);\n}\n\nfunction Description(props) {\n  const SDescription = Root;\n  return sstyled(props.styles)(<SDescription render={Box} tag='p' />);\n}\n\nfunction Controls(props) {\n  const SControls = Root;\n  return sstyled(props.styles)(<SControls render={Box} />);\n}\n\nexport default createComponent(RootError, {\n  Title,\n  Description,\n  Controls,\n});\n"],"mappings":"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"}

package/errors/lib/es6/style/errors.shadow.css

@@ -19,49 +19,49 @@ SError {
       margin-right: var(--intergalactic-spacing-3x, 12px);
     }
   }
-}
 
-SInner {
-  width: 100%;
-  display: flex;
-  justify-content: flex-start;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  box-sizing: border-box;
-}
+  SInner {
+    width: 100%;
+    display: flex;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    box-sizing: border-box;
 
-SImageWrapper,
-SImage {
-  width: 260px;
-  height: 260px;
+    SImageWrapper,
+    SImage {
+      width: 260px;
+      height: 260px;
 
-  @media (max-width: 320px) {
-    width: 200px;
-    height: 200px;
-  }
-}
+      @media (max-width: 320px) {
+        width: 200px;
+        height: 200px;
+      }
+    }
 
-SImageWrapper {
-  margin-right: var(--intergalactic-spacing-10x, 40px);
-}
+    SImageWrapper {
+      margin-right: var(--intergalactic-spacing-10x, 40px);
+    }
 
-SWrapper {
-  flex: 1 0 300px;
-  max-width: 100%;
-  margin-top: var(--intergalactic-spacing-8x, 32px);
-}
+    SWrapper {
+      flex: 1 0 300px;
+      max-width: 100%;
+      margin-top: var(--intergalactic-spacing-8x, 32px);
+    }
 
-STitle[data-errors-title] {
-  font-size: var(--intergalactic-fs-700, 36px);
-  line-height: var(--intergalactic-lh-700, 110%);
-  color: var(--intergalactic-text-primary, #191b23);
-  font-weight: var(--intergalactic-semi-bold, 600);
-  margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
-}
+    STitle[data-errors-title] {
+      font-size: var(--intergalactic-fs-700, 36px);
+      line-height: var(--intergalactic-lh-700, 110%);
+      color: var(--intergalactic-text-primary, #191b23);
+      font-weight: var(--intergalactic-semi-bold, 600);
+      margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
+    }
 
-SDescription {
-  font-size: var(--intergalactic-fs-300, 16px);
-  line-height: var(--intergalactic-lh-300, 150%);
-  color: var(--intergalactic-text-primary, #191b23);
-  margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
+    SDescription {
+      font-size: var(--intergalactic-fs-300, 16px);
+      line-height: var(--intergalactic-lh-300, 150%);
+      color: var(--intergalactic-text-primary, #191b23);
+      margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
+    }
+  }
 }

package/errors/package.json

@@ -1 +1 @@
-{"name":"intergalactic/errors","description":"Semrush Errors Component","version":"4.42.3","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/button":"5.39.3","@semcore/flex-box":"5.38.1","@semcore/format-text":"4.38.1","@semcore/illustration":"2.39.1","@semcore/typography":"5.47.1","@semcore/utils":"4.43.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/errors"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/errors","description":"Semrush Errors Component","version":"4.43.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/button":"5.39.4-prerelease.0","@semcore/flex-box":"5.38.2-prerelease.0","@semcore/format-text":"4.38.2-prerelease.0","@semcore/illustration":"2.39.2-prerelease.0","@semcore/typography":"5.47.2-prerelease.0","@semcore/utils":"4.43.3-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.36.2-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/errors"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/feature-popover/lib/cjs/FeaturePopover.js

@@ -28,18 +28,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _button = _interopRequireDefault(require("intergalactic/button"));
 var _excluded = ["styles", "forwardRef", "onVisibleChange", "modifiers"];
 /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1hzu2{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1hzu2{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1hzu2_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_1hzu2_gg_{position:relative}.___SClose_1hzu2_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1hzu2_gg_ .___SAddon_1hzu2_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1hzu2_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1hzu2;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1hzu2_gg_::after,.___SSpot_1hzu2_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1hzu2_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1hzu2;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_1hzu2_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1hzu2_gg_,.___SSpot_1hzu2_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1hzu2_gg_") /*__reshadow_css_end__*/, {
-  "__SFeaturePopover": "___SFeaturePopover_1hzu2_gg_",
-  "__STrigger": "___STrigger_1hzu2_gg_",
-  "@showTrigger": "showTrigger_1hzu2",
-  "@scaleSizeAndHide": "scaleSizeAndHide_1hzu2",
-  "__SClose": "___SClose_1hzu2_gg_",
-  "__SAddon": "___SAddon_1hzu2_gg_",
-  "__SSpot": "___SSpot_1hzu2_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_90ad9{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_90ad9{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_90ad9_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_90ad9_gg_{position:relative}.___SClose_90ad9_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_90ad9_gg_ .___SAddon_90ad9_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_90ad9_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_90ad9;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_90ad9_gg_::after,.___SSpot_90ad9_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_90ad9_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_90ad9;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_90ad9_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_90ad9_gg_,.___SSpot_90ad9_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "90ad9_gg_") /*__reshadow_css_end__*/, {
+  "__SFeaturePopover": "___SFeaturePopover_90ad9_gg_",
+  "__STrigger": "___STrigger_90ad9_gg_",
+  "@showTrigger": "showTrigger_90ad9",
+  "@scaleSizeAndHide": "scaleSizeAndHide_90ad9",
+  "__SClose": "___SClose_90ad9_gg_",
+  "__SAddon": "___SAddon_90ad9_gg_",
+  "__SSpot": "___SSpot_90ad9_gg_"
 });
-var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_hlhb9{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_hlhb9{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "hlhb9_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_hlhb9",
-  "@exit": "exit_hlhb9"
+var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_xy3fh{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_xy3fh{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "xy3fh_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_xy3fh",
+  "@exit": "exit_xy3fh"
 });
 var FeaturePopover = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeaturePopover, _Component);

package/feature-popover/lib/es6/FeaturePopover.js

@@ -23,18 +23,18 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import Button from 'intergalactic/button';
 /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1hzu2{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1hzu2{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1hzu2_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_1hzu2_gg_{position:relative}.___SClose_1hzu2_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1hzu2_gg_ .___SAddon_1hzu2_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1hzu2_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1hzu2;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1hzu2_gg_::after,.___SSpot_1hzu2_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1hzu2_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1hzu2;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_1hzu2_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1hzu2_gg_,.___SSpot_1hzu2_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1hzu2_gg_") /*__reshadow_css_end__*/, {
-  "__SFeaturePopover": "___SFeaturePopover_1hzu2_gg_",
-  "__STrigger": "___STrigger_1hzu2_gg_",
-  "@showTrigger": "showTrigger_1hzu2",
-  "@scaleSizeAndHide": "scaleSizeAndHide_1hzu2",
-  "__SClose": "___SClose_1hzu2_gg_",
-  "__SAddon": "___SAddon_1hzu2_gg_",
-  "__SSpot": "___SSpot_1hzu2_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_90ad9{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_90ad9{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_90ad9_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_90ad9_gg_{position:relative}.___SClose_90ad9_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_90ad9_gg_ .___SAddon_90ad9_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_90ad9_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_90ad9;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_90ad9_gg_::after,.___SSpot_90ad9_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_90ad9_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_90ad9;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_90ad9_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_90ad9_gg_,.___SSpot_90ad9_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "90ad9_gg_") /*__reshadow_css_end__*/, {
+  "__SFeaturePopover": "___SFeaturePopover_90ad9_gg_",
+  "__STrigger": "___STrigger_90ad9_gg_",
+  "@showTrigger": "showTrigger_90ad9",
+  "@scaleSizeAndHide": "scaleSizeAndHide_90ad9",
+  "__SClose": "___SClose_90ad9_gg_",
+  "__SAddon": "___SAddon_90ad9_gg_",
+  "__SSpot": "___SSpot_90ad9_gg_"
 });
-var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_hlhb9{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_hlhb9{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "hlhb9_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_hlhb9",
-  "@exit": "exit_hlhb9"
+var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_xy3fh{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_xy3fh{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "xy3fh_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_xy3fh",
+  "@exit": "exit_xy3fh"
 });
 var FeaturePopover = /*#__PURE__*/function (_Component) {
   _inherits(FeaturePopover, _Component);

package/feature-popover/package.json

@@ -1 +1 @@
-{"name":"intergalactic/feature-popover","description":"Semrush FeaturePopover Component","version":"4.49.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.43.2","@semcore/flex-box":"5.38.1","@semcore/popper":"5.44.1","@semcore/icon":"4.52.1","@semcore/animation":"2.38.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/feature-popover"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/button":"*","@semcore/typography":"*","@semcore/dropdown-menu":"*"}}
+{"name":"intergalactic/feature-popover","description":"Semrush FeaturePopover Component","version":"4.49.2-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.43.3-prerelease.0","@semcore/flex-box":"5.38.2-prerelease.0","@semcore/popper":"5.44.2-prerelease.0","@semcore/icon":"4.52.2-prerelease.0","@semcore/animation":"2.38.2-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.36.2-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/feature-popover"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/button":"*","@semcore/typography":"*","@semcore/dropdown-menu":"*"}}

package/feedback-form/component/feedback-rating/FeedbackRating.type.d.ts

@@ -28,6 +28,8 @@ export type FeedbackRatingProps = Intergalactic.InternalTypings.EfficientOmit<Fe
     /** visible modal form flag */
     visible: boolean;
     onVisibleChange: (visible: boolean, rating: number) => void;
+    /** width for modal with form */
+    modalWidth?: number | string;
     /** header of modal with form */
     header: React.ReactNode;
     /** text for submit button of form */

package/feedback-form/lib/cjs/FeedbackForm.js

@@ -28,13 +28,13 @@ var _FeedbackItem = require("./component/feedback-item/FeedbackItem");
 var _SubmitButton = require("./component/submit-button/SubmitButton");
 var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"];
 /*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_1issl_gg_{max-width:320px}.___SCancel_1issl_gg_,.___SSubmit_1issl_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1issl_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_1issl_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_1issl_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__*/, "1issl_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackForm": "___SFeedbackForm_1issl_gg_",
-  "__SSubmit": "___SSubmit_1issl_gg_",
-  "__SCancel": "___SCancel_1issl_gg_",
-  "__SNotice": "___SNotice_1issl_gg_",
-  "__SSuccess": "___SSuccess_1issl_gg_",
-  "__SEmail": "___SEmail_1issl_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_17l2g_gg_{max-width:320px}.___SCancel_17l2g_gg_,.___SSubmit_17l2g_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_17l2g_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_17l2g_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_17l2g_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__*/, "17l2g_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackForm": "___SFeedbackForm_17l2g_gg_",
+  "__SSubmit": "___SSubmit_17l2g_gg_",
+  "__SCancel": "___SCancel_17l2g_gg_",
+  "__SNotice": "___SNotice_17l2g_gg_",
+  "__SSuccess": "___SSuccess_17l2g_gg_",
+  "__SEmail": "___SEmail_17l2g_gg_"
 });
 var FeedbackForm = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeedbackForm, _Component);

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

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

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

@@ -39,10 +39,10 @@ var _CheckboxButton = _interopRequireDefault(require("../checkbox-button/Checkbo
 var _input = _interopRequireDefault(require("intergalactic/input"));
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 var _noticeBubble = require("intergalactic/notice-bubble");
-var _excluded = ["header", "submitText", "formConfig", "notificationText", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail"];
+var _excluded = ["header", "submitText", "formConfig", "notificationText", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"];
 /*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_v7dpw_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_v7dpw_gg_ li{list-style:none}" /*__inner_css_end__*/, "v7dpw_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackRating": "___SFeedbackRating_v7dpw_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_1hjyi_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1hjyi_gg_ li{list-style:none}" /*__inner_css_end__*/, "1hjyi_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackRating": "___SFeedbackRating_1hjyi_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeedbackRatingRoot, _Component);
@@ -210,6 +210,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         onNotificationClose = _this$asProps2.onNotificationClose,
         getI18nText = _this$asProps2.getI18nText,
         errorFeedbackEmail = _this$asProps2.errorFeedbackEmail,
+        modalWidth = _this$asProps2.modalWidth,
         other = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
       var SFeedbackRating = _modal["default"];
       var checkboxFields = formConfig.filter(function (item) {
@@ -245,7 +246,8 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/_react["default"].createElement(SFeedbackRating, _ref4.cn("SFeedbackRating", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "visible": visible,
         "onClose": this.handelCloseModal,
-        "p": 0
+        "p": 0,
+        "use:w": modalWidth !== null && modalWidth !== void 0 ? modalWidth : 440
       }, _ref))), /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Form, _ref4.cn("Form", (0, _objectSpread2["default"])({
         "decorators": [this.focusDecorator]
       }, other)), function (api) {
@@ -256,8 +258,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
           "size": 'xl',
           "loading": status !== 'loading' ? api.submitting : status === 'loading',
           "p": 1,
-          "m": 9,
-          "wMax": 284
+          "m": 9
         }), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, _ref5.cn("Flex", {
           "justifyContent": 'center'
         }), /*#__PURE__*/_react["default"].createElement(_SliderRating["default"], _ref5.cn("SliderRating", {
@@ -270,8 +271,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
           "ref": forwardRef
         }, other), {}, {
           "onSubmit": api.handleSubmit,
-          "title": getI18nText('formTitle'),
-          "wMax": 320
+          "title": getI18nText('formTitle')
         })), /*#__PURE__*/_react["default"].createElement(FeedbackRating.Item, {
           name: 'rating',
           initialValue: rating

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

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

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

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

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

@@ -19,12 +19,12 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_7z3aw_gg_ .___SStar_7z3aw_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_7z3aw_gg_ .___SStar_7z3aw_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_7z3aw_gg_.__keyboardFocused_7z3aw_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_7z3aw_gg_.__readonly_7z3aw_gg_ .___SStar_7z3aw_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_7z3aw_gg_.__filled_7z3aw_gg_:active{animation:wobble .8s ease-in-out}.___SStar_7z3aw_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_7z3aw_gg_.__filled_7z3aw_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "7z3aw_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_7z3aw_gg_",
-  "__SStar": "___SStar_7z3aw_gg_",
-  "_keyboardFocused": "__keyboardFocused_7z3aw_gg_",
-  "_readonly": "__readonly_7z3aw_gg_",
-  "_filled": "__filled_7z3aw_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_1oeet_gg_ .___SStar_1oeet_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_1oeet_gg_ .___SStar_1oeet_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1oeet_gg_.__keyboardFocused_1oeet_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1oeet_gg_.__readonly_1oeet_gg_ .___SStar_1oeet_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1oeet_gg_.__filled_1oeet_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1oeet_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1oeet_gg_.__filled_1oeet_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "1oeet_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_1oeet_gg_",
+  "__SStar": "___SStar_1oeet_gg_",
+  "_keyboardFocused": "__keyboardFocused_1oeet_gg_",
+  "_readonly": "__readonly_1oeet_gg_",
+  "_filled": "__filled_1oeet_gg_"
 });
 var MIN = 1;
 var MAX = 5;