@semcore/feedback-form 6.42.2-prerelease.0 → 6.43.0-prerelease.0

package/lib/es6/FeedbackForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","NoticeSmart","Box","FeedbackItem","SubmitButton","style","_sstyled","insert","FeedbackForm","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","_assignProps","Cancel","_ref2","_ref6","SCancel","_assignProps2","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","_assignProps3","Item","Submit"],"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":["Box","Button","createComponent","Component","sstyled","Root","NoticeSmart","SpinContainer","createFocusDecorator","React","Field","Form","FeedbackItem","SubmitButton","style","_sstyled","insert","FeedbackForm","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","_inherits","_createClass","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","_assignProps","Cancel","_ref2","_ref6","SCancel","_assignProps2","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","_assignProps3","Item","Submit"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { NoticeSmart } from '@semcore/notice';\nimport SpinContainer from '@semcore/spin-container';\nimport createFocusDecorator from 'final-form-focus';\nimport React from 'react';\nimport { Field, Form } from 'react-final-form';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )}\n      </Form>\n    );\n  }\n}\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box} tabIndex={-1}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'muted', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} use:theme={theme} use:use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n  Item: FeedbackItem,\n  Success,\n  Submit: SubmitButton,\n  Cancel,\n  Notice,\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,31 +2,48 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 var _excluded = ["styles", "id", "label", "type", "focused"];
+import { Box } from '@semcore/base-components';
+import Checkbox from '@semcore/checkbox';
+import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import React from 'react';
-import createComponent, { Component, Root, sstyled } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
 /*!__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_ly07f_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_ly07f_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_ly07f_gg_.__checked_ly07f_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_ly07f_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_ly07f_gg_.__checked_ly07f_gg_:hover{background-color:rgba(0,143,248,.2)}}", /*__inner_css_end__*/"ly07f_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCheckboxButton_hai4d_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:var(--intergalactic-rounded-medium, 6px)}@supports (color:color(display-p3 0 0 0%)){.___SCheckboxButton_hai4d_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SCheckboxButton_hai4d_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SCheckboxButton_hai4d_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_hai4d_gg_.__checked_hai4d_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386));background-color:rgba(0,143,248,.1)}@supports (color:color(display-p3 0 0 0%)){.___SCheckboxButton_hai4d_gg_.__checked_hai4d_gg_{border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@media (color-gamut:p3){.___SCheckboxButton_hai4d_gg_.__checked_hai4d_gg_{border-color:var(--intergalactic-border-info-active, color(display-p3 0.01805 0.08334 0.73488 / 0.386))}}}@media (hover:hover){.___SCheckboxButton_hai4d_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386));background-color:rgba(0,143,248,.1)}@supports (color:color(display-p3 0 0 0%)){.___SCheckboxButton_hai4d_gg_:hover{border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@media (color-gamut:p3){.___SCheckboxButton_hai4d_gg_:hover{border-color:var(--intergalactic-border-info-active, color(display-p3 0.01805 0.08334 0.73488 / 0.386))}}}.___SCheckboxButton_hai4d_gg_.__checked_hai4d_gg_:hover{background-color:rgba(0,143,248,.2)}}", /*__inner_css_end__*/"hai4d_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SCheckboxButton": "___SCheckboxButton_ly07f_gg_",
-  "_checked": "__checked_ly07f_gg_"
+  "__SCheckboxButton": "___SCheckboxButton_hai4d_gg_",
+  "_checked": "__checked_hai4d_gg_"
 });
-import Checkbox from '@semcore/checkbox';
 var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
-  _inherits(CheckboxButtonRoot, _Component);
-  var _super = _createSuper(CheckboxButtonRoot);
   function CheckboxButtonRoot() {
+    var _this;
     _classCallCheck(this, CheckboxButtonRoot);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, CheckboxButtonRoot, [].concat(args));
