intergalactic 15.123.0 → 15.124.0-prerelease.0

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

@@ -0,0 +1,374 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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 _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 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/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 'intergalactic/core';
+import { Field, Form } from 'react-final-form';
+import createFocusDecorator from 'final-form-focus';
+import SpinContainer from 'intergalactic/spin-container';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import Notice from 'intergalactic/notice';
+import CheckM from 'intergalactic/icon/Check/m';
+import WarnM from 'intergalactic/icon/Warning/m';
+import { Text } from 'intergalactic/typography';
+import FeedbackIllustration from 'intergalactic/illustration/Feedback';
+import Link from 'intergalactic/link';
+import SliderRating from '../slider-rating/SliderRating';
+import Modal from 'intergalactic/modal';
+import Textarea from 'intergalactic/textarea';
+import { Box, Flex } from 'intergalactic/flex-box';
+import { FeedbackItem } from '../feedback-item/FeedbackItem';
+import { SubmitButton } from '../submit-button/SubmitButton';
+import CheckboxButton from '../checkbox-button/CheckboxButton';
+import Input from 'intergalactic/input';
+import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+import { NoticeBubbleContainer, NoticeBubbleManager } from 'intergalactic/notice-bubble';
+/*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_apau8_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_apau8_gg_ li{list-style:none}" /*__inner_css_end__*/, "apau8_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackRating": "___SFeedbackRating_apau8_gg_"
+});
+var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
+  _inherits(FeedbackRatingRoot, _Component);
+  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", {
+      error: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "manager", new NoticeBubbleManager());
+    _defineProperty(_assertThisInitialized(_this), "focusDecorator", createFocusDecorator());
+    _defineProperty(_assertThisInitialized(_this), "handleChangeRating", function (rating) {
+      _this.asProps.onVisibleChange(true, rating);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handelCloseModal", function () {
+      _this.asProps.onVisibleChange(false, _this.asProps.rating);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function (fn) {
+      return function (value, e) {
+        fn(e);
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderCheckbox", function (config, index) {
+      var initialValue = _this.props.initialValues[config.key];
+      return /*#__PURE__*/React.createElement(Field, {
+        name: config.key,
+        initialValue: initialValue,
+        type: 'checkbox',
+        key: config.key
+      }, function (_ref7) {
+        var input = _ref7.input;
+        return /*#__PURE__*/React.createElement(FeedbackRating.Checkbox, _extends({}, input, {
+          id: config.key,
+          label: config.label,
+          onChange: function onChange(_checked, e) {
+            return input.onChange(e);
+          },
+          focused: index === 0
+        }));
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderTextField", function (config) {
+      var _config$description;
+      var initialValue = _this.props.initialValues[config.key];
+      var label = typeof config.label === 'string' ? /*#__PURE__*/React.createElement(Text, {
+        mb: 2,
+        size: 200
+      }, 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, {
+        direction: "column"
+      }, /*#__PURE__*/React.createElement(Flex, {
+        tag: "label",
+        mt: 4,
+        htmlFor: config.key,
+        key: config.key
+      }, label), /*#__PURE__*/React.createElement(FeedbackRating.Item, {
+        name: config.key,
+        validate: config.validate,
+        initialValue: initialValue,
+        placement: "left-start",
+        flip: {
+          fallbackPlacements: ['right-start', 'bottom']
+        },
+        "aria-describedby": config.description ? config.key + '-description' : undefined
+      }, function (_ref8) {
+        var input = _ref8.input;
+        if (config.type === 'textarea') {
+          return /*#__PURE__*/React.createElement(Textarea, _extends({}, input, {
+            h: 80,
+            onChange: _this.handleChange(input.onChange),
+            id: config.key
+          }));
+        }
+        if (config.type === 'input' || config.type === 'email') {
+          if (config.type === 'email') {
+            input.autoComplete = 'email';
+            input.type = 'email';
+          }
+          return /*#__PURE__*/React.createElement(Input, {
+            state: input.state
+          }, /*#__PURE__*/React.createElement(Input.Value, _extends({}, input, {
+            onChange: _this.handleChange(input.onChange),
+            id: config.key
+          })));
+        }
+        return null;
+      }), config.description && /*#__PURE__*/React.createElement(Box, {
+        mt: 2
+      }, typeof config.description === 'string' || isDescriptionReactFragment ? /*#__PURE__*/React.createElement(Text, {
+        size: 200,
+        color: "text-secondary",
+        id: config.key + '-description'
+      }, config.description) : config.description));
+    });
+    return _this;
+  }
+  _createClass(FeedbackRatingRoot, [{
+    key: "headerId",
+    get: function get() {
+      var uid = this.asProps.uid;
+      return "".concat(uid, "-feedback-rating-header");
+    }
+  }, {
+    key: "getHeaderProps",
+    value: function getHeaderProps() {
+      return {
+        id: this.headerId
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function getItemProps() {
+      var validateOnBlur = this.asProps.validateOnBlur;
+      return {
+        validateOnBlur: validateOnBlur
+      };
+    }
+  }, {
+    key: "getNoticeTextId",
+    value: function getNoticeTextId() {
+      var uid = this.asProps.uid;
+      return "".concat(uid, "-feedback-rating-notice");
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+      var _this$asProps = this.asProps,
+        status = _this$asProps.status,
+        getI18nText = _this$asProps.getI18nText;
+      if (prevProps.status !== status) {
+        this.setState({
+          error: false
+        });
+        if (status === 'success') {
+          // showing notice with delay for SR, less than 100ms is not enough
+          setTimeout(function () {
+            _this2.manager.add({
+              icon: /*#__PURE__*/React.createElement(CheckM, {
+                color: "green-400"
+              }),
+              children: getI18nText('successMessage'),
+              initialAnimation: true,
+              duration: 5000
+            });
+          }, 300);
+        } else if (status === 'error') {
+          this.setState({
+            error: true
+          });
+        }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2 = this.asProps,
+        _ref4,
+        _this3 = this;
+      var _this$asProps2 = this.asProps,
+        header = _this$asProps2.header,
+        submitText = _this$asProps2.submitText,
+        formConfig = _this$asProps2.formConfig,
+        notificationText = _this$asProps2.notificationText,
+        notificationTitle = _this$asProps2.notificationTitle,
+        learnMoreLink = _this$asProps2.learnMoreLink,
+        Children = _this$asProps2.Children,
+        styles = _this$asProps2.styles,
+        forwardRef = _this$asProps2.forwardRef,
+        status = _this$asProps2.status,
+        theme = _this$asProps2.theme,
+        background = _this$asProps2.background,
+        rating = _this$asProps2.rating,
+        visible = _this$asProps2.visible,
+        onVisibleChange = _this$asProps2.onVisibleChange,
+        notificationVisible = _this$asProps2.notificationVisible,
+        onNotificationClose = _this$asProps2.onNotificationClose,
+        getI18nText = _this$asProps2.getI18nText,
+        errorFeedbackEmail = _this$asProps2.errorFeedbackEmail,
+        modalWidth = _this$asProps2.modalWidth,
+        other = _objectWithoutProperties(_this$asProps2, _excluded);
+      var SFeedbackRating = Modal;
+      var checkboxFields = formConfig.filter(function (item) {
+        return item.type === 'checkbox';
+      });
+      var textFields = formConfig.filter(function (item) {
+        return item.type === 'textarea' || item.type === 'input' || item.type === 'email';
+      });
+      var notificationId = this.getNoticeTextId();
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(Box, _assignProps2({}, _ref2), /*#__PURE__*/React.createElement(Notice, _ref4.cn("Notice", {
+        "visible": notificationVisible,
+        "aria-label": getI18nText('leaveFeedback'),
+        "tag": Flex,
+        "alignItems": notificationTitle ? 'flex-start' : 'center'
+      }), /*#__PURE__*/React.createElement(Notice.Label, {
+        mr: 3,
+        "aria-hidden": true
+      }, /*#__PURE__*/React.createElement(FeedbackIllustration, _ref4.cn("FeedbackIllustration", {}))), /*#__PURE__*/React.createElement(Notice.Content, null, notificationTitle ? /*#__PURE__*/React.createElement(Notice.Title, null, notificationTitle) : null, /*#__PURE__*/React.createElement(Notice.Text, {
+        tag: Flex,
+        alignItems: notificationTitle ? 'flex-start' : 'center'
+      }, /*#__PURE__*/React.createElement(Text, _ref4.cn("Text", {
+        "mr": 3,
+        "id": notificationId
+      }), notificationText), /*#__PURE__*/React.createElement(Notice.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, {
+        onClick: onNotificationClose
+      })), /*#__PURE__*/React.createElement(SFeedbackRating, _ref4.cn("SFeedbackRating", _objectSpread({}, _assignProps({
+        "visible": visible,
+        "onClose": this.handelCloseModal,
+        "p": 0,
+        "use:w": modalWidth !== null && modalWidth !== void 0 ? modalWidth : 440,
+        "aria-labelledby": this.headerId
+      }, _ref))), /*#__PURE__*/React.createElement(Form, _ref4.cn("Form", _objectSpread({
+        "decorators": [this.focusDecorator]
+      }, other)), function (api) {
+        var _ref5;
+        return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SpinContainer, _ref5.cn("SpinContainer", {
+          "background": background,
+          "theme": theme,
+          "size": 'xl',
+          "loading": status !== 'loading' ? api.submitting : status === 'loading',
+          "p": 1,
+          "m": 9
+        }), /*#__PURE__*/React.createElement(Flex, _ref5.cn("Flex", {
+          "justifyContent": 'center'
+        }), /*#__PURE__*/React.createElement(SliderRating, _ref5.cn("SliderRating", {
+          "value": rating,
+          "readonly": true
+        }))), (header === null || header === void 0 ? void 0 : header.type) === FeedbackRating.Header ? header : /*#__PURE__*/React.createElement(FeedbackRating.Header, null, header), /*#__PURE__*/React.createElement(Box, _ref5.cn("Box", _objectSpread(_objectSpread({
+          "tag": 'form',
+          "noValidate": true,
+          "method": 'POST',
+          "ref": forwardRef
+        }, other), {}, {
+          "onSubmit": api.handleSubmit
+        })), /*#__PURE__*/React.createElement(Field, _ref5.cn("Field", {
+          "name": 'rating',
+          "initialValue": rating
+        }), function (_ref9) {
+          var input = _ref9.input;
+          return /*#__PURE__*/React.createElement("input", _extends({}, input, {
+            type: "hidden"
+          }));
+        }), /*#__PURE__*/React.createElement("div", _ref5.cn("div", {
+          "role": 'group',
+          "aria-labelledby": _this3.headerId
+        }), checkboxFields.map(function (formConfigItem, index) {
+          return _this3.renderCheckbox(formConfigItem, index);
+        })), textFields.map(function (formConfigItem) {
+          return _this3.renderTextField(formConfigItem);
+        }), _this3.state.error && /*#__PURE__*/React.createElement(Notice, _ref5.cn("Notice", {
+          "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', {
+          email: errorFeedbackEmail
+        }))), /*#__PURE__*/React.createElement(Flex, _ref5.cn("Flex", {
+          "mt": 4,
+          "justifyContent": 'center'
+        }), /*#__PURE__*/React.createElement(FeedbackRating.Submit, {
+          loading: status !== 'loading' ? api.submitting : status === 'loading',
+          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);
+_defineProperty(FeedbackRatingRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
+_defineProperty(FeedbackRatingRoot, "defaultProps", {
+  onSubmit: function onSubmit() {},
+  i18n: localizedMessages,
+  locale: 'en'
+});
+_defineProperty(FeedbackRatingRoot, "validate", {
+  description: function description(error) {
+    return function () {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      var words = value.split(/\s+/);
+      var symbols = words.join(' ');
+      if (Boolean(value) && (symbols.length < 10 || words.length < 3)) {
+        return error;
+      }
+    };
+  },
+  email: function email(error) {
+    return function () {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      if (Boolean(value) && !/.+@.+\..+/i.test(String(value).toLowerCase())) {
+        return error;
+      }
+    };
+  }
+});
+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 FeedbackRating = createComponent(FeedbackRatingRoot, {
+  Header: Header,
+  Item: FeedbackItem,
+  Checkbox: CheckboxButton,
+  Submit: SubmitButton
+});
+export default FeedbackRating;
+//# sourceMappingURL=FeedbackRating.js.map

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

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

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FeedbackRating.type.js.map

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

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