intergalactic 15.105.0-prerelease.0 → 15.105.0-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -1
- package/components.json +1 -1
- package/data-table/package.json +1 -1
- package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
- package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +3 -3
- package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js.map +1 -1
- package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/lib/es6/FeedbackForm.js +7 -7
- package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +3 -3
- package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js.map +1 -1
- package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/package.json +1 -1
- package/inline-edit/package.json +1 -1
- package/notice/index.d.ts +6 -1
- package/notice/lib/cjs/Notice.js +45 -24
- package/notice/lib/cjs/Notice.js.map +1 -1
- package/notice/lib/cjs/NoticeSmart.js +1 -1
- package/notice/lib/cjs/NoticeSmart.js.map +1 -1
- package/notice/lib/cjs/index.d.js.map +1 -1
- package/notice/lib/es6/Notice.js +48 -26
- package/notice/lib/es6/Notice.js.map +1 -1
- package/notice/lib/es6/NoticeSmart.js +1 -1
- package/notice/lib/es6/NoticeSmart.js.map +1 -1
- package/notice/lib/es6/index.d.js.map +1 -1
- package/notice/lib/types/index.d.ts +6 -1
- package/notice/package.json +1 -1
- package/package.json +1 -1
- package/time-picker/package.json +1 -1
package/CHANGELOG.md
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
## [15.105.0] - 2024-08-
|
1
|
+
## [15.105.0] - 2024-08-17
|
2
2
|
|
3
3
|
### @semcore/data-table
|
4
4
|
|
@@ -7,6 +7,7 @@
|
|
7
7
|
|
8
8
|
### @semcore/feedback-form
|
9
9
|
|
10
|
+
- **Changed** Using `Notice.Close` instead of `Notice.CloseIcon`.
|
10
11
|
- **Fixed** Using `theme` property for Notice.
|
11
12
|
|
12
13
|
### @semcore/inline-edit
|
package/components.json
CHANGED
@@ -24,7 +24,7 @@
|
|
24
24
|
"@semcore/email": "1.0.2",
|
25
25
|
"@semcore/errors": "4.38.3",
|
26
26
|
"@semcore/feature-popover": "4.42.3",
|
27
|
-
"@semcore/feedback-form": "6.33.
|
27
|
+
"@semcore/feedback-form": "6.33.5",
|
28
28
|
"@semcore/flags": "4.30.2",
|
29
29
|
"@semcore/flex-box": "5.31.2",
|
30
30
|
"@semcore/format-text": "4.31.2",
|
package/data-table/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/data-table","description":"Semrush DataTable Component","version":"4.41.4-prerelease.
|
1
|
+
{"name":"intergalactic/data-table","description":"Semrush DataTable Component","version":"4.41.4-prerelease.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=ts"},"dependencies":{"@semcore/flex-box":"5.31.2","@semcore/icon":"4.43.2","@semcore/scroll-area":"5.35.0","@semcore/utils":"4.32.2"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/base-trigger":"*","@semcore/dropdown-menu":"*","@semcore/typography":"*","@semcore/accordion":"*","@semcore/divider":"*","@semcore/portal":"*","@semcore/progress-bar":"*","@semcore/skeleton":"*","@semcore/spin":"*","@semcore/spin-container":"*","@semcore/tooltip":"*","@types/node":"^18.16.15","csstype":"3.0.8"},"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/data-table"}}
|
@@ -28,13 +28,13 @@ var _FeedbackItem = require("./component/feedback-item/FeedbackItem");
|
|
28
28
|
var _SubmitButton = require("./component/submit-button/SubmitButton");
|
29
29
|
var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"];
|
30
30
|
/*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SFeedbackForm": "
|
33
|
-
"__SSubmit": "
|
34
|
-
"__SCancel": "
|
35
|
-
"__SNotice": "
|
36
|
-
"__SSuccess": "
|
37
|
-
"__SEmail": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_wdcc5_gg_{max-width:320px}.___SCancel_wdcc5_gg_,.___SSubmit_wdcc5_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_wdcc5_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_wdcc5_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_wdcc5_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__*/, "wdcc5_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SFeedbackForm": "___SFeedbackForm_wdcc5_gg_",
|
33
|
+
"__SSubmit": "___SSubmit_wdcc5_gg_",
|
34
|
+
"__SCancel": "___SCancel_wdcc5_gg_",
|
35
|
+
"__SNotice": "___SNotice_wdcc5_gg_",
|
36
|
+
"__SSuccess": "___SSuccess_wdcc5_gg_",
|
37
|
+
"__SEmail": "___SEmail_wdcc5_gg_"
|
38
38
|
});
|
39
39
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
40
40
|
(0, _inherits2["default"])(FeedbackForm, _Component);
|
@@ -20,9 +20,9 @@ var _flexBox = require("intergalactic/flex-box");
|
|
20
20
|
var _checkbox = _interopRequireDefault(require("intergalactic/checkbox"));
|
21
21
|
var _excluded = ["styles", "id", "label"];
|
22
22
|
/*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SCheckboxButton": "
|
25
|
-
"_checked": "
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_mpthf_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_mpthf_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_mpthf_gg_.__checked_mpthf_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_mpthf_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_mpthf_gg_.__checked_mpthf_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "mpthf_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SCheckboxButton": "___SCheckboxButton_mpthf_gg_",
|
25
|
+
"_checked": "__checked_mpthf_gg_"
|
26
26
|
});
|
27
27
|
var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
|
28
28
|
(0, _inherits2["default"])(CheckboxButtonRoot, _Component);
|
@@ -41,8 +41,8 @@ var _intergalacticDynamicLocales = require("../../translations/__intergalactic-d
|
|
41
41
|
var _noticeBubble = require("intergalactic/notice-bubble");
|
42
42
|
var _excluded = ["header", "submitText", "formConfig", "notificationText", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail"];
|
43
43
|
/*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
|
44
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
45
|
-
"__SFeedbackRating": "
|
44
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_4vf9z_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_4vf9z_gg_ li{list-style:none}" /*__inner_css_end__*/, "4vf9z_gg_") /*__reshadow_css_end__*/, {
|
45
|
+
"__SFeedbackRating": "___SFeedbackRating_4vf9z_gg_"
|
46
46
|
});
|
47
47
|
var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
48
48
|
(0, _inherits2["default"])(FeedbackRatingRoot, _Component);
|
@@ -240,7 +240,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
|
240
240
|
}))), learnMoreLink && /*#__PURE__*/_react["default"].createElement(_link["default"], _ref4.cn("Link", {
|
241
241
|
"ml": 3,
|
242
242
|
"href": learnMoreLink
|
243
|
-
}), getI18nText('learnMore'))), /*#__PURE__*/_react["default"].createElement(_notice["default"].
|
243
|
+
}), getI18nText('learnMore'))), /*#__PURE__*/_react["default"].createElement(_notice["default"].Close, {
|
244
244
|
onClick: onNotificationClose
|
245
245
|
})), /*#__PURE__*/_react["default"].createElement(SFeedbackRating, _ref4.cn("SFeedbackRating", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
246
246
|
"visible": visible,
|
@@ -1 +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","CloseIcon","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 { useI18n } from '@semcore/utils/lib/enhances/WithI18n';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport Notice from '@semcore/notice';\nimport CloseAltM from '@semcore/icon/Close/m';\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 Enhances = {\n getI18nText: ReturnType<typeof useI18n>;\n uid: ReturnType<typeof uniqueIDEnhancement>;\n};\n\ntype State = {\n error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, State, Enhances> {\n static displayName = 'FeedbackRatingForm';\n static style = style;\n\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\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.CloseIcon 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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"}
|
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 { useI18n } from '@semcore/utils/lib/enhances/WithI18n';\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 Enhances = {\n getI18nText: ReturnType<typeof useI18n>;\n uid: ReturnType<typeof uniqueIDEnhancement>;\n};\n\ntype State = {\n error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, State, Enhances> {\n static displayName = 'FeedbackRatingForm';\n static style = style;\n\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\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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"}
|
@@ -19,12 +19,12 @@ var _react = _interopRequireDefault(require("react"));
|
|
19
19
|
var _flexBox = require("intergalactic/flex-box");
|
20
20
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
21
21
|
/*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SSliderRating": "
|
24
|
-
"__SStar": "
|
25
|
-
"_keyboardFocused": "
|
26
|
-
"_readonly": "
|
27
|
-
"_filled": "
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_15sma_gg_ .___SStar_15sma_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_15sma_gg_ .___SStar_15sma_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_15sma_gg_.__keyboardFocused_15sma_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_15sma_gg_.__readonly_15sma_gg_ .___SStar_15sma_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_15sma_gg_.__filled_15sma_gg_:active{animation:wobble .8s ease-in-out}.___SStar_15sma_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_15sma_gg_.__filled_15sma_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "15sma_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SSliderRating": "___SSliderRating_15sma_gg_",
|
24
|
+
"__SStar": "___SStar_15sma_gg_",
|
25
|
+
"_keyboardFocused": "__keyboardFocused_15sma_gg_",
|
26
|
+
"_readonly": "__readonly_15sma_gg_",
|
27
|
+
"_filled": "__filled_15sma_gg_"
|
28
28
|
});
|
29
29
|
var MIN = 1;
|
30
30
|
var MAX = 5;
|
@@ -23,13 +23,13 @@ import { Box } from 'intergalactic/flex-box';
|
|
23
23
|
import { FeedbackItem } from './component/feedback-item/FeedbackItem';
|
24
24
|
import { SubmitButton } from './component/submit-button/SubmitButton';
|
25
25
|
/*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SFeedbackForm": "
|
28
|
-
"__SSubmit": "
|
29
|
-
"__SCancel": "
|
30
|
-
"__SNotice": "
|
31
|
-
"__SSuccess": "
|
32
|
-
"__SEmail": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_wdcc5_gg_{max-width:320px}.___SCancel_wdcc5_gg_,.___SSubmit_wdcc5_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_wdcc5_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_wdcc5_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_wdcc5_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__*/, "wdcc5_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SFeedbackForm": "___SFeedbackForm_wdcc5_gg_",
|
28
|
+
"__SSubmit": "___SSubmit_wdcc5_gg_",
|
29
|
+
"__SCancel": "___SCancel_wdcc5_gg_",
|
30
|
+
"__SNotice": "___SNotice_wdcc5_gg_",
|
31
|
+
"__SSuccess": "___SSuccess_wdcc5_gg_",
|
32
|
+
"__SEmail": "___SEmail_wdcc5_gg_"
|
33
33
|
});
|
34
34
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
35
35
|
_inherits(FeedbackForm, _Component);
|
@@ -12,9 +12,9 @@ import React from 'react';
|
|
12
12
|
import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
|
13
13
|
import { Box } from 'intergalactic/flex-box';
|
14
14
|
/*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
16
|
-
"__SCheckboxButton": "
|
17
|
-
"_checked": "
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_mpthf_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_mpthf_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_mpthf_gg_.__checked_mpthf_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_mpthf_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_mpthf_gg_.__checked_mpthf_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "mpthf_gg_") /*__reshadow_css_end__*/, {
|
16
|
+
"__SCheckboxButton": "___SCheckboxButton_mpthf_gg_",
|
17
|
+
"_checked": "__checked_mpthf_gg_"
|
18
18
|
});
|
19
19
|
import Checkbox from 'intergalactic/checkbox';
|
20
20
|
var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
|
@@ -36,8 +36,8 @@ import Input from 'intergalactic/input';
|
|
36
36
|
import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
|
37
37
|
import { NoticeBubbleContainer, NoticeBubbleManager } from 'intergalactic/notice-bubble';
|
38
38
|
/*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
|
39
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
40
|
-
"__SFeedbackRating": "
|
39
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_4vf9z_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_4vf9z_gg_ li{list-style:none}" /*__inner_css_end__*/, "4vf9z_gg_") /*__reshadow_css_end__*/, {
|
40
|
+
"__SFeedbackRating": "___SFeedbackRating_4vf9z_gg_"
|
41
41
|
});
|
42
42
|
var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
43
43
|
_inherits(FeedbackRatingRoot, _Component);
|
@@ -235,7 +235,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
|
235
235
|
}))), learnMoreLink && /*#__PURE__*/React.createElement(Link, _ref4.cn("Link", {
|
236
236
|
"ml": 3,
|
237
237
|
"href": learnMoreLink
|
238
|
-
}), getI18nText('learnMore'))), /*#__PURE__*/React.createElement(Notice.
|
238
|
+
}), getI18nText('learnMore'))), /*#__PURE__*/React.createElement(Notice.Close, {
|
239
239
|
onClick: onNotificationClose
|
240
240
|
})), /*#__PURE__*/React.createElement(SFeedbackRating, _ref4.cn("SFeedbackRating", _objectSpread({}, _assignProps({
|
241
241
|
"visible": visible,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FeedbackRating.js","names":["React","createComponent","Component","sstyled","Root","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","initialValue","props","initialValues","key","createElement","FeedbackRating","Item","name","type","tag","_ref7","input","Checkbox","_extends","id","label","onChange","handleChange","mb","size","mt","direction","htmlFor","validate","placement","flip","fallbackPlacements","_ref8","autoFocus","h","state","Value","description","lineHeight","color","_createClass","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","_objectWithoutProperties","_excluded","SFeedbackRating","checkboxFields","filter","item","textFields","_assignProps2","cn","Label","mr","Content","alignItems","Actions","handleChangeRating","CloseIcon","onClick","_objectSpread","_assignProps","handelCloseModal","focusDecorator","api","_ref5","submitting","handleSubmit","_ref9","map","formConfigItem","renderCheckbox","renderTextField","email","Submit","loading","onSubmit","i18n","locale","undefined","words","split","symbols","join","Boolean","test","String","toLowerCase","Header","_ref3","arguments[0]","_ref6","SHeader","_assignProps3"],"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 { useI18n } from '@semcore/utils/lib/enhances/WithI18n';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport Notice from '@semcore/notice';\nimport CloseAltM from '@semcore/icon/Close/m';\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 Enhances = {\n getI18nText: ReturnType<typeof useI18n>;\n uid: ReturnType<typeof uniqueIDEnhancement>;\n};\n\ntype State = {\n error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, State, Enhances> {\n static displayName = 'FeedbackRatingForm';\n static style = style;\n\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\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.CloseIcon 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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"}
|
1
|
+
{"version":3,"file":"FeedbackRating.js","names":["React","createComponent","Component","sstyled","Root","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","initialValue","props","initialValues","key","createElement","FeedbackRating","Item","name","type","tag","_ref7","input","Checkbox","_extends","id","label","onChange","handleChange","mb","size","mt","direction","htmlFor","validate","placement","flip","fallbackPlacements","_ref8","autoFocus","h","state","Value","description","lineHeight","color","_createClass","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","_objectWithoutProperties","_excluded","SFeedbackRating","checkboxFields","filter","item","textFields","_assignProps2","cn","Label","mr","Content","alignItems","Actions","handleChangeRating","Close","onClick","_objectSpread","_assignProps","handelCloseModal","focusDecorator","api","_ref5","submitting","handleSubmit","_ref9","map","formConfigItem","renderCheckbox","renderTextField","email","Submit","loading","onSubmit","i18n","locale","undefined","words","split","symbols","join","Boolean","test","String","toLowerCase","Header","_ref3","arguments[0]","_ref6","SHeader","_assignProps3"],"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 { useI18n } from '@semcore/utils/lib/enhances/WithI18n';\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 Enhances = {\n getI18nText: ReturnType<typeof useI18n>;\n uid: ReturnType<typeof uniqueIDEnhancement>;\n};\n\ntype State = {\n error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, State, Enhances> {\n static displayName = 'FeedbackRatingForm';\n static style = style;\n\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\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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"}
|
@@ -12,12 +12,12 @@ import React from 'react';
|
|
12
12
|
import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
|
13
13
|
import { Flex, Box } from 'intergalactic/flex-box';
|
14
14
|
/*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
16
|
-
"__SSliderRating": "
|
17
|
-
"__SStar": "
|
18
|
-
"_keyboardFocused": "
|
19
|
-
"_readonly": "
|
20
|
-
"_filled": "
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_15sma_gg_ .___SStar_15sma_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_15sma_gg_ .___SStar_15sma_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_15sma_gg_.__keyboardFocused_15sma_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_15sma_gg_.__readonly_15sma_gg_ .___SStar_15sma_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_15sma_gg_.__filled_15sma_gg_:active{animation:wobble .8s ease-in-out}.___SStar_15sma_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_15sma_gg_.__filled_15sma_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "15sma_gg_") /*__reshadow_css_end__*/, {
|
16
|
+
"__SSliderRating": "___SSliderRating_15sma_gg_",
|
17
|
+
"__SStar": "___SStar_15sma_gg_",
|
18
|
+
"_keyboardFocused": "__keyboardFocused_15sma_gg_",
|
19
|
+
"_readonly": "__readonly_15sma_gg_",
|
20
|
+
"_filled": "__filled_15sma_gg_"
|
21
21
|
});
|
22
22
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
23
23
|
var MIN = 1;
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/feedback-form","description":"Semrush Feedback Form Component","version":"6.33.
|
1
|
+
{"name":"intergalactic/feedback-form","description":"Semrush Feedback Form Component","version":"6.33.5-prerelease.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,ts"},"dependencies":{"@semcore/checkbox":"7.34.2","@semcore/notice-bubble":"5.40.2","@semcore/typography":"5.40.2","@semcore/link":"5.36.3","@semcore/modal":"4.43.0","@semcore/illustration":"2.32.0","@semcore/icon":"4.43.2","@semcore/textarea":"5.30.2","@semcore/input":"4.32.2","final-form":"4.20.7","@semcore/button":"5.35.1","@semcore/flex-box":"5.31.2","@semcore/notice":"5.39.0-prerelease.1","@semcore/spin-container":"7.32.2","@semcore/tooltip":"6.40.3","@semcore/utils":"4.32.2","final-form-focus":"1.1.2","react-final-form":"6.5.9"},"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/feedback-form"},"devDependencies":{"@types/react":"18.0.21","@types/final-form-focus":"1.1.7","@semcore/testing-utils":"1.0.0"},"overrides":{"final-form":{"@babel/runtime":"7.17.9"},"react-final-form":{"@babel/runtime":"7.17.9"}}}
|
package/inline-edit/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/inline-edit","description":"Semrush Input Component","version":"4.33.3-prerelease.
|
1
|
+
{"name":"intergalactic/inline-edit","description":"Semrush Input Component","version":"4.33.3-prerelease.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/animation":"2.31.2","@semcore/flex-box":"5.31.2","@semcore/utils":"4.32.2"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"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/inline-edit"}}
|
package/notice/index.d.ts
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
|
2
2
|
import { Box, BoxProps } from 'intergalactic/flex-box';
|
3
3
|
import Button from 'intergalactic/button';
|
4
|
+
import { IconProps } from 'intergalactic/icon';
|
4
5
|
import { FadeInOutProps } from 'intergalactic/animation';
|
5
6
|
|
6
7
|
export type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';
|
@@ -65,7 +66,11 @@ declare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext>
|
|
65
66
|
Label: Intergalactic.Component<'div', NoticeLabelProps>;
|
66
67
|
Actions: typeof Box;
|
67
68
|
Content: typeof Box;
|
68
|
-
|
69
|
+
/**
|
70
|
+
* @deprecated Use Notice.Close instead of Notice.CloseIcon
|
71
|
+
*/
|
72
|
+
CloseIcon: Intergalactic.Component<'div', IconProps>;
|
73
|
+
Close: typeof Button;
|
69
74
|
};
|
70
75
|
|
71
76
|
declare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;
|
package/notice/lib/cjs/Notice.js
CHANGED
@@ -70,11 +70,19 @@ var RootNotice = /*#__PURE__*/function (_Component) {
|
|
70
70
|
getI18nText: getI18nText
|
71
71
|
};
|
72
72
|
}
|
73
|
+
}, {
|
74
|
+
key: "getCloseProps",
|
75
|
+
value: function getCloseProps() {
|
76
|
+
var getI18nText = this.asProps.getI18nText;
|
77
|
+
return {
|
78
|
+
getI18nText: getI18nText
|
79
|
+
};
|
80
|
+
}
|
73
81
|
}, {
|
74
82
|
key: "render",
|
75
83
|
value: function render() {
|
76
84
|
var _ref = this.asProps,
|
77
|
-
|
85
|
+
_ref7;
|
78
86
|
var SNotice = _animation.FadeInOut;
|
79
87
|
var _this$asProps2 = this.asProps,
|
80
88
|
Children = _this$asProps2.Children,
|
@@ -95,14 +103,14 @@ var RootNotice = /*#__PURE__*/function (_Component) {
|
|
95
103
|
_logger["default"].warn(true, "Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead", RootNotice.displayName);
|
96
104
|
return /*#__PURE__*/_react["default"].createElement(_noticeGlobal["default"], this.asProps);
|
97
105
|
}
|
98
|
-
return
|
106
|
+
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNotice, _ref7.cn("SNotice", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
99
107
|
"visible": !hidden,
|
100
108
|
"use:theme": useTheme,
|
101
109
|
"backgroundColor": color,
|
102
110
|
"role": 'region',
|
103
111
|
"aria-live": ariaLive,
|
104
112
|
"aria-label": getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')
|
105
|
-
}, _ref))), /*#__PURE__*/_react["default"].createElement(Children,
|
113
|
+
}, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})));
|
106
114
|
}
|
107
115
|
}]);
|
108
116
|
return RootNotice;
|
@@ -120,52 +128,65 @@ var RootNotice = /*#__PURE__*/function (_Component) {
|
|
120
128
|
i18n: _intergalacticDynamicLocales.localizedMessages,
|
121
129
|
locale: 'en'
|
122
130
|
});
|
123
|
-
function Label(
|
131
|
+
function Label(_ref13) {
|
124
132
|
var _ref2 = arguments[0],
|
125
|
-
|
126
|
-
var styles =
|
127
|
-
theme =
|
128
|
-
resolveColor =
|
133
|
+
_ref8;
|
134
|
+
var styles = _ref13.styles,
|
135
|
+
theme = _ref13.theme,
|
136
|
+
resolveColor = _ref13.resolveColor;
|
129
137
|
var SLabel = _flexBox.Box;
|
130
138
|
var useTheme = isCustomTheme(theme) ? 'custom' : theme;
|
131
139
|
var color = resolveColor(theme);
|
132
|
-
return
|
140
|
+
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref8.cn("SLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
133
141
|
"use:theme": useTheme,
|
134
142
|
"color": color
|
135
143
|
}, _ref2))));
|
136
144
|
}
|
137
|
-
function Actions(
|
145
|
+
function Actions(_ref14) {
|
138
146
|
var _ref3 = arguments[0],
|
139
|
-
|
140
|
-
var styles =
|
147
|
+
_ref9;
|
148
|
+
var styles = _ref14.styles;
|
141
149
|
var SActions = _flexBox.Box;
|
142
|
-
return
|
150
|
+
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SActions, _ref9.cn("SActions", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
143
151
|
}
|
144
|
-
function Content(
|
152
|
+
function Content(_ref15) {
|
145
153
|
var _ref4 = arguments[0],
|
146
|
-
|
147
|
-
var styles =
|
154
|
+
_ref10;
|
155
|
+
var styles = _ref15.styles;
|
148
156
|
var SContent = _flexBox.Box;
|
149
|
-
return
|
157
|
+
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref10.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4))));
|
150
158
|
}
|
151
|
-
function CloseIcon(
|
159
|
+
function CloseIcon(_ref16) {
|
152
160
|
var _ref5 = arguments[0],
|
153
|
-
|
154
|
-
var styles =
|
155
|
-
getI18nText =
|
161
|
+
_ref11;
|
162
|
+
var styles = _ref16.styles,
|
163
|
+
getI18nText = _ref16.getI18nText;
|
164
|
+
var SCloseIcon = _flexBox.Box;
|
165
|
+
return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCloseIcon, _ref11.cn("SCloseIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
166
|
+
"tag": _m["default"],
|
167
|
+
"interactive": true,
|
168
|
+
"aria-label": getI18nText('close')
|
169
|
+
}, _ref5))));
|
170
|
+
}
|
171
|
+
function Close(_ref17) {
|
172
|
+
var _ref6 = arguments[0],
|
173
|
+
_ref12;
|
174
|
+
var styles = _ref17.styles,
|
175
|
+
getI18nText = _ref17.getI18nText;
|
156
176
|
var SCloseIcon = _button["default"];
|
157
|
-
return
|
177
|
+
return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCloseIcon, _ref12.cn("SCloseIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
158
178
|
"addonLeft": _m["default"],
|
159
179
|
"use": 'tertiary',
|
160
180
|
"theme": 'muted',
|
161
181
|
"aria-label": getI18nText('close')
|
162
|
-
},
|
182
|
+
}, _ref6))));
|
163
183
|
}
|
164
184
|
var _default = (0, _core["default"])(RootNotice, {
|
165
185
|
Label: Label,
|
166
186
|
Actions: Actions,
|
167
187
|
Content: Content,
|
168
|
-
CloseIcon: CloseIcon
|
188
|
+
CloseIcon: CloseIcon,
|
189
|
+
Close: Close
|
169
190
|
});
|
170
191
|
exports["default"] = _default;
|
171
192
|
//# sourceMappingURL=Notice.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Notice.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_button","_m","_resolveColorEnhance","_animation","_logger","_noticeGlobal","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","style","_index","sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","render","_ref","_ref6","SNotice","FadeInOut","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","ariaLive","undefined","logger","warn","displayName","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","Label","_ref11","_ref2","arguments[0]","_ref7","SLabel","Box","Actions","_ref12","_ref3","_ref8","SActions","Content","_ref13","_ref4","_ref9","SContent","CloseIcon","_ref14","_ref5","_ref10","SCloseIcon","Button","Close","_default","createComponent","exports"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport Close from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n static displayName = 'Notice';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-popper',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n resolveColorEnhance(),\n ];\n static defaultProps = {\n theme: 'info',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getLabelProps() {\n const { theme, resolveColor } = this.asProps;\n\n return { theme, resolveColor };\n }\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNotice = Root;\n const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n const isAssertive = theme === 'danger' || theme === 'warning';\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n let ariaLive = isAssertive ? 'assertive' : 'polite';\n if (theme === 'neutral') {\n ariaLive = undefined;\n }\n\n if (use === 'primary') {\n logger.warn(\n true,\n `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n RootNotice.displayName,\n );\n return <NoticeGlobal {...this.asProps} />;\n }\n\n return sstyled(styles)(\n <SNotice\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-live={ariaLive}\n aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n >\n <Children />\n </SNotice>,\n );\n }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n const SLabel = Root;\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n const color = resolveColor(theme);\n return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Actions({ styles }) {\n const SActions = Root;\n return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon\n render={Button}\n addonLeft={Close}\n use='tertiary'\n theme='muted'\n aria-label={getI18nText('close')}\n />,\n );\n}\n\nexport default createComponent(RootNotice, {\n Label,\n Actions,\n Content,\n CloseIcon,\n});\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Notice.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_button","_m","_resolveColorEnhance","_animation","_logger","_noticeGlobal","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","style","_index","sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref7","SNotice","FadeInOut","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","ariaLive","undefined","logger","warn","displayName","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","Label","_ref13","_ref2","arguments[0]","_ref8","SLabel","Box","Actions","_ref14","_ref3","_ref9","SActions","Content","_ref15","_ref4","_ref10","SContent","CloseIcon","_ref16","_ref5","_ref11","SCloseIcon","CloseIconM","Close","_ref17","_ref6","_ref12","Button","_default","createComponent","exports"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n static displayName = 'Notice';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-popper',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n resolveColorEnhance(),\n ];\n static defaultProps = {\n theme: 'info',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getLabelProps() {\n const { theme, resolveColor } = this.asProps;\n\n return { theme, resolveColor };\n }\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNotice = Root;\n const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n const isAssertive = theme === 'danger' || theme === 'warning';\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n let ariaLive = isAssertive ? 'assertive' : 'polite';\n if (theme === 'neutral') {\n ariaLive = undefined;\n }\n\n if (use === 'primary') {\n logger.warn(\n true,\n `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n RootNotice.displayName,\n );\n return <NoticeGlobal {...this.asProps} />;\n }\n\n return sstyled(styles)(\n <SNotice\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-live={ariaLive}\n aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n >\n <Children />\n </SNotice>,\n );\n }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n const SLabel = Root;\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n const color = resolveColor(theme);\n return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Actions({ styles }) {\n const SActions = Root;\n return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n );\n}\n\nfunction Close({ styles, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon\n render={Button}\n addonLeft={CloseIconM}\n use='tertiary'\n theme='muted'\n aria-label={getI18nText('close')}\n />,\n );\n}\n\nexport default createComponent(RootNotice, {\n Label,\n Actions,\n Content,\n CloseIcon,\n Close,\n});\n"],"mappings":"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"}
|
@@ -33,7 +33,7 @@ var NoticeSmart = /*#__PURE__*/function (_Component) {
|
|
33
33
|
actions = _this$asProps.actions,
|
34
34
|
closable = _this$asProps.closable,
|
35
35
|
onClose = _this$asProps.onClose;
|
36
|
-
return /*#__PURE__*/_react["default"].createElement(SNoticeSmart, (0, _core.assignProps)({}, _ref), (0, _isNode["default"])(label) && /*#__PURE__*/_react["default"].createElement(_Notice["default"].Label, null, label), /*#__PURE__*/_react["default"].createElement(_Notice["default"].Content, null, /*#__PURE__*/_react["default"].createElement(Children, null), (0, _isNode["default"])(actions) && /*#__PURE__*/_react["default"].createElement(_Notice["default"].Actions, null, actions)), closable && /*#__PURE__*/_react["default"].createElement(_Notice["default"].
|
36
|
+
return /*#__PURE__*/_react["default"].createElement(SNoticeSmart, (0, _core.assignProps)({}, _ref), (0, _isNode["default"])(label) && /*#__PURE__*/_react["default"].createElement(_Notice["default"].Label, null, label), /*#__PURE__*/_react["default"].createElement(_Notice["default"].Content, null, /*#__PURE__*/_react["default"].createElement(Children, null), (0, _isNode["default"])(actions) && /*#__PURE__*/_react["default"].createElement(_Notice["default"].Actions, null, actions)), closable && /*#__PURE__*/_react["default"].createElement(_Notice["default"].Close, {
|
37
37
|
onClick: onClose
|
38
38
|
}));
|
39
39
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NoticeSmart.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_isNode","_Notice","NoticeSmart","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","SNoticeSmart","Notice","_this$asProps","Children","label","actions","closable","onClose","createElement","assignProps","isNode","Label","Content","Actions","
|
1
|
+
{"version":3,"file":"NoticeSmart.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_isNode","_Notice","NoticeSmart","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","SNoticeSmart","Notice","_this$asProps","Children","label","actions","closable","onClose","createElement","assignProps","isNode","Label","Content","Actions","Close","onClick","Component","_defineProperty2","theme","_default","createComponent","exports"],"sources":["../../src/NoticeSmart.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\nimport Notice from './Notice';\n\nclass NoticeSmart extends Component {\n static displayName = 'NoticeSmart';\n\n static defaultProps = {\n theme: 'info',\n };\n\n render() {\n const SNoticeSmart = Root;\n const { Children, label, actions, closable, onClose } = this.asProps;\n return (\n <SNoticeSmart render={Notice}>\n {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n <Notice.Content>\n <Children />\n {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n </Notice.Content>\n {closable && <Notice.Close onClick={onClose} />}\n </SNoticeSmart>\n );\n }\n}\n\nexport default createComponent(NoticeSmart);\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA8B,IAExBK,WAAW,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAA,IAAAK,gBAAA,mBAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAOf,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,IAAMC,YAAY,GAGMC,kBAAM;MAF9B,IAAAC,aAAA,GAAwD,IAAI,CAACH,OAAO;QAA5DI,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;MACnD,oBACEzB,MAAA,YAAA0B,aAAA,CAACR,YAAY,MAAArB,KAAA,CAAA8B,WAAA,MAAAX,IAAA,GACV,IAAAY,kBAAM,EAACN,KAAK,CAAC,iBAAItB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC0B,KAAK,QAAEP,KAAK,CAAgB,eACtDtB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC2B,OAAO,qBACb9B,MAAA,YAAA0B,aAAA,CAACL,QAAQ,OAAG,EACX,IAAAO,kBAAM,EAACL,OAAO,CAAC,iBAAIvB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC4B,OAAO,QAAER,OAAO,CAAkB,CAC/C,EAChBC,QAAQ,iBAAIxB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC6B,KAAK;QAACC,OAAO,EAAER;MAAQ,EAAG,CAClC;IAEnB;EAAC;EAAA,OAAArB,WAAA;AAAA,EApBuB8B,eAAS;AAAA,IAAAC,gBAAA,aAA7B/B,WAAW,iBACM,aAAa;AAAA,IAAA+B,gBAAA,aAD9B/B,WAAW,kBAGO;EACpBgC,KAAK,EAAE;AACT,CAAC;AAAA,IAAAC,QAAA,GAkBY,IAAAC,gBAAe,EAAClC,WAAW,CAAC;AAAAmC,OAAA,cAAAF,QAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n FadeInOutProps & {\n /** Property for managing visibility of Notice */\n hidden?: boolean;\n /** Notice type\n * @deprecated since version ^4.1.0\n */\n use?: NoticeUse;\n /**\n * Notice theme\n * @default info\n */\n theme?: NoticeTheme;\n /** Duration of animation, ms\n * @default 250\n */\n duration?: number;\n locale?: string;\n };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n /**\n * A custom element for additional information\n */\n label?: React.ReactNode;\n /**\n * Custom action element\n */\n actions?: React.ReactNode;\n /**\n * Adds a Close icon\n */\n closable?: boolean;\n /**\n * Callback on a click on the close button\n */\n onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n Label: Intergalactic.Component<'div', NoticeLabelProps>;\n Actions: typeof Box;\n Content: typeof Box;\n CloseIcon: typeof Button;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n FadeInOutProps & {\n /** Property for managing visibility of Notice */\n hidden?: boolean;\n /** Notice type\n * @deprecated since version ^4.1.0\n */\n use?: NoticeUse;\n /**\n * Notice theme\n * @default info\n */\n theme?: NoticeTheme;\n /** Duration of animation, ms\n * @default 250\n */\n duration?: number;\n locale?: string;\n };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n /**\n * A custom element for additional information\n */\n label?: React.ReactNode;\n /**\n * Custom action element\n */\n actions?: React.ReactNode;\n /**\n * Adds a Close icon\n */\n closable?: boolean;\n /**\n * Callback on a click on the close button\n */\n onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n Label: Intergalactic.Component<'div', NoticeLabelProps>;\n Actions: typeof Box;\n Content: typeof Box;\n /**\n * @deprecated Use Notice.Close instead of Notice.CloseIcon\n */\n CloseIcon: Intergalactic.Component<'div', IconProps>;\n Close: typeof Button;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}
|
package/notice/lib/es6/Notice.js
CHANGED
@@ -5,6 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
7
7
|
import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
|
8
|
+
import { assignProps as _assignProps6 } from 'intergalactic/core';
|
8
9
|
import { assignProps as _assignProps5 } from 'intergalactic/core';
|
9
10
|
import { assignProps as _assignProps4 } from 'intergalactic/core';
|
10
11
|
import { assignProps as _assignProps3 } from 'intergalactic/core';
|
@@ -14,7 +15,7 @@ import React from 'react';
|
|
14
15
|
import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
|
15
16
|
import { Box } from 'intergalactic/flex-box';
|
16
17
|
import Button from 'intergalactic/button';
|
17
|
-
import
|
18
|
+
import CloseIconM from 'intergalactic/icon/Close/m';
|
18
19
|
import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
|
19
20
|
import { FadeInOut } from 'intergalactic/animation';
|
20
21
|
import logger from 'intergalactic/utils/lib/logger';
|
@@ -67,11 +68,19 @@ var RootNotice = /*#__PURE__*/function (_Component) {
|
|
67
68
|
getI18nText: getI18nText
|
68
69
|
};
|
69
70
|
}
|
71
|
+
}, {
|
72
|
+
key: "getCloseProps",
|
73
|
+
value: function getCloseProps() {
|
74
|
+
var getI18nText = this.asProps.getI18nText;
|
75
|
+
return {
|
76
|
+
getI18nText: getI18nText
|
77
|
+
};
|
78
|
+
}
|
70
79
|
}, {
|
71
80
|
key: "render",
|
72
81
|
value: function render() {
|
73
82
|
var _ref = this.asProps,
|
74
|
-
|
83
|
+
_ref7;
|
75
84
|
var SNotice = FadeInOut;
|
76
85
|
var _this$asProps2 = this.asProps,
|
77
86
|
Children = _this$asProps2.Children,
|
@@ -92,14 +101,14 @@ var RootNotice = /*#__PURE__*/function (_Component) {
|
|
92
101
|
logger.warn(true, "Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead", RootNotice.displayName);
|
93
102
|
return /*#__PURE__*/React.createElement(NoticeGlobal, this.asProps);
|
94
103
|
}
|
95
|
-
return
|
104
|
+
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SNotice, _ref7.cn("SNotice", _objectSpread({}, _assignProps({
|
96
105
|
"visible": !hidden,
|
97
106
|
"use:theme": useTheme,
|
98
107
|
"backgroundColor": color,
|
99
108
|
"role": 'region',
|
100
109
|
"aria-live": ariaLive,
|
101
110
|
"aria-label": getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')
|
102
|
-
}, _ref))), /*#__PURE__*/React.createElement(Children,
|
111
|
+
}, _ref))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
|
103
112
|
}
|
104
113
|
}]);
|
105
114
|
return RootNotice;
|
@@ -117,51 +126,64 @@ _defineProperty(RootNotice, "defaultProps", {
|
|
117
126
|
i18n: localizedMessages,
|
118
127
|
locale: 'en'
|
119
128
|
});
|
120
|
-
function Label(
|
129
|
+
function Label(_ref13) {
|
121
130
|
var _ref2 = arguments[0],
|
122
|
-
|
123
|
-
var styles =
|
124
|
-
theme =
|
125
|
-
resolveColor =
|
131
|
+
_ref8;
|
132
|
+
var styles = _ref13.styles,
|
133
|
+
theme = _ref13.theme,
|
134
|
+
resolveColor = _ref13.resolveColor;
|
126
135
|
var SLabel = Box;
|
127
136
|
var useTheme = isCustomTheme(theme) ? 'custom' : theme;
|
128
137
|
var color = resolveColor(theme);
|
129
|
-
return
|
138
|
+
return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref8.cn("SLabel", _objectSpread({}, _assignProps2({
|
130
139
|
"use:theme": useTheme,
|
131
140
|
"color": color
|
132
141
|
}, _ref2))));
|
133
142
|
}
|
134
|
-
function Actions(
|
143
|
+
function Actions(_ref14) {
|
135
144
|
var _ref3 = arguments[0],
|
136
|
-
|
137
|
-
var styles =
|
145
|
+
_ref9;
|
146
|
+
var styles = _ref14.styles;
|
138
147
|
var SActions = Box;
|
139
|
-
return
|
148
|
+
return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SActions, _ref9.cn("SActions", _objectSpread({}, _assignProps3({}, _ref3))));
|
140
149
|
}
|
141
|
-
function Content(
|
150
|
+
function Content(_ref15) {
|
142
151
|
var _ref4 = arguments[0],
|
143
|
-
|
144
|
-
var styles =
|
152
|
+
_ref10;
|
153
|
+
var styles = _ref15.styles;
|
145
154
|
var SContent = Box;
|
146
|
-
return
|
155
|
+
return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref10.cn("SContent", _objectSpread({}, _assignProps4({}, _ref4))));
|
147
156
|
}
|
148
|
-
function CloseIcon(
|
157
|
+
function CloseIcon(_ref16) {
|
149
158
|
var _ref5 = arguments[0],
|
150
|
-
|
151
|
-
var styles =
|
152
|
-
getI18nText =
|
159
|
+
_ref11;
|
160
|
+
var styles = _ref16.styles,
|
161
|
+
getI18nText = _ref16.getI18nText;
|
162
|
+
var SCloseIcon = Box;
|
163
|
+
return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref11.cn("SCloseIcon", _objectSpread({}, _assignProps5({
|
164
|
+
"tag": CloseIconM,
|
165
|
+
"interactive": true,
|
166
|
+
"aria-label": getI18nText('close')
|
167
|
+
}, _ref5))));
|
168
|
+
}
|
169
|
+
function Close(_ref17) {
|
170
|
+
var _ref6 = arguments[0],
|
171
|
+
_ref12;
|
172
|
+
var styles = _ref17.styles,
|
173
|
+
getI18nText = _ref17.getI18nText;
|
153
174
|
var SCloseIcon = Button;
|
154
|
-
return
|
155
|
-
"addonLeft":
|
175
|
+
return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref12.cn("SCloseIcon", _objectSpread({}, _assignProps6({
|
176
|
+
"addonLeft": CloseIconM,
|
156
177
|
"use": 'tertiary',
|
157
178
|
"theme": 'muted',
|
158
179
|
"aria-label": getI18nText('close')
|
159
|
-
},
|
180
|
+
}, _ref6))));
|
160
181
|
}
|
161
182
|
export default createComponent(RootNotice, {
|
162
183
|
Label: Label,
|
163
184
|
Actions: Actions,
|
164
185
|
Content: Content,
|
165
|
-
CloseIcon: CloseIcon
|
186
|
+
CloseIcon: CloseIcon,
|
187
|
+
Close: Close
|
166
188
|
});
|
167
189
|
//# sourceMappingURL=Notice.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Notice.js","names":["React","createComponent","Component","sstyled","Root","Box","Button","Close","resolveColorEnhance","FadeInOut","logger","NoticeGlobal","localizedMessages","i18nEnhance","cssVariableEnhance","style","_sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","render","_ref","_ref6","SNotice","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","ariaLive","undefined","warn","displayName","createElement","cn","_objectSpread","_assignProps","_defineProperty","variable","fallback","map","Number","parseInt","prop","i18n","locale","Label","_ref11","_ref2","arguments[0]","_ref7","SLabel","_assignProps2","Actions","_ref12","_ref3","_ref8","SActions","_assignProps3","Content","_ref13","_ref4","_ref9","SContent","_assignProps4","CloseIcon","_ref14","_ref5","_ref10","SCloseIcon","_assignProps5"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport Close from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n static displayName = 'Notice';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-popper',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n resolveColorEnhance(),\n ];\n static defaultProps = {\n theme: 'info',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getLabelProps() {\n const { theme, resolveColor } = this.asProps;\n\n return { theme, resolveColor };\n }\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNotice = Root;\n const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n const isAssertive = theme === 'danger' || theme === 'warning';\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n let ariaLive = isAssertive ? 'assertive' : 'polite';\n if (theme === 'neutral') {\n ariaLive = undefined;\n }\n\n if (use === 'primary') {\n logger.warn(\n true,\n `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n RootNotice.displayName,\n );\n return <NoticeGlobal {...this.asProps} />;\n }\n\n return sstyled(styles)(\n <SNotice\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-live={ariaLive}\n aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n >\n <Children />\n </SNotice>,\n );\n }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n const SLabel = Root;\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n const color = resolveColor(theme);\n return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Actions({ styles }) {\n const SActions = Root;\n return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon\n render={Button}\n addonLeft={Close}\n use='tertiary'\n theme='muted'\n aria-label={getI18nText('close')}\n />,\n );\n}\n\nexport default createComponent(RootNotice, {\n Label,\n Actions,\n Content,\n CloseIcon,\n});\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Notice.js","names":["React","createComponent","Component","sstyled","Root","Box","Button","CloseIconM","resolveColorEnhance","FadeInOut","logger","NoticeGlobal","localizedMessages","i18nEnhance","cssVariableEnhance","style","_sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref7","SNotice","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","ariaLive","undefined","warn","displayName","createElement","cn","_objectSpread","_assignProps","_defineProperty","variable","fallback","map","Number","parseInt","prop","i18n","locale","Label","_ref13","_ref2","arguments[0]","_ref8","SLabel","_assignProps2","Actions","_ref14","_ref3","_ref9","SActions","_assignProps3","Content","_ref15","_ref4","_ref10","SContent","_assignProps4","CloseIcon","_ref16","_ref5","_ref11","SCloseIcon","_assignProps5","Close","_ref17","_ref6","_ref12","_assignProps6"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n static displayName = 'Notice';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-popper',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n resolveColorEnhance(),\n ];\n static defaultProps = {\n theme: 'info',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getLabelProps() {\n const { theme, resolveColor } = this.asProps;\n\n return { theme, resolveColor };\n }\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNotice = Root;\n const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n const isAssertive = theme === 'danger' || theme === 'warning';\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n let ariaLive = isAssertive ? 'assertive' : 'polite';\n if (theme === 'neutral') {\n ariaLive = undefined;\n }\n\n if (use === 'primary') {\n logger.warn(\n true,\n `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n RootNotice.displayName,\n );\n return <NoticeGlobal {...this.asProps} />;\n }\n\n return sstyled(styles)(\n <SNotice\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-live={ariaLive}\n aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n >\n <Children />\n </SNotice>,\n );\n }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n const SLabel = Root;\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n const color = resolveColor(theme);\n return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Actions({ styles }) {\n const SActions = Root;\n return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n );\n}\n\nfunction Close({ styles, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon\n render={Button}\n addonLeft={CloseIconM}\n use='tertiary'\n theme='muted'\n aria-label={getI18nText('close')}\n />,\n );\n}\n\nexport default createComponent(RootNotice, {\n Label,\n Actions,\n Content,\n CloseIcon,\n Close,\n});\n"],"mappings":"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"}
|
@@ -26,7 +26,7 @@ var NoticeSmart = /*#__PURE__*/function (_Component) {
|
|
26
26
|
actions = _this$asProps.actions,
|
27
27
|
closable = _this$asProps.closable,
|
28
28
|
onClose = _this$asProps.onClose;
|
29
|
-
return /*#__PURE__*/React.createElement(SNoticeSmart, _assignProps({}, _ref), isNode(label) && /*#__PURE__*/React.createElement(Notice.Label, null, label), /*#__PURE__*/React.createElement(Notice.Content, null, /*#__PURE__*/React.createElement(Children, null), isNode(actions) && /*#__PURE__*/React.createElement(Notice.Actions, null, actions)), closable && /*#__PURE__*/React.createElement(Notice.
|
29
|
+
return /*#__PURE__*/React.createElement(SNoticeSmart, _assignProps({}, _ref), isNode(label) && /*#__PURE__*/React.createElement(Notice.Label, null, label), /*#__PURE__*/React.createElement(Notice.Content, null, /*#__PURE__*/React.createElement(Children, null), isNode(actions) && /*#__PURE__*/React.createElement(Notice.Actions, null, actions)), closable && /*#__PURE__*/React.createElement(Notice.Close, {
|
30
30
|
onClick: onClose
|
31
31
|
}));
|
32
32
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NoticeSmart.js","names":["React","createComponent","Component","Root","isNode","Notice","NoticeSmart","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","SNoticeSmart","_this$asProps","Children","label","actions","closable","onClose","createElement","_assignProps","Label","Content","Actions","
|
1
|
+
{"version":3,"file":"NoticeSmart.js","names":["React","createComponent","Component","Root","isNode","Notice","NoticeSmart","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","SNoticeSmart","_this$asProps","Children","label","actions","closable","onClose","createElement","_assignProps","Label","Content","Actions","Close","onClick","_defineProperty","theme"],"sources":["../../src/NoticeSmart.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\nimport Notice from './Notice';\n\nclass NoticeSmart extends Component {\n static displayName = 'NoticeSmart';\n\n static defaultProps = {\n theme: 'info',\n };\n\n render() {\n const SNoticeSmart = Root;\n const { Children, label, actions, closable, onClose } = this.asProps;\n return (\n <SNoticeSmart render={Notice}>\n {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n <Notice.Content>\n <Children />\n {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n </Notice.Content>\n {closable && <Notice.Close onClick={onClose} />}\n </SNoticeSmart>\n );\n }\n}\n\nexport default createComponent(NoticeSmart);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,QAAQ,eAAe;AAChE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,MAAM,MAAM,UAAU;AAAC,IAExBC,WAAW,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAAK,eAAA,OAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAOf,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,IAAMC,YAAY,GAGMf,MAAM;MAF9B,IAAAgB,aAAA,GAAwD,IAAI,CAACF,OAAO;QAA5DG,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;MACnD,oBACE1B,KAAA,CAAA2B,aAAA,CAACP,YAAY,EAAAQ,YAAA,KAAAV,IAAA,GACVd,MAAM,CAACmB,KAAK,CAAC,iBAAIvB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAACwB,KAAK,QAAEN,KAAK,CAAgB,eACtDvB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAACyB,OAAO,qBACb9B,KAAA,CAAA2B,aAAA,CAACL,QAAQ,OAAG,EACXlB,MAAM,CAACoB,OAAO,CAAC,iBAAIxB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAAC0B,OAAO,QAAEP,OAAO,CAAkB,CAC/C,EAChBC,QAAQ,iBAAIzB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAAC2B,KAAK;QAACC,OAAO,EAAEP;MAAQ,EAAG,CAClC;IAEnB;EAAC;EAAA,OAAApB,WAAA;AAAA,EApBuBJ,SAAS;AAAAgC,eAAA,CAA7B5B,WAAW,iBACM,aAAa;AAAA4B,eAAA,CAD9B5B,WAAW,kBAGO;EACpB6B,KAAK,EAAE;AACT,CAAC;AAkBH,eAAelC,eAAe,CAACK,WAAW,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n FadeInOutProps & {\n /** Property for managing visibility of Notice */\n hidden?: boolean;\n /** Notice type\n * @deprecated since version ^4.1.0\n */\n use?: NoticeUse;\n /**\n * Notice theme\n * @default info\n */\n theme?: NoticeTheme;\n /** Duration of animation, ms\n * @default 250\n */\n duration?: number;\n locale?: string;\n };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n /**\n * A custom element for additional information\n */\n label?: React.ReactNode;\n /**\n * Custom action element\n */\n actions?: React.ReactNode;\n /**\n * Adds a Close icon\n */\n closable?: boolean;\n /**\n * Callback on a click on the close button\n */\n onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n Label: Intergalactic.Component<'div', NoticeLabelProps>;\n Actions: typeof Box;\n Content: typeof Box;\n CloseIcon: typeof Button;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n FadeInOutProps & {\n /** Property for managing visibility of Notice */\n hidden?: boolean;\n /** Notice type\n * @deprecated since version ^4.1.0\n */\n use?: NoticeUse;\n /**\n * Notice theme\n * @default info\n */\n theme?: NoticeTheme;\n /** Duration of animation, ms\n * @default 250\n */\n duration?: number;\n locale?: string;\n };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n /**\n * A custom element for additional information\n */\n label?: React.ReactNode;\n /**\n * Custom action element\n */\n actions?: React.ReactNode;\n /**\n * Adds a Close icon\n */\n closable?: boolean;\n /**\n * Callback on a click on the close button\n */\n onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n Label: Intergalactic.Component<'div', NoticeLabelProps>;\n Actions: typeof Box;\n Content: typeof Box;\n /**\n * @deprecated Use Notice.Close instead of Notice.CloseIcon\n */\n CloseIcon: Intergalactic.Component<'div', IconProps>;\n Close: typeof Button;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
|
2
2
|
import { Box, BoxProps } from 'intergalactic/flex-box';
|
3
3
|
import Button from 'intergalactic/button';
|
4
|
+
import { IconProps } from 'intergalactic/icon';
|
4
5
|
import { FadeInOutProps } from 'intergalactic/animation';
|
5
6
|
|
6
7
|
export type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';
|
@@ -65,7 +66,11 @@ declare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext>
|
|
65
66
|
Label: Intergalactic.Component<'div', NoticeLabelProps>;
|
66
67
|
Actions: typeof Box;
|
67
68
|
Content: typeof Box;
|
68
|
-
|
69
|
+
/**
|
70
|
+
* @deprecated Use Notice.Close instead of Notice.CloseIcon
|
71
|
+
*/
|
72
|
+
CloseIcon: Intergalactic.Component<'div', IconProps>;
|
73
|
+
Close: typeof Button;
|
69
74
|
};
|
70
75
|
|
71
76
|
declare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;
|
package/notice/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.39.0-prerelease.
|
1
|
+
{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.39.0-prerelease.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/animation":"2.31.2","@semcore/utils":"4.32.2","@semcore/button":"5.35.1","@semcore/flex-box":"5.31.2","@semcore/icon":"4.43.2","@semcore/notice-global":"2.48.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/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
package/package.json
CHANGED
package/time-picker/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/time-picker","description":"Semrush TimePicker Component","version":"4.47.3-prerelease.
|
1
|
+
{"name":"intergalactic/time-picker","description":"Semrush TimePicker Component","version":"4.47.3-prerelease.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/button":"5.35.1","@semcore/flex-box":"5.31.2","@semcore/input":"4.32.2","@semcore/select":"4.45.4","@semcore/utils":"4.32.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/time-picker"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
|