+    _defineProperty(_this, "checkboxRef", /*#__PURE__*/React.createRef());
+    return _this;
   }
-  _createClass(CheckboxButtonRoot, [{
+  _inherits(CheckboxButtonRoot, _Component);
+  return _createClass(CheckboxButtonRoot, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var focused = this.asProps.focused;
+      if (focused) {
+        setTimeout(function () {
+          var _this2$checkboxRef$cu;
+          (_this2$checkboxRef$cu = _this2.checkboxRef.current) === null || _this2$checkboxRef$cu === void 0 || _this2$checkboxRef$cu.focus();
+        }, 20);
+      }
+    }
+  }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
@@ -35,22 +52,20 @@ var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
         styles = _this$asProps.styles,
         id = _this$asProps.id,
         label = _this$asProps.label,
-        type = _this$asProps.type,
+        _type = _this$asProps.type,
         focused = _this$asProps.focused,
         other = _objectWithoutProperties(_this$asProps, _excluded);
-      var autoFocus = focused ? 20 : false;
       var SCheckboxButton = Box;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SCheckboxButton, _ref2.cn("SCheckboxButton", _objectSpread({}, _assignProps({
         "__excludeProps": ['onChange', 'id', 'type']
       }, _ref))), /*#__PURE__*/React.createElement(Checkbox, _ref2.cn("Checkbox", _objectSpread({}, other)), /*#__PURE__*/React.createElement(Checkbox.Value, {
-        autoFocus: autoFocus,
+        ref: this.checkboxRef,
         "aria-labelledby": id
       }), /*#__PURE__*/React.createElement(Checkbox.Text, {
         id: id
       }, label)));
     }
   }]);
-  return CheckboxButtonRoot;
 }(Component);
 _defineProperty(CheckboxButtonRoot, "style", style);
 var CheckboxButton = createComponent(CheckboxButtonRoot);

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButton.js","names":["React","createComponent","Component","Root","sstyled","Box","style","_sstyled","insert","Checkbox","CheckboxButtonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","_this$asProps","styles","id","label","type","focused","other","_objectWithoutProperties","_excluded","autoFocus","SCheckboxButton","createElement","cn","_objectSpread","_assignProps","Value","Text","_defineProperty","CheckboxButton"],"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":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAGxC,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,IAGnCC,kBAAkB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAAK,eAAA,OAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,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,GAAAC,wBAAA,CAAAP,aAAA,EAAAQ,SAAA;MAClD,IAAMC,SAAS,GAAGJ,OAAO,GAAG,EAAE,GAAG,KAAK;MAEtC,IAAMK,eAAe,GAEM9B,GAAG;MAD9B,OAAAmB,KAAA,GAAOpB,OAAO,CAACsB,MAAM,CAAC,eACpB1B,KAAA,CAAAoC,aAAA,CAACD,eAAe,EAAAX,KAAA,CAAAa,EAAA,oBAAAC,aAAA,KAAAC,YAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAjB,IAAA,kBACtEtB,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,EAAAe,KAAA,CAAAa,EAAA,aAAAC,aAAA,KAAKP,KAAK,iBACjB/B,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,CAAC+B,KAAK;QAACN,SAAS,EAAEA,SAAU;QAAC,mBAAiBP;MAAG,EAAG,eAC7D3B,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,CAACgC,IAAI;QAACd,EAAE,EAAEA;MAAG,GAAEC,KAAK,CAAiB,CACrC,CACK;IAEtB;EAAC;EAAA,OAAAlB,kBAAA;AAAA,EAhB8BR,SAAS;AAAAwC,eAAA,CAApChC,kBAAkB,WACPJ,KAAK;AAkBtB,IAAMqC,cAAc,GAAG1C,eAAe,CAACS,kBAAkB,CAAC;AAE1D,eAAeiC,cAAc"}
+{"version":3,"file":"CheckboxButton.js","names":["Box","Checkbox","createComponent","Component","Root","sstyled","React","style","_sstyled","insert","CheckboxButtonRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","_inherits","_createClass","key","value","componentDidMount","_this2","focused","asProps","setTimeout","_this2$checkboxRef$cu","checkboxRef","current","focus","render","_ref","_ref2","_this$asProps","styles","id","label","_type","type","other","_objectWithoutProperties","_excluded","SCheckboxButton","createElement","cn","_objectSpread","_assignProps","Value","ref","Text","CheckboxButton"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport type { FeedbackRatingCheckboxProps } from '../feedback-rating/FeedbackRating.type';\n\nclass CheckboxButtonRoot extends Component<FeedbackRatingCheckboxProps> {\n  static style = style;\n\n  checkboxRef = React.createRef<HTMLInputElement>();\n\n  componentDidMount() {\n    const { focused } = this.asProps;\n\n    if (focused) {\n      setTimeout(() => {\n        this.checkboxRef.current?.focus();\n      }, 20);\n    }\n  }\n\n  render() {\n    const { styles, id, label, type: _type, focused, ...other } = this.asProps;\n\n    const SCheckboxButton = Root;\n    return sstyled(styles)(\n      <SCheckboxButton render={Box} __excludeProps={['onChange', 'id', 'type']}>\n        <Checkbox {...other}>\n          <Checkbox.Value ref={this.checkboxRef} aria-labelledby={id} />\n          <Checkbox.Text id={id}>{label}</Checkbox.Text>\n        </Checkbox>\n      </SCheckboxButton>,\n    );\n  }\n}\n\nconst CheckboxButton = createComponent(CheckboxButtonRoot);\n\nexport default CheckboxButton;\n"],"mappings":";;;;;;;;;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAAA,IAKpBC,kBAAkB,0BAAAC,UAAA;EAAA,SAAAD,mBAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,kBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAQ,UAAA,OAAAV,kBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA,8BAGRN,KAAK,CAACiB,SAAS,CAAmB,CAAC;IAAA,OAAAX,KAAA;EAAA;EAAAY,SAAA,CAAAd,kBAAA,EAAAC,UAAA;EAAA,OAAAc,YAAA,CAAAf,kBAAA;IAAAgB,GAAA;IAAAC,KAAA,EAEjD,SAAAC,iBAAiBA,CAAA,EAAG;MAAA,IAAAC,MAAA;MAClB,IAAQC,OAAO,GAAK,IAAI,CAACC,OAAO,CAAxBD,OAAO;MAEf,IAAIA,OAAO,EAAE;QACXE,UAAU,CAAC,YAAM;UAAA,IAAAC,qBAAA;UACf,CAAAA,qBAAA,GAAAJ,MAAI,CAACK,WAAW,CAACC,OAAO,cAAAF,qBAAA,eAAxBA,qBAAA,CAA0BG,KAAK,CAAC,CAAC;QACnC,CAAC,EAAE,EAAE,CAAC;MACR;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAP,OAAA;QAAAQ,KAAA;MACP,IAAAC,aAAA,GAA8D,IAAI,CAACT,OAAO;QAAlEU,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAQC,KAAK,GAAAJ,aAAA,CAAXK,IAAI;QAASf,OAAO,GAAAU,aAAA,CAAPV,OAAO;QAAKgB,KAAK,GAAAC,wBAAA,CAAAP,aAAA,EAAAQ,SAAA;MAEzD,IAAMC,eAAe,GAEMjD,GAAG;MAD9B,OAAAuC,KAAA,GAAOlC,OAAO,CAACoC,MAAM,CAAC,eACpBnC,KAAA,CAAA4C,aAAA,CAACD,eAAe,EAAAV,KAAA,CAAAY,EAAA,oBAAAC,aAAA,KAAAC,YAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAf,IAAA,kBACtEhC,KAAA,CAAA4C,aAAA,CAACjD,QAAQ,EAAAsC,KAAA,CAAAY,EAAA,aAAAC,aAAA,KAAKN,KAAK,iBACjBxC,KAAA,CAAA4C,aAAA,CAACjD,QAAQ,CAACqD,KAAK;QAACC,GAAG,EAAE,IAAI,CAACrB,WAAY;QAAC,mBAAiBQ;MAAG,CAAE,CAAC,eAC9DpC,KAAA,CAAA4C,aAAA,CAACjD,QAAQ,CAACuD,IAAI;QAACd,EAAE,EAAEA;MAAG,GAAEC,KAAqB,CACrC,CACK,CAAC;IAEtB;EAAC;AAAA,EA3B8BxC,SAAS;AAAAmB,eAAA,CAApCZ,kBAAkB,WACPH,KAAK;AA6BtB,IAAMkD,cAAc,GAAGvD,eAAe,CAACQ,kBAAkB,CAAC;AAE1D,eAAe+C,cAAc","ignoreList":[]}

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

@@ -3,13 +3,13 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["Children", "tag", "uid", "tooltipProps"],
   _excluded2 = ["input", "meta"];
+import { assignProps } from '@semcore/core';
+import pick from '@semcore/core/lib/utils/pick';
+import propsForElement from '@semcore/core/lib/utils/propsForElement';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
+import Tooltip from '@semcore/tooltip';
 import React from 'react';
 import { Field } from 'react-final-form';
-import Tooltip from '@semcore/tooltip';
-import pick from '@semcore/utils/lib/pick';
-import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
-import { assignProps } from '@semcore/utils/lib/core';
-import propsForElement from '@semcore/utils/lib/propsForElement';
 var deafultTooltipPropsList = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate'];
 export function FeedbackItem(_ref) {
   var Children = _ref.Children,
@@ -31,7 +31,7 @@ export function FeedbackItem(_ref) {
     var popperId = "".concat(uid, "-error-description");
     var ariaDescribedBy = props['aria-describedby'];
     var inputProps = assignProps(_objectSpread(_objectSpread({}, propsForElement(other)), {}, {
-      state: errorState ? 'invalid' : 'normal',
+      'state': errorState ? 'invalid' : 'normal',
       'aria-invalid': errorState ? true : false,
       'aria-describedby': meta.active ? errorState ? popperId : ariaDescribedBy : undefined
     }), input);
@@ -53,7 +53,7 @@ export function FeedbackItem(_ref) {
       input: inputProps,
       meta: meta
     }, other))), /*#__PURE__*/React.createElement(Tooltip.Popper, {
-      w: '100%',
+      w: "100%",
       id: popperId
     }, (_meta$error = meta.error) !== null && _meta$error !== void 0 ? _meta$error : lastErrorRef.current));
   });

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

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

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

@@ -3,78 +3,76 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"];
-import React from 'react';
-import createComponent, { Component, sstyled, Root } from '@semcore/core';
-import { Field, Form } from 'react-final-form';
-import createFocusDecorator from 'final-form-focus';
-import SpinContainer from '@semcore/spin-container';
-import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
-import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
-import Notice from '@semcore/notice';
+var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth", "Illustration", "Notice"];
+import { Box, Flex } from '@semcore/base-components';
+import { createComponent, Component, sstyled, Root } from '@semcore/core';
+import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import CheckM from '@semcore/icon/Check/m';
 import WarnM from '@semcore/icon/Warning/m';
-import { Text } from '@semcore/typography';
 import FeedbackIllustration from '@semcore/illustration/Feedback';
+import Input from '@semcore/input';
 import Link from '@semcore/link';
-import SliderRating from '../slider-rating/SliderRating';
 import Modal from '@semcore/modal';
-import Textarea from '@semcore/textarea';
-import { Box, Flex } from '@semcore/flex-box';
-import { FeedbackItem } from '../feedback-item/FeedbackItem';
-import { SubmitButton } from '../submit-button/SubmitButton';
-import CheckboxButton from '../checkbox-button/CheckboxButton';
-import Input from '@semcore/input';
-import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+import { default as SemcoreNotice } from '@semcore/notice';
 import { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';
+import SpinContainer from '@semcore/spin-container';
+import Textarea from '@semcore/textarea';
+import { Text } from '@semcore/typography';
+import createFocusDecorator from 'final-form-focus';
+import React from 'react';
+import { Field, Form } from 'react-final-form';
 /*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_kxbac_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_kxbac_gg_ li{list-style:none}", /*__inner_css_end__*/"kxbac_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_13l9c_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_13l9c_gg_ li{list-style:none}.___SFeedbackRating_13l9c_gg_ .___SHeader_13l9c_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}", /*__inner_css_end__*/"13l9c_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFeedbackRating": "___SFeedbackRating_kxbac_gg_"
+  "__SFeedbackRating": "___SFeedbackRating_13l9c_gg_",
+  "__SHeader": "___SHeader_13l9c_gg_"
 });
+import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+import CheckboxButton from '../checkbox-button/CheckboxButton';
+import { FeedbackItem } from '../feedback-item/FeedbackItem';
+import SliderRating from '../slider-rating/SliderRating';
+import { SubmitButton } from '../submit-button/SubmitButton';
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
-  _inherits(FeedbackRatingRoot, _Component);
-  var _super = _createSuper(FeedbackRatingRoot);
   function FeedbackRatingRoot() {
     var _this;
     _classCallCheck(this, FeedbackRatingRoot);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, FeedbackRatingRoot, [].concat(args));
+    _defineProperty(_this, "state", {
       error: false
     });
-    _defineProperty(_assertThisInitialized(_this), "manager", new NoticeBubbleManager());
-    _defineProperty(_assertThisInitialized(_this), "focusDecorator", createFocusDecorator());
-    _defineProperty(_assertThisInitialized(_this), "handleChangeRating", function (rating) {
+    _defineProperty(_this, "manager", new NoticeBubbleManager());
+    _defineProperty(_this, "focusDecorator", createFocusDecorator());
+    _defineProperty(_this, "handleChangeRating", function (rating) {
       if (rating > 0) {
         _this.asProps.onVisibleChange(true, rating);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handelCloseModal", function () {
+    _defineProperty(_this, "handelCloseModal", function () {
       _this.asProps.onVisibleChange(false, _this.asProps.rating);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (fn) {
-      return function (value, e) {
+    _defineProperty(_this, "handleChange", function (fn) {
+      return function (_value, e) {
         fn(e);
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "renderCheckbox", function (config, index) {
+    _defineProperty(_this, "renderCheckbox", function (config, index) {
       var initialValue = _this.props.initialValues[config.key];
       return /*#__PURE__*/React.createElement(Field, {
         name: config.key,
         initialValue: initialValue,
-        type: 'checkbox',
+        type: "checkbox",
         key: config.key
       }, function (_ref7) {
         var input = _ref7.input;
@@ -88,7 +86,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         }));
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "renderTextField", function (config) {
+    _defineProperty(_this, "renderTextField", function (config) {
       var _config$description;
       var initialValue = _this.props.initialValues[config.key];
       var label = typeof config.label === 'string' ? /*#__PURE__*/React.createElement(Text, {
@@ -97,12 +95,12 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
       }, config.label) : config.label;
       var isDescriptionReactFragment = ((_config$description = config.description) === null || _config$description === void 0 ? void 0 : _config$description.type) === React.Fragment;
       return /*#__PURE__*/React.createElement(Flex, {
+        key: config.key,
         direction: "column"
       }, /*#__PURE__*/React.createElement(Flex, {
         tag: "label",
         mt: 4,
-        htmlFor: config.key,
-        key: config.key
+        htmlFor: config.key
       }, label), /*#__PURE__*/React.createElement(FeedbackRating.Item, {
         name: config.key,
         validate: config.validate,
@@ -144,7 +142,8 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(FeedbackRatingRoot, [{
+  _inherits(FeedbackRatingRoot, _Component);
+  return _createClass(FeedbackRatingRoot, [{
     key: "headerId",
     get: function get() {
       var uid = this.asProps.uid;
@@ -215,7 +214,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         notificationText = _this$asProps2.notificationText,
         notificationTitle = _this$asProps2.notificationTitle,
         learnMoreLink = _this$asProps2.learnMoreLink,
-        Children = _this$asProps2.Children,
+        _Children = _this$asProps2.Children,
         styles = _this$asProps2.styles,
         forwardRef = _this$asProps2.forwardRef,
         status = _this$asProps2.status,
@@ -223,12 +222,14 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         background = _this$asProps2.background,
         rating = _this$asProps2.rating,
         visible = _this$asProps2.visible,
-        onVisibleChange = _this$asProps2.onVisibleChange,
+        _onVisibleChange = _this$asProps2.onVisibleChange,
         notificationVisible = _this$asProps2.notificationVisible,
         onNotificationClose = _this$asProps2.onNotificationClose,
         getI18nText = _this$asProps2.getI18nText,
         errorFeedbackEmail = _this$asProps2.errorFeedbackEmail,
         modalWidth = _this$asProps2.modalWidth,
+        Illustration = _this$asProps2.Illustration,
+        NoticeComponent = _this$asProps2.Notice,
         other = _objectWithoutProperties(_this$asProps2, _excluded);
       var SFeedbackRating = Modal;
       var checkboxFields = formConfig.filter(function (item) {
@@ -238,30 +239,29 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         return item.type === 'textarea' || item.type === 'input' || item.type === 'email';
       });
       var notificationId = this.getNoticeTextId();
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(Box, _assignProps2({}, _ref2), /*#__PURE__*/React.createElement(Notice, _ref4.cn("Notice", {
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(Box, _assignProps2({}, _ref2), /*#__PURE__*/React.createElement(NoticeComponent, _ref4.cn("NoticeComponent", {
         "visible": notificationVisible,
         "aria-label": getI18nText('leaveFeedback'),
         "tag": Flex,
         "alignItems": notificationTitle ? 'flex-start' : 'center'
-      }), /*#__PURE__*/React.createElement(Notice.Label, {
+      }), /*#__PURE__*/React.createElement(NoticeComponent.Label, {
         mr: 3,
         "aria-hidden": true
-      }, /*#__PURE__*/React.createElement(FeedbackIllustration, _ref4.cn("FeedbackIllustration", {}))), /*#__PURE__*/React.createElement(Notice.Content, null, notificationTitle ? /*#__PURE__*/React.createElement(Notice.Title, null, notificationTitle) : null, /*#__PURE__*/React.createElement(Notice.Text, {
+      }, /*#__PURE__*/React.createElement(Illustration, _ref4.cn("Illustration", {}))), /*#__PURE__*/React.createElement(NoticeComponent.Content, null, notificationTitle ? /*#__PURE__*/React.createElement(NoticeComponent.Title, null, notificationTitle) : null, /*#__PURE__*/React.createElement(NoticeComponent.Text, {
+        gap: 3,
         tag: Flex,
         alignItems: notificationTitle ? 'flex-start' : 'center'
       }, /*#__PURE__*/React.createElement(Text, _ref4.cn("Text", {
-        "mr": 3,
         "id": notificationId
-      }), notificationText), /*#__PURE__*/React.createElement(Notice.Actions, {
+      }), notificationText), /*#__PURE__*/React.createElement(NoticeComponent.Actions, {
         mt: 0
       }, /*#__PURE__*/React.createElement(SliderRating, _ref4.cn("SliderRating", {
         "value": rating,
         "onChange": this.handleChangeRating,
         "aria-labelledby": notificationId
       }))), learnMoreLink && /*#__PURE__*/React.createElement(Link, _ref4.cn("Link", {
-        "ml": 3,
         "href": learnMoreLink
-      }), getI18nText('learnMore')))), /*#__PURE__*/React.createElement(Notice.Close, {
+      }), getI18nText('learnMore')))), /*#__PURE__*/React.createElement(NoticeComponent.Close, {
         onClick: onNotificationClose
       })), /*#__PURE__*/React.createElement(SFeedbackRating, _ref4.cn("SFeedbackRating", _objectSpread({}, _assignProps({
         "visible": visible,
@@ -307,11 +307,11 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
           return _this3.renderCheckbox(formConfigItem, index);
         })), textFields.map(function (formConfigItem) {
           return _this3.renderTextField(formConfigItem);
-        }), _this3.state.error && /*#__PURE__*/React.createElement(Notice, _ref5.cn("Notice", {
+        }), _this3.state.error && /*#__PURE__*/React.createElement(SemcoreNotice, _ref5.cn("SemcoreNotice", {
           "theme": 'warning',
           "mt": 4,
           "mb": 4
-        }), /*#__PURE__*/React.createElement(Notice.Label, null, /*#__PURE__*/React.createElement(WarnM, _ref5.cn("WarnM", {}))), /*#__PURE__*/React.createElement(Notice.Content, null, getI18nText('errorMessage', {
+        }), /*#__PURE__*/React.createElement(SemcoreNotice.Label, null, /*#__PURE__*/React.createElement(WarnM, _ref5.cn("WarnM", {}))), /*#__PURE__*/React.createElement(SemcoreNotice.Content, null, getI18nText('errorMessage', {
           // todo: Brauer Ilia - think how to fix type
           // @ts-ignore
           email: /*#__PURE__*/React.createElement(Link, _ref5.cn("Link", {
@@ -322,14 +322,13 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
           "justifyContent": 'center'
         }), /*#__PURE__*/React.createElement(FeedbackRating.Submit, {
           loading: status !== 'loading' ? api.submitting : status === 'loading',
-          size: 'l'
+          size: "l"
         }, submitText !== null && submitText !== void 0 ? submitText : getI18nText('submitButton')))));
       })), /*#__PURE__*/React.createElement(NoticeBubbleContainer, _ref4.cn("NoticeBubbleContainer", {
         "manager": this.manager
       })));
     }
   }]);
-  return FeedbackRatingRoot;
 }(Component);
 _defineProperty(FeedbackRatingRoot, "displayName", 'FeedbackRatingForm');
 _defineProperty(FeedbackRatingRoot, "style", style);
@@ -337,7 +336,9 @@ _defineProperty(FeedbackRatingRoot, "enhance", [i18nEnhance(localizedMessages),
 _defineProperty(FeedbackRatingRoot, "defaultProps", {
   onSubmit: function onSubmit() {},
   i18n: localizedMessages,
-  locale: 'en'
+  locale: 'en',
+  Illustration: FeedbackIllustration,
+  Notice: SemcoreNotice
 });
 _defineProperty(FeedbackRatingRoot, "validate", {
   description: function description(error) {
@@ -363,14 +364,8 @@ function Header(props) {
   var _ref3 = arguments[0],
     _ref6;
   var styles = props.styles;
-  var SHeader = Text;
-  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref6.cn("SHeader", _objectSpread({}, _assignProps3({
-    "size": 300,
-    "tag": 'h2',
-    "mb": 4,
-    "mt": 4,
-    "textAlign": 'center'
-  }, _ref3))));
+  var SHeader = Modal.Title;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref6.cn("SHeader", _objectSpread({}, _assignProps3({}, _ref3))));
 }
 var FeedbackRating = createComponent(FeedbackRatingRoot, {
   Header: Header,