intergalactic 15.54.1 → 15.55.0-prerelease.0-prerelease-ed0bbc02
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 +44 -0
- package/accordion/lib/cjs/Accordion.js +7 -7
- package/accordion/lib/es6/Accordion.js +7 -7
- package/animation/lib/cjs/Animation.js +11 -11
- package/animation/lib/cjs/Collapse.js +28 -28
- package/animation/lib/cjs/FadeInOut.js +28 -28
- package/animation/lib/cjs/Scale.js +28 -28
- package/animation/lib/cjs/Slide.js +28 -28
- package/animation/lib/cjs/Transform.js +28 -28
- package/animation/lib/es6/Animation.js +11 -11
- package/animation/lib/es6/Collapse.js +28 -28
- package/animation/lib/es6/FadeInOut.js +28 -28
- package/animation/lib/es6/Scale.js +28 -28
- package/animation/lib/es6/Slide.js +28 -28
- package/animation/lib/es6/Transform.js +28 -28
- package/badge/lib/cjs/Badge.js +6 -6
- package/badge/lib/es6/Badge.js +6 -6
- package/base-trigger/lib/cjs/BaseTrigger.js +19 -20
- package/base-trigger/lib/cjs/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
- package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/BaseTrigger.js +20 -21
- package/base-trigger/lib/es6/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
- package/base-trigger/lib/es6/FilterTrigger.js +7 -7
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/breadcrumbs/lib/cjs/Breadcrumbs.js +6 -6
- package/breadcrumbs/lib/es6/Breadcrumbs.js +6 -6
- package/button/lib/cjs/Button.js +26 -26
- package/button/lib/es6/Button.js +26 -26
- package/card/lib/cjs/Card.js +8 -8
- package/card/lib/es6/Card.js +8 -8
- package/carousel/lib/cjs/Carousel.js +22 -18
- package/carousel/lib/cjs/Carousel.js.map +1 -1
- package/carousel/lib/cjs/style/carousel.shadow.css +5 -0
- package/carousel/lib/es6/Carousel.js +22 -18
- package/carousel/lib/es6/Carousel.js.map +1 -1
- package/carousel/lib/es6/style/carousel.shadow.css +5 -0
- package/checkbox/lib/cjs/Checkbox.js +25 -20
- package/checkbox/lib/cjs/Checkbox.js.map +1 -1
- package/checkbox/lib/cjs/style/checkbox.shadow.css +21 -14
- package/checkbox/lib/es6/Checkbox.js +26 -21
- package/checkbox/lib/es6/Checkbox.js.map +1 -1
- package/checkbox/lib/es6/style/checkbox.shadow.css +21 -14
- package/color-picker/lib/cjs/ColorPicker.js +23 -23
- package/color-picker/lib/cjs/PaletteManager.js +23 -23
- package/color-picker/lib/cjs/components/InputColor.js +23 -23
- package/color-picker/lib/es6/ColorPicker.js +23 -23
- package/color-picker/lib/es6/PaletteManager.js +23 -23
- package/color-picker/lib/es6/components/InputColor.js +23 -23
- package/counter/lib/cjs/Counter.js +10 -10
- package/counter/lib/es6/Counter.js +10 -10
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +10 -10
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +11 -11
- package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +10 -10
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +10 -10
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +11 -11
- package/d3-chart/lib/es6/ReferenceLine.js +9 -9
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/data-table/lib/cjs/Body.js +4 -4
- package/data-table/lib/cjs/DataTable.js +41 -41
- package/data-table/lib/cjs/Head.js +4 -4
- package/data-table/lib/es6/Body.js +4 -4
- package/data-table/lib/es6/DataTable.js +41 -41
- package/data-table/lib/es6/Head.js +4 -4
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +26 -26
- package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
- package/date-picker/lib/cjs/components/PickerAbstract.js +26 -26
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +26 -26
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +26 -26
- package/date-picker/lib/es6/components/InputTrigger.js +26 -26
- package/date-picker/lib/es6/components/PickerAbstract.js +26 -26
- package/date-picker/lib/es6/components/RangePickerAbstract.js +26 -26
- package/divider/lib/cjs/Divider.js +9 -9
- package/divider/lib/es6/Divider.js +9 -9
- package/dot/lib/cjs/Dot.js +10 -10
- package/dot/lib/es6/Dot.js +10 -10
- package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
- package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
- package/dropdown/lib/cjs/Dropdown.js +2 -2
- package/dropdown/lib/es6/Dropdown.js +2 -2
- package/dropdown-menu/lib/cjs/DropdownMenu.js +12 -12
- package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
- package/dropdown-menu/lib/es6/DropdownMenu.js +12 -12
- package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
- package/ellipsis/lib/cjs/Ellipsis.js +10 -10
- package/ellipsis/lib/es6/Ellipsis.js +10 -10
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
- package/feature-popover/lib/es6/FeaturePopover.js +10 -10
- package/feedback-form/lib/cjs/FeedbackForm.js +20 -10
- package/feedback-form/lib/cjs/FeedbackForm.js.map +1 -1
- package/feedback-form/lib/es6/FeedbackForm.js +20 -10
- package/feedback-form/lib/es6/FeedbackForm.js.map +1 -1
- package/flags/lib/cjs/Flags.js +3 -3
- package/flags/lib/cjs/Flags.js.map +1 -1
- package/flags/lib/es6/Flags.js +3 -3
- package/flags/lib/es6/Flags.js.map +1 -1
- package/flags/lib/sprites/sprite@1x.css +256 -256
- package/flags/lib/sprites/sprite@2x.css +257 -257
- package/flex-box/index.d.ts +1 -0
- package/flex-box/invalid-state-box/InvalidStateBox.d.ts +4 -0
- package/flex-box/lib/cjs/Box/useBox.js +3 -3
- package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
- package/flex-box/lib/cjs/index.js +9 -1
- package/flex-box/lib/cjs/index.js.map +1 -1
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +27 -0
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js.map +1 -0
- package/flex-box/lib/cjs/invalid-state-box/invalidStateBox.shadow.css +10 -0
- package/flex-box/lib/es6/Box/useBox.js +3 -3
- package/flex-box/lib/es6/Flex/useFlex.js +3 -3
- package/flex-box/lib/es6/index.js +1 -0
- package/flex-box/lib/es6/index.js.map +1 -1
- package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +19 -0
- package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js.map +1 -0
- package/flex-box/lib/es6/invalid-state-box/invalidStateBox.shadow.css +10 -0
- package/flex-box/lib/types/index.d.ts +1 -0
- package/flex-box/lib/types/invalid-state-box/InvalidStateBox.d.ts +4 -0
- package/format-text/lib/cjs/FormatText.js +5 -5
- package/format-text/lib/es6/FormatText.js +5 -5
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/grid/lib/cjs/Grid.js +114 -114
- package/grid/lib/es6/Grid.js +114 -114
- package/icon/color/Confluence/l/index.js +4 -4
- package/icon/color/Confluence/l/index.mjs +4 -4
- package/icon/color/Confluence/m/index.js +4 -4
- package/icon/color/Confluence/m/index.mjs +4 -4
- package/icon/color/MicrosoftOffice/l/index.js +10 -10
- package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
- package/icon/color/MicrosoftOffice/m/index.js +10 -10
- package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
- package/icon/lib/cjs/Icon.js +5 -5
- package/icon/lib/es6/Icon.js +5 -5
- package/icon/pay/Discover/l/index.js +1 -1
- package/icon/pay/Discover/l/index.mjs +1 -1
- package/icon/pay/Discover/m/index.js +1 -1
- package/icon/pay/Discover/m/index.mjs +1 -1
- package/icon/pay/JCB/l/index.js +10 -10
- package/icon/pay/JCB/l/index.mjs +10 -10
- package/icon/pay/JCB/m/index.js +10 -10
- package/icon/pay/JCB/m/index.mjs +10 -10
- package/icon/pay/Visa/l/index.js +2 -2
- package/icon/pay/Visa/l/index.mjs +2 -2
- package/icon/pay/Visa/m/index.js +2 -2
- package/icon/pay/Visa/m/index.mjs +2 -2
- package/illustration/lib/cjs/index.js +1 -1
- package/illustration/lib/cjs/index.js.map +1 -1
- package/illustration/lib/es6/index.js +1 -1
- package/illustration/lib/es6/index.js.map +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +4 -4
- package/inline-edit/lib/es6/InlineEdit.js +4 -4
- package/inline-input/lib/cjs/InlineInput.js +19 -20
- package/inline-input/lib/cjs/InlineInput.js.map +1 -1
- package/inline-input/lib/es6/InlineInput.js +20 -21
- package/inline-input/lib/es6/InlineInput.js.map +1 -1
- package/input/lib/cjs/Input.js +18 -19
- package/input/lib/cjs/Input.js.map +1 -1
- package/input/lib/es6/Input.js +19 -20
- package/input/lib/es6/Input.js.map +1 -1
- package/input-mask/lib/cjs/InputMask.js +6 -6
- package/input-mask/lib/es6/InputMask.js +6 -6
- package/input-number/lib/cjs/InputNumber.js +9 -9
- package/input-number/lib/es6/InputNumber.js +9 -9
- package/input-tags/lib/cjs/InputTags.js +12 -12
- package/input-tags/lib/es6/InputTags.js +12 -12
- package/link/lib/cjs/Link.js +12 -12
- package/link/lib/es6/Link.js +12 -12
- package/mini-chart/lib/cjs/component/score/Donut.js +9 -9
- package/mini-chart/lib/cjs/component/score/Line.js +17 -17
- package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
- package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
- package/mini-chart/lib/es6/component/score/Donut.js +9 -9
- package/mini-chart/lib/es6/component/score/Line.js +17 -17
- package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
- package/mini-chart/lib/es6/component/trend/Line.js +7 -7
- package/modal/lib/cjs/Modal.js +15 -9
- package/modal/lib/cjs/Modal.js.map +1 -1
- package/modal/lib/cjs/style/modal.shadow.css +5 -1
- package/modal/lib/es6/Modal.js +15 -9
- package/modal/lib/es6/Modal.js.map +1 -1
- package/modal/lib/es6/style/modal.shadow.css +5 -1
- package/notice/lib/cjs/Notice.js +13 -13
- package/notice/lib/es6/Notice.js +13 -13
- package/notice-bubble/lib/cjs/NoticeBubble.js +12 -12
- package/notice-bubble/lib/es6/NoticeBubble.js +12 -12
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- package/package.json +27 -2
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/pills/lib/cjs/Pills.js +13 -13
- package/pills/lib/es6/Pills.js +13 -13
- package/popper/lib/cjs/Popper.js +6 -6
- package/popper/lib/es6/Popper.js +6 -6
- package/product-head/lib/cjs/Info.js +4 -4
- package/product-head/lib/cjs/ProductHead.js +5 -5
- package/product-head/lib/cjs/Title.js +4 -4
- package/product-head/lib/es6/Info.js +4 -4
- package/product-head/lib/es6/ProductHead.js +5 -5
- package/product-head/lib/es6/Title.js +4 -4
- package/progress-bar/lib/cjs/ProgressBar.js +15 -15
- package/progress-bar/lib/es6/ProgressBar.js +15 -15
- package/radio/lib/cjs/Radio.js +23 -18
- package/radio/lib/cjs/Radio.js.map +1 -1
- package/radio/lib/cjs/style/radio.shadow.css +10 -5
- package/radio/lib/es6/Radio.js +24 -19
- package/radio/lib/es6/Radio.js.map +1 -1
- package/radio/lib/es6/style/radio.shadow.css +10 -5
- package/scroll-area/lib/cjs/ScrollArea.js +9 -9
- package/scroll-area/lib/cjs/ScrollBar.js +5 -5
- package/scroll-area/lib/es6/ScrollArea.js +9 -9
- package/scroll-area/lib/es6/ScrollBar.js +5 -5
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +7 -7
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +7 -7
- package/side-panel/lib/cjs/SidePanel.js +15 -15
- package/side-panel/lib/es6/SidePanel.js +15 -15
- package/skeleton/lib/cjs/Charts/Area.js +9 -9
- package/skeleton/lib/cjs/Charts/Bar.js +9 -9
- package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
- package/skeleton/lib/cjs/Charts/Donut.js +9 -9
- package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
- package/skeleton/lib/cjs/Charts/Line.js +9 -9
- package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
- package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/cjs/Charts/Venn.js +9 -9
- package/skeleton/lib/cjs/Skeleton.js +8 -8
- package/skeleton/lib/es6/Charts/Area.js +9 -9
- package/skeleton/lib/es6/Charts/Bar.js +9 -9
- package/skeleton/lib/es6/Charts/Bubble.js +9 -9
- package/skeleton/lib/es6/Charts/Donut.js +9 -9
- package/skeleton/lib/es6/Charts/Histogram.js +9 -9
- package/skeleton/lib/es6/Charts/Line.js +9 -9
- package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
- package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/es6/Charts/Venn.js +9 -9
- package/skeleton/lib/es6/Skeleton.js +8 -8
- package/slider/lib/cjs/Slider.js +7 -7
- package/slider/lib/es6/Slider.js +7 -7
- package/spin/lib/cjs/Spin.js +13 -13
- package/spin/lib/es6/Spin.js +13 -13
- package/spin-container/lib/cjs/SpinContainer.js +8 -8
- package/spin-container/lib/es6/SpinContainer.js +8 -8
- package/sticky/lib/cjs/Sticky.js +2 -2
- package/sticky/lib/es6/Sticky.js +2 -2
- package/switch/lib/cjs/Switch.js +21 -21
- package/switch/lib/es6/Switch.js +21 -21
- package/tab-line/lib/cjs/TabLine.js +13 -13
- package/tab-line/lib/es6/TabLine.js +13 -13
- package/tab-panel/lib/cjs/TabPanel.js +8 -8
- package/tab-panel/lib/es6/TabPanel.js +8 -8
- package/tag/lib/cjs/Tag.js +19 -19
- package/tag/lib/es6/Tag.js +19 -19
- package/textarea/lib/cjs/Textarea.js +8 -8
- package/textarea/lib/es6/Textarea.js +8 -8
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/tooltip/lib/cjs/Tooltip.js +6 -6
- package/tooltip/lib/es6/Tooltip.js +6 -6
- package/typography/lib/cjs/Blockquote.js +4 -4
- package/typography/lib/cjs/Hint.js +7 -7
- package/typography/lib/cjs/List.js +5 -5
- package/typography/lib/cjs/Text.js +34 -34
- package/typography/lib/es6/Blockquote.js +4 -4
- package/typography/lib/es6/Hint.js +7 -7
- package/typography/lib/es6/List.js +5 -5
- package/typography/lib/es6/Text.js +34 -34
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.d.ts +6 -0
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +8 -2
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js.map +1 -1
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +8 -2
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs.map +1 -1
- package/utils/lib/injectStyle.js +1 -1
- package/utils/lib/injectStyle.js.map +1 -1
- package/utils/lib/injectStyle.mjs +1 -1
- package/utils/lib/injectStyle.mjs.map +1 -1
- package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
- package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
- package/wizard/lib/cjs/Wizard.js +11 -11
- package/wizard/lib/es6/Wizard.js +11 -11
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FeedbackForm.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_button","_spinContainer","_tooltip","_notice","_flexBox","_pick","_uniqueID","_excluded","_excluded2","_excluded3","style","sstyled","insert","FeedbackForm","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createFocusDecorator","_createClass2","key","value","render","SFeedbackForm","Box","_this$asProps","asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties2","createElement","Form","_extends2","decorators","focusDecorator","api","_ref6","cn","undefined","submitting","_objectSpread2","handleSubmit","origin","Component","Field","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","TooltipProps","Item","_ref11","_ref","arguments[0]","tag","uid","props","tooltipProps","pick","ItemRoot","lastErrorRef","React","useRef","_ref12","_meta$error","input","meta","invalid","touched","inputProps","state","current","visible","active","placement","flip","fallbackPlacements","Trigger","inline","assignProps","Popper","id","ignorePortalsStacking","enhance","uniqueIDEnhancement","Success","_ref2","_ref7","SSuccess","SEmail","Submit","_ref3","_ref8","SSubmit","Button","Cancel","_ref4","_ref9","SCancel","Notice","_ref5","_ref10","_props$theme","_props$use","use","SNotice","NoticeSmart","_default","createComponent","exports"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n static displayName = 'FeedbackForm';\n static style = style;\n static FinalForm = {\n Field,\n Form,\n };\n\n static defaultProps = {\n onSubmit: () => {},\n };\n\n static validate = {\n description: (error) => (value = '') => {\n const words = value.split(/\\s+/);\n const symbols = words.join(' ');\n if (symbols.length < 10 || words.length < 3) {\n return error;\n }\n },\n email: (error) => (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n render() {\n const SFeedbackForm = Box;\n const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer\n background={background}\n theme={theme}\n size='xl'\n loading={loading === undefined ? api.submitting : loading}\n >\n <SFeedbackForm\n tag='form'\n noValidate\n method='POST'\n ref={forwardRef}\n {...other}\n onSubmit={api.handleSubmit}\n title='This is feedback'\n >\n {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n </SFeedbackForm>\n </SpinContainer>,\n )\n }\n </Form>\n );\n }\n}\n\nconst TooltipProps = [\n 'title',\n 'theme',\n 'strategy',\n 'modifiers',\n 'placement',\n 'interaction',\n 'timeout',\n 'visible',\n 'defaultVisible',\n 'onVisibleChange',\n 'offset',\n 'preventOverflow',\n 'arrow',\n 'flip',\n 'computeStyles',\n 'eventListeners',\n 'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n const tooltipProps = pick(props, TooltipProps);\n const ItemRoot = Root;\n\n const lastErrorRef = React.useRef(undefined);\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const invalid = meta.invalid && meta.touched;\n const inputProps = {\n ...input,\n state: invalid ? 'invalid' : 'normal',\n 'aria-invalid': invalid ? true : false,\n 'aria-errormessage': uid,\n };\n if (meta?.error) lastErrorRef.current = meta.error;\n\n return (\n <Tooltip\n visible={invalid && meta.active}\n theme='warning'\n placement='left'\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger inline={false}>\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper id={uid} ignorePortalsStacking>\n {meta.error ?? lastErrorRef.current}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nItem.enhance = [uniqueIDEnhancement()];\n\nfunction Success(props) {\n const { Children, styles } = props;\n const SSuccess = Root;\n const SEmail = 'div';\n\n return sstyled(styles)(\n <SSuccess render={Box}>\n <SEmail aria-hidden={true} />\n <span>\n <Children />\n </span>\n </SSuccess>,\n );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n\nfunction Cancel(props) {\n const { styles } = props;\n const SCancel = Root;\n return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n const { styles, theme = 'gray96', use = 'secondary' } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n Item,\n Success,\n Submit,\n Cancel,\n Notice,\n});\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"FeedbackForm.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_button","_spinContainer","_tooltip","_notice","_flexBox","_pick","_uniqueID","_excluded","_excluded2","_excluded3","style","sstyled","insert","FeedbackForm","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createFocusDecorator","_createClass2","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","Box","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties2","createElement","Form","_extends2","decorators","focusDecorator","api","_ref6","cn","undefined","submitting","_objectSpread2","handleSubmit","origin","Component","Field","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","TooltipProps","Item","_ref11","_ref","arguments[0]","tag","uid","props","tooltipProps","pick","ItemRoot","lastErrorRef","React","useRef","_ref12","_meta$error","input","meta","showError","submitFailed","invalid","touched","errorState","inputProps","state","current","visible","active","placement","flip","fallbackPlacements","Trigger","inline","assignProps","Popper","id","ignorePortalsStacking","enhance","uniqueIDEnhancement","Success","_ref2","_ref7","SSuccess","SEmail","Submit","_ref3","_ref8","SSubmit","Button","Cancel","_ref4","_ref9","SCancel","Notice","_ref5","_ref10","_props$theme","_props$use","use","SNotice","NoticeSmart","_default","createComponent","exports"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n static displayName = 'FeedbackForm';\n static style = style;\n static FinalForm = {\n Field,\n Form,\n };\n\n static defaultProps = {\n onSubmit: () => {},\n };\n\n static validate = {\n description: (error) => (value = '') => {\n const words = value.split(/\\s+/);\n const symbols = words.join(' ');\n if (symbols.length < 10 || words.length < 3) {\n return error;\n }\n },\n email: (error) => (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n getItemProps() {\n const { validateOnBlur } = this.asProps;\n\n return {\n validateOnBlur,\n };\n }\n\n render() {\n const SFeedbackForm = Box;\n const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer\n background={background}\n theme={theme}\n size='xl'\n loading={loading === undefined ? api.submitting : loading}\n >\n <SFeedbackForm\n tag='form'\n noValidate\n method='POST'\n ref={forwardRef}\n {...other}\n onSubmit={api.handleSubmit}\n title='This is feedback'\n >\n {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n </SFeedbackForm>\n </SpinContainer>,\n )\n }\n </Form>\n );\n }\n}\n\nconst TooltipProps = [\n 'title',\n 'theme',\n 'strategy',\n 'modifiers',\n 'placement',\n 'interaction',\n 'timeout',\n 'visible',\n 'defaultVisible',\n 'onVisibleChange',\n 'offset',\n 'preventOverflow',\n 'arrow',\n 'flip',\n 'computeStyles',\n 'eventListeners',\n 'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n const tooltipProps = pick(props, TooltipProps);\n const ItemRoot = Root;\n\n const lastErrorRef = React.useRef(undefined);\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n const invalid = meta.invalid && meta.touched;\n const errorState = showError && invalid;\n const inputProps = {\n ...input,\n state: errorState ? 'invalid' : 'normal',\n 'aria-invalid': errorState ? true : false,\n 'aria-errormessage': uid,\n };\n if (meta?.error) lastErrorRef.current = meta.error;\n\n return (\n <Tooltip\n visible={errorState && meta.active}\n theme='warning'\n placement='left'\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger inline={false}>\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper id={uid} ignorePortalsStacking>\n {meta.error ?? lastErrorRef.current}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nItem.enhance = [uniqueIDEnhancement()];\n\nfunction Success(props) {\n const { Children, styles } = props;\n const SSuccess = Root;\n const SEmail = 'div';\n\n return sstyled(styles)(\n <SSuccess render={Box}>\n <SEmail aria-hidden={true} />\n <span>\n <Children />\n </span>\n </SSuccess>,\n );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n\nfunction Cancel(props) {\n const { styles } = props;\n const SCancel = Root;\n return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n const { styles, theme = 'gray96', use = 'secondary' } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n Item,\n Success,\n Submit,\n Cancel,\n Notice,\n});\n"],"mappings":"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"}
|
@@ -28,13 +28,13 @@ import { Box } from 'intergalactic/flex-box';
|
|
28
28
|
import pick from 'intergalactic/utils/lib/pick';
|
29
29
|
import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
30
30
|
/*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SFeedbackForm": "
|
33
|
-
"__SSubmit": "
|
34
|
-
"__SCancel": "
|
35
|
-
"__SNotice": "
|
36
|
-
"__SSuccess": "
|
37
|
-
"__SEmail": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_13sq0_gg_{max-width:320px}.___SCancel_13sq0_gg_,.___SSubmit_13sq0_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_13sq0_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_13sq0_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_13sq0_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__*/, "13sq0_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SFeedbackForm": "___SFeedbackForm_13sq0_gg_",
|
33
|
+
"__SSubmit": "___SSubmit_13sq0_gg_",
|
34
|
+
"__SCancel": "___SCancel_13sq0_gg_",
|
35
|
+
"__SNotice": "___SNotice_13sq0_gg_",
|
36
|
+
"__SSuccess": "___SSuccess_13sq0_gg_",
|
37
|
+
"__SEmail": "___SEmail_13sq0_gg_"
|
38
38
|
});
|
39
39
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
40
40
|
_inherits(FeedbackForm, _Component);
|
@@ -50,6 +50,14 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
|
|
50
50
|
return _this;
|
51
51
|
}
|
52
52
|
_createClass(FeedbackForm, [{
|
53
|
+
key: "getItemProps",
|
54
|
+
value: function getItemProps() {
|
55
|
+
var validateOnBlur = this.asProps.validateOnBlur;
|
56
|
+
return {
|
57
|
+
validateOnBlur: validateOnBlur
|
58
|
+
};
|
59
|
+
}
|
60
|
+
}, {
|
53
61
|
key: "render",
|
54
62
|
value: function render() {
|
55
63
|
var SFeedbackForm = Box;
|
@@ -128,15 +136,17 @@ function Item(_ref11) {
|
|
128
136
|
var input = _ref12.input,
|
129
137
|
meta = _ref12.meta,
|
130
138
|
other = _objectWithoutProperties(_ref12, _excluded3);
|
139
|
+
var showError = other.validateOnBlur === false ? meta.submitFailed : true;
|
131
140
|
var invalid = meta.invalid && meta.touched;
|
141
|
+
var errorState = showError && invalid;
|
132
142
|
var inputProps = _objectSpread(_objectSpread({}, input), {}, {
|
133
|
-
state:
|
134
|
-
'aria-invalid':
|
143
|
+
state: errorState ? 'invalid' : 'normal',
|
144
|
+
'aria-invalid': errorState ? true : false,
|
135
145
|
'aria-errormessage': uid
|
136
146
|
});
|
137
147
|
if (meta !== null && meta !== void 0 && meta.error) lastErrorRef.current = meta.error;
|
138
148
|
return /*#__PURE__*/React.createElement(Tooltip, _extends({
|
139
|
-
visible:
|
149
|
+
visible: errorState && meta.active,
|
140
150
|
theme: "warning",
|
141
151
|
placement: "left",
|
142
152
|
flip: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","Tooltip","NoticeSmart","Box","pick","uniqueIDEnhancement","style","_sstyled","insert","FeedbackForm","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","render","SFeedbackForm","_this$asProps","asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref6","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","TooltipProps","Item","_ref11","_ref","arguments[0]","tag","uid","props","_excluded2","tooltipProps","ItemRoot","lastErrorRef","useRef","_ref12","_meta$error","input","meta","_excluded3","invalid","touched","inputProps","state","current","visible","active","placement","flip","fallbackPlacements","Trigger","inline","_assignProps","Popper","id","ignorePortalsStacking","enhance","Success","_ref2","_ref7","SSuccess","SEmail","_assignProps2","Submit","_ref3","_ref8","SSubmit","_assignProps3","Cancel","_ref4","_ref9","SCancel","_assignProps4","Notice","_ref5","_ref10","_props$theme","_props$use","use","SNotice","_assignProps5"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n static displayName = 'FeedbackForm';\n static style = style;\n static FinalForm = {\n Field,\n Form,\n };\n\n static defaultProps = {\n onSubmit: () => {},\n };\n\n static validate = {\n description: (error) => (value = '') => {\n const words = value.split(/\\s+/);\n const symbols = words.join(' ');\n if (symbols.length < 10 || words.length < 3) {\n return error;\n }\n },\n email: (error) => (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n render() {\n const SFeedbackForm = Box;\n const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer\n background={background}\n theme={theme}\n size='xl'\n loading={loading === undefined ? api.submitting : loading}\n >\n <SFeedbackForm\n tag='form'\n noValidate\n method='POST'\n ref={forwardRef}\n {...other}\n onSubmit={api.handleSubmit}\n title='This is feedback'\n >\n {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n </SFeedbackForm>\n </SpinContainer>,\n )\n }\n </Form>\n );\n }\n}\n\nconst TooltipProps = [\n 'title',\n 'theme',\n 'strategy',\n 'modifiers',\n 'placement',\n 'interaction',\n 'timeout',\n 'visible',\n 'defaultVisible',\n 'onVisibleChange',\n 'offset',\n 'preventOverflow',\n 'arrow',\n 'flip',\n 'computeStyles',\n 'eventListeners',\n 'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n const tooltipProps = pick(props, TooltipProps);\n const ItemRoot = Root;\n\n const lastErrorRef = React.useRef(undefined);\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const invalid = meta.invalid && meta.touched;\n const inputProps = {\n ...input,\n state: invalid ? 'invalid' : 'normal',\n 'aria-invalid': invalid ? true : false,\n 'aria-errormessage': uid,\n };\n if (meta?.error) lastErrorRef.current = meta.error;\n\n return (\n <Tooltip\n visible={invalid && meta.active}\n theme='warning'\n placement='left'\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger inline={false}>\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper id={uid} ignorePortalsStacking>\n {meta.error ?? lastErrorRef.current}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nItem.enhance = [uniqueIDEnhancement()];\n\nfunction Success(props) {\n const { Children, styles } = props;\n const SSuccess = Root;\n const SEmail = 'div';\n\n return sstyled(styles)(\n <SSuccess render={Box}>\n <SEmail aria-hidden={true} />\n <span>\n <Children />\n </span>\n </SSuccess>,\n );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n\nfunction Cancel(props) {\n const { styles } = props;\n const SCancel = Root;\n return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n const { styles, theme = 'gray96', use = 'secondary' } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n Item,\n Success,\n Submit,\n Cancel,\n Notice,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAC9C,OAAOC,oBAAoB,MAAM,kBAAkB;AAEnD,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,OAAO,MAAM,kBAAkB;AACtC,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,IAAI,MAAM,yBAAyB;AAC1C,OAAOC,mBAAmB,MAAM,6BAA6B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIxDC,YAAY,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,YAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,qBA2BCpB,oBAAoB,EAAE;IAAA,OAAAoB,KAAA;EAAA;EAAAa,YAAA,CAAAlB,YAAA;IAAAmB,GAAA;IAAAC,KAAA,EAEvC,SAAAC,OAAA,EAAS;MACP,IAAMC,aAAa,GAAG5B,GAAG;MACzB,IAAA6B,aAAA,GAA+E,IAAI,CAACC,OAAO;QAAnFC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;QAAEC,UAAU,GAAAJ,aAAA,CAAVI,UAAU;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;QAAEC,UAAU,GAAAN,aAAA,CAAVM,UAAU;QAAEC,KAAK,GAAAP,aAAA,CAALO,KAAK;QAAKC,KAAK,GAAAC,wBAAA,CAAAT,aAAA,EAAAU,SAAA;MAE1E,oBACEnD,KAAA,CAAAoD,aAAA,CAAClD,IAAI,EAAAmD,QAAA;QAACC,UAAU,EAAE,CAAC,IAAI,CAACC,cAAc;MAAE,GAAKN,KAAK,GAC/C,UAACO,GAAG;QAAA,IAAAC,KAAA;QAAA,OAAAA,KAAA,GACHnD,OAAO,CAACsC,MAAM,CAAC,eACb5C,KAAA,CAAAoD,aAAA,CAAC3C,aAAa,EAAAgD,KAAA,CAAAC,EAAA;UAAA,cACAX,UAAU;UAAA,SACfC,KAAK;UAAA,QACP,IAAI;UAAA,WACAF,OAAO,KAAKa,SAAS,GAAGH,GAAG,CAACI,UAAU,GAAGd;QAAO,iBAEzD9C,KAAA,CAAAoD,aAAA,CAACZ,aAAa,EAAAiB,KAAA,CAAAC,EAAA,kBAAAG,aAAA,CAAAA,aAAA;UAAA,OACR,MAAM;UAAA;UAAA,UAEH,MAAM;UAAA,OACRhB;QAAU,GACXI,KAAK;UAAA,YACCO,GAAG,CAACM,YAAY;UAAA,SACpB;QAAkB,KAEvB,OAAOnB,QAAQ,CAACoB,MAAM,KAAK,UAAU,GAAGpB,QAAQ,CAACoB,MAAM,CAACP,GAAG,CAAC,gBAAGxD,KAAA,CAAAoD,aAAA,CAACT,QAAQ,EAAAc,KAAA,CAAAC,EAAA,iBAAG,CAC9D,CACF;MAAA,CACjB,CAEE;IAEX;EAAC;EAAA,OAAAxC,YAAA;AAAA,EA3DwBb,SAAS;AAAA6B,eAAA,CAA9BhB,YAAY,iBACK,cAAc;AAAAgB,eAAA,CAD/BhB,YAAY,WAEDH,KAAK;AAAAmB,eAAA,CAFhBhB,YAAY,eAGG;EACjBjB,KAAK,EAALA,KAAK;EACLC,IAAI,EAAJA;AACF,CAAC;AAAAgC,eAAA,CANGhB,YAAY,kBAQM;EACpB8C,QAAQ,EAAE,SAAAA,SAAA,EAAM,CAAC;AACnB,CAAC;AAAA9B,eAAA,CAVGhB,YAAY,cAYE;EAChB+C,WAAW,EAAE,SAAAA,YAACC,KAAK;IAAA,OAAK,YAAgB;MAAA,IAAf5B,KAAK,GAAAZ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAiC,SAAA,GAAAjC,SAAA,MAAG,EAAE;MACjC,IAAMyC,KAAK,GAAG7B,KAAK,CAAC8B,KAAK,CAAC,KAAK,CAAC;MAChC,IAAMC,OAAO,GAAGF,KAAK,CAACG,IAAI,CAAC,GAAG,CAAC;MAC/B,IAAID,OAAO,CAAC1C,MAAM,GAAG,EAAE,IAAIwC,KAAK,CAACxC,MAAM,GAAG,CAAC,EAAE;QAC3C,OAAOuC,KAAK;MACd;IACF,CAAC;EAAA;EACDK,KAAK,EAAE,SAAAA,MAACL,KAAK;IAAA,OAAK,YAAgB;MAAA,IAAf5B,KAAK,GAAAZ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAiC,SAAA,GAAAjC,SAAA,MAAG,EAAE;MAC3B,IAAI,CAAC,YAAY,CAAC8C,IAAI,CAACC,MAAM,CAACnC,KAAK,CAAC,CAACoC,WAAW,EAAE,CAAC,EAAE;QACnD,OAAOR,KAAK;MACd;IACF,CAAC;EAAA;AACH,CAAC;AAqCH,IAAMS,YAAY,GAAG,CACnB,OAAO,EACP,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,eAAe,EACf,gBAAgB,EAChB,eAAe,CAChB;AAED,SAASC,IAAIA,CAAAC,MAAA,EAAmC;EAAA,IAAAC,IAAA,GAAAC,YAAA;EAAA,IAAhCpC,QAAQ,GAAAkC,MAAA,CAARlC,QAAQ;IAAEqC,GAAG,GAAAH,MAAA,CAAHG,GAAG;IAAEC,GAAG,GAAAJ,MAAA,CAAHI,GAAG;IAAKC,KAAK,GAAAhC,wBAAA,CAAA2B,MAAA,EAAAM,UAAA;EAC1C,IAAMC,YAAY,GAAGvE,IAAI,CAACqE,KAAK,EAAEP,YAAY,CAAC;EAC9C,IAAMU,QAAQ,GA2BwBL,GAAG;EAzBzC,IAAMM,YAAY,GAAGtF,KAAK,CAACuF,MAAM,CAAC5B,SAAS,CAAC;EAE5C,oBACE3D,KAAA,CAAAoD,aAAA,CAACnD,KAAK,EAAKiF,KAAK,EACb,UAAAM,MAAA,EAA+B;IAAA,IAAAC,WAAA;IAAA,IAA5BC,KAAK,GAAAF,MAAA,CAALE,KAAK;MAAEC,IAAI,GAAAH,MAAA,CAAJG,IAAI;MAAK1C,KAAK,GAAAC,wBAAA,CAAAsC,MAAA,EAAAI,UAAA;IACvB,IAAMC,OAAO,GAAGF,IAAI,CAACE,OAAO,IAAIF,IAAI,CAACG,OAAO;IAC5C,IAAMC,UAAU,GAAAlC,aAAA,CAAAA,aAAA,KACX6B,KAAK;MACRM,KAAK,EAAEH,OAAO,GAAG,SAAS,GAAG,QAAQ;MACrC,cAAc,EAAEA,OAAO,GAAG,IAAI,GAAG,KAAK;MACtC,mBAAmB,EAAEZ;IAAG,EACzB;IACD,IAAIU,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEzB,KAAK,EAAEoB,YAAY,CAACW,OAAO,GAAGN,IAAI,CAACzB,KAAK;IAElD,oBACElE,KAAA,CAAAoD,aAAA,CAAC1C,OAAO,EAAA2C,QAAA;MACN6C,OAAO,EAAEL,OAAO,IAAIF,IAAI,CAACQ,MAAO;MAChCnD,KAAK,EAAC,SAAS;MACfoD,SAAS,EAAC,MAAM;MAChBC,IAAI,EAAE;QACJC,kBAAkB,EAAE,CAAC,OAAO,EAAE,QAAQ;MACxC;IAAE,GACElB,YAAY,gBAEhBpF,KAAA,CAAAoD,aAAA,CAAC1C,OAAO,CAAC6F,OAAO;MAACC,MAAM,EAAE;IAAM,GAC5BxB,GAAG,iBAAIhF,KAAA,CAAAoD,aAAA,CAACiC,QAAQ,EAAAoB,YAAA,CAAA5C,aAAA,KAAkBkC,UAAU,GAAAjB,IAAA,EAAI,EAChD,OAAOnC,QAAQ,CAACoB,MAAM,KAAK,UAAU,IACpCpB,QAAQ,CAACoB,MAAM,CAAAF,aAAA;MACb6B,KAAK,EAAEK,UAAU;MACjBJ,IAAI,EAAJA;IAAI,GACD1C,KAAK,EACR,CACY,eAClBjD,KAAA,CAAAoD,aAAA,CAAC1C,OAAO,CAACgG,MAAM;MAACC,EAAE,EAAE1B,GAAI;MAAC2B,qBAAqB;IAAA,IAAAnB,WAAA,GAC3CE,IAAI,CAACzB,KAAK,cAAAuB,WAAA,cAAAA,WAAA,GAAIH,YAAY,CAACW,OAAO,CACpB,CACT;EAEd,CAAC,CACK;AAEZ;AACArB,IAAI,CAACiC,OAAO,GAAG,CAAC/F,mBAAmB,EAAE,CAAC;AAEtC,SAASgG,OAAOA,CAAC5B,KAAK,EAAE;EAAA,IAAA6B,KAAA,GAAAhC,YAAA;IAAAiC,KAAA;EACtB,IAAQrE,QAAQ,GAAauC,KAAK,CAA1BvC,QAAQ;IAAEC,MAAM,GAAKsC,KAAK,CAAhBtC,MAAM;EACxB,IAAMqE,QAAQ,GAIMrG,GAAG;EAHvB,IAAMsG,MAAM,GAAG,KAAK;EAEpB,OAAAF,KAAA,GAAO1G,OAAO,CAACsC,MAAM,CAAC,eACpB5C,KAAA,CAAAoD,aAAA,CAAC6D,QAAQ,EAAAD,KAAA,CAAAtD,EAAA,aAAAG,aAAA,KAAAsD,aAAA,KAAAJ,KAAA,kBACP/G,KAAA,CAAAoD,aAAA,CAAC8D,MAAM,EAAAF,KAAA,CAAAtD,EAAA;IAAA,eAAc;EAAI,GAAI,eAC7B1D,KAAA,CAAAoD,aAAA,SAAA4D,KAAA,CAAAtD,EAAA,2BACE1D,KAAA,CAAAoD,aAAA,CAACT,QAAQ,EAAAqE,KAAA,CAAAtD,EAAA,iBAAG,CACP,CACE;AAEf;AACA;AACAoD,OAAO,CAAC/F,KAAK,GAAGA,KAAK;AAErB,SAASqG,MAAMA,CAAClC,KAAK,EAAE;EAAA,IAAAmC,KAAA,GAAAtC,YAAA;IAAAuC,KAAA;EACrB,IAAQ1E,MAAM,GAAKsC,KAAK,CAAhBtC,MAAM;EACd,IAAM2E,OAAO,GAC2B/G,MAAM;EAA9C,OAAA8G,KAAA,GAAOhH,OAAO,CAACsC,MAAM,CAAC,eAAC5C,KAAA,CAAAoD,aAAA,CAACmE,OAAO,EAAAD,KAAA,CAAA5D,EAAA,YAAAG,aAAA,KAAA2D,aAAA;IAAA,QAAsB,QAAQ;IAAA,OAAK,SAAS;IAAA,SAAO;EAAS,GAAAH,KAAA,IAAG;AAChG;AAEA,SAASI,MAAMA,CAACvC,KAAK,EAAE;EAAA,IAAAwC,KAAA,GAAA3C,YAAA;IAAA4C,KAAA;EACrB,IAAQ/E,MAAM,GAAKsC,KAAK,CAAhBtC,MAAM;EACd,IAAMgF,OAAO,GAC2BpH,MAAM;EAA9C,OAAAmH,KAAA,GAAOrH,OAAO,CAACsC,MAAM,CAAC,eAAC5C,KAAA,CAAAoD,aAAA,CAACwE,OAAO,EAAAD,KAAA,CAAAjE,EAAA,YAAAG,aAAA,KAAAgE,aAAA;IAAA,QAAsB,OAAO;IAAA,OAAK,WAAW;IAAA,SAAO;EAAO,GAAAH,KAAA,IAAG;AAC/F;AAEA,SAASI,MAAMA,CAAC5C,KAAK,EAAE;EAAA,IAAA6C,KAAA,GAAAhD,YAAA;IAAAiD,MAAA;EACrB,IAAQpF,MAAM,GAA0CsC,KAAK,CAArDtC,MAAM;IAAAqF,YAAA,GAA0C/C,KAAK,CAA7ClC,KAAK;IAALA,KAAK,GAAAiF,YAAA,cAAG,QAAQ,GAAAA,YAAA;IAAAC,UAAA,GAAwBhD,KAAK,CAA3BiD,GAAG;IAAHA,GAAG,GAAAD,UAAA,cAAG,WAAW,GAAAA,UAAA;EACnD,IAAME,OAAO,GAC2BzH,WAAW;EAAnD,OAAAqH,MAAA,GAAO1H,OAAO,CAACsC,MAAM,CAAC,eAAC5C,KAAA,CAAAoD,aAAA,CAACgF,OAAO,EAAAJ,MAAA,CAAAtE,EAAA,YAAAG,aAAA,KAAAwE,aAAA;IAAA,SAA6BrF,KAAK;IAAA,OAAOmF;EAAG,GAAAJ,KAAA,IAAI;AACjF;AAEA,eAAe3H,eAAe,CAACc,YAAY,EAAE;EAC3C0D,IAAI,EAAJA,IAAI;EACJkC,OAAO,EAAPA,OAAO;EACPM,MAAM,EAANA,MAAM;EACNK,MAAM,EAANA,MAAM;EACNK,MAAM,EAANA;AACF,CAAC,CAAC"}
|
1
|
+
{"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","Tooltip","NoticeSmart","Box","pick","uniqueIDEnhancement","style","_sstyled","insert","FeedbackForm","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref6","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","TooltipProps","Item","_ref11","_ref","arguments[0]","tag","uid","props","_excluded2","tooltipProps","ItemRoot","lastErrorRef","useRef","_ref12","_meta$error","input","meta","_excluded3","showError","submitFailed","invalid","touched","errorState","inputProps","state","current","visible","active","placement","flip","fallbackPlacements","Trigger","inline","_assignProps","Popper","id","ignorePortalsStacking","enhance","Success","_ref2","_ref7","SSuccess","SEmail","_assignProps2","Submit","_ref3","_ref8","SSubmit","_assignProps3","Cancel","_ref4","_ref9","SCancel","_assignProps4","Notice","_ref5","_ref10","_props$theme","_props$use","use","SNotice","_assignProps5"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n static displayName = 'FeedbackForm';\n static style = style;\n static FinalForm = {\n Field,\n Form,\n };\n\n static defaultProps = {\n onSubmit: () => {},\n };\n\n static validate = {\n description: (error) => (value = '') => {\n const words = value.split(/\\s+/);\n const symbols = words.join(' ');\n if (symbols.length < 10 || words.length < 3) {\n return error;\n }\n },\n email: (error) => (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n getItemProps() {\n const { validateOnBlur } = this.asProps;\n\n return {\n validateOnBlur,\n };\n }\n\n render() {\n const SFeedbackForm = Box;\n const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer\n background={background}\n theme={theme}\n size='xl'\n loading={loading === undefined ? api.submitting : loading}\n >\n <SFeedbackForm\n tag='form'\n noValidate\n method='POST'\n ref={forwardRef}\n {...other}\n onSubmit={api.handleSubmit}\n title='This is feedback'\n >\n {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n </SFeedbackForm>\n </SpinContainer>,\n )\n }\n </Form>\n );\n }\n}\n\nconst TooltipProps = [\n 'title',\n 'theme',\n 'strategy',\n 'modifiers',\n 'placement',\n 'interaction',\n 'timeout',\n 'visible',\n 'defaultVisible',\n 'onVisibleChange',\n 'offset',\n 'preventOverflow',\n 'arrow',\n 'flip',\n 'computeStyles',\n 'eventListeners',\n 'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n const tooltipProps = pick(props, TooltipProps);\n const ItemRoot = Root;\n\n const lastErrorRef = React.useRef(undefined);\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n const invalid = meta.invalid && meta.touched;\n const errorState = showError && invalid;\n const inputProps = {\n ...input,\n state: errorState ? 'invalid' : 'normal',\n 'aria-invalid': errorState ? true : false,\n 'aria-errormessage': uid,\n };\n if (meta?.error) lastErrorRef.current = meta.error;\n\n return (\n <Tooltip\n visible={errorState && meta.active}\n theme='warning'\n placement='left'\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger inline={false}>\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper id={uid} ignorePortalsStacking>\n {meta.error ?? lastErrorRef.current}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nItem.enhance = [uniqueIDEnhancement()];\n\nfunction Success(props) {\n const { Children, styles } = props;\n const SSuccess = Root;\n const SEmail = 'div';\n\n return sstyled(styles)(\n <SSuccess render={Box}>\n <SEmail aria-hidden={true} />\n <span>\n <Children />\n </span>\n </SSuccess>,\n );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n\nfunction Cancel(props) {\n const { styles } = props;\n const SCancel = Root;\n return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n const { styles, theme = 'gray96', use = 'secondary' } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n Item,\n Success,\n Submit,\n Cancel,\n Notice,\n});\n"],"mappings":"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"}
|
package/flags/lib/cjs/Flags.js
CHANGED
@@ -18,8 +18,8 @@ var _isRetina = _interopRequireDefault(require("intergalactic/utils/lib/isRetina
|
|
18
18
|
var _countries = _interopRequireDefault(require("./countries.json"));
|
19
19
|
var _excluded = ["className"];
|
20
20
|
/*__reshadow-styles__:"./style/flags.shadow.css"*/
|
21
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__SFlags": "
|
21
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFlags_ki93p_gg_{position:relative;display:inline-block;width:16px;height:16px}.___SFlags_ki93p_gg_::after{content:\"\";position:absolute;top:3px;left:1px;display:block;width:14px;height:11px;background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);z-index:-1}.___SFlags_ki93p_gg_[data-capital-letters]{display:inline-flex;justify-content:center;align-items:center;background:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SFlags_ki93p_gg_[data-capital-letters]::before{content:attr(data-capital-letters);font-family:sans-serif;font-size:calc(var(--intergalactic-fs-50, 10px) - 2px);line-height:normal;font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "ki93p_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SFlags": "___SFlags_ki93p_gg_"
|
23
23
|
});
|
24
24
|
var iso2Name = _countries["default"].iso2Name;
|
25
25
|
exports.iso2Name = iso2Name;
|
@@ -27,7 +27,7 @@ var iso3iso2 = _countries["default"].iso3iso2;
|
|
27
27
|
|
28
28
|
// @ts-ignore
|
29
29
|
exports.iso3iso2 = iso3iso2;
|
30
|
-
var version = "4.18.
|
30
|
+
var version = "4.18.1-prerelease.1";
|
31
31
|
var versionForClassName = version.split('.').join('_');
|
32
32
|
var normalizeName = function normalizeName(name) {
|
33
33
|
if (!name) return name;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Flags.js","names":["_core","require","_react","_interopRequireDefault","_classnames","_flexBox","_canUseDOM","_isRetina","_countries","_excluded","styles","sstyled","insert","iso2Name","countries","exports","iso3iso2","version","versionForClassName","split","join","normalizeName","name","noExtensions","includes","slice","noApostrophe","noSpaces","noComas","toLowerCase","getCapitalLetters","iso2","iso3","addLinkStyleSprite","patch","canUseDOM","head","window","document","prevLink","querySelector","concat","link","createElement","classList","add","setAttribute","isRetina","appendChild","_addedStyle","calculateName","iso3Name","Object","fromEntries","entries","map","pair","allNames","_objectSpread2","toUpperCase","Flags","props","ref","_ref","_globalThis$__interga","_cn","_useBox","useBox","tag","_useBox2","_slicedToArray2","SFlags","_useBox2$","className","other","_objectWithoutProperties2","flagsBase","globalThis","__intergalacticFlagsBaseUrl","_props$staticPath","staticPath","countryName","capitalLetters","undefined","cn","_defineProperty2","displayName","_default","createBaseComponent"],"sources":["../../src/Flags.jsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport isRetina from '@semcore/utils/lib/isRetina';\nimport countries from './countries.json';\n\nimport styles from './style/flags.shadow.css';\n\nexport const iso2Name = countries.iso2Name;\nexport const iso3iso2 = countries.iso3iso2;\n\n// @ts-ignore\nconst version = preval`\n module.exports = require('../package.json').version\n`;\nconst versionForClassName = version.split('.').join('_');\n\nconst normalizeName = (name) => {\n if (!name) return name;\n const noExtensions = name.includes('.') ? name.split('.').slice(0, -1).join('.') : name;\n const noApostrophe = noExtensions.split(\"'\").join('');\n const noSpaces = noApostrophe.split(' ').join('-');\n const noComas = noSpaces.split(',').join('-');\n return noComas.toLowerCase();\n};\n\nfunction getCapitalLetters(iso2, iso3, name) {\n if (name) {\n return name;\n }\n if (iso2) {\n return iso2;\n }\n if (iso3) {\n return iso3.slice(0, 2);\n }\n return '__';\n}\n\nexport const addLinkStyleSprite = (patch) => {\n if (!canUseDOM()) return false;\n const head = window.document.head;\n const prevLink = head.querySelector(`._css-style-flags-${versionForClassName}`);\n\n if (!prevLink) {\n const link = document.createElement('link');\n link.classList.add(`_css-style-flags-${versionForClassName}`);\n link.setAttribute('rel', 'stylesheet');\n link.setAttribute('href', `${patch}/sprite@${isRetina() ? '2' : '1'}x.css`);\n document.head.appendChild(link);\n }\n\n return true;\n};\n\nlet _addedStyle = false;\n\nfunction calculateName(iso2, iso3, name) {\n const iso3Name = Object.fromEntries(\n Object.entries(iso3iso2).map((pair) => [pair[0], iso2Name[pair[1]]]),\n );\n const allNames = { ...iso2Name, ...iso3Name };\n if (name) return normalizeName(allNames[name.toUpperCase()]);\n if (iso2) return normalizeName(iso2Name[iso2.toUpperCase()]);\n if (iso3) return normalizeName(iso2Name[iso3iso2[iso3.toUpperCase()]]);\n return false;\n}\n\nfunction Flags(props, ref) {\n const [SFlags, { className, ...other }] = useBox(\n {\n tag: 'span',\n 'data-ui-name': 'Flags',\n ...props,\n },\n ref,\n );\n const flagsBase = globalThis?.__intergalacticFlagsBaseUrl ?? '//static.semrush.com/ui-kit/flags/';\n const { iso2, iso3, name, staticPath = `${flagsBase}${version}` } = props;\n\n if (!_addedStyle) {\n _addedStyle = addLinkStyleSprite(staticPath);\n }\n\n const countryName = calculateName(iso2, iso3, name);\n\n const capitalLetters = countryName ? undefined : getCapitalLetters(iso2, iso3, name);\n\n return sstyled(styles)(\n <SFlags\n className={cn(\n {\n [`flag-${versionForClassName}`]: countryName,\n [`flag-${countryName}-${versionForClassName}`]: countryName,\n },\n className,\n )}\n data-capital-letters={capitalLetters}\n aria-label={countryName || undefined}\n {...other}\n />,\n );\n}\n\nFlags.displayName = 'Flags';\n\nexport default createBaseComponent(Flags);\n"],"mappings":";;;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,SAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,UAAA,GAAAL,sBAAA,CAAAF,OAAA;AAAyC,IAAAQ,SAAA;AAAA;AAAA,IAAAC,MAAA,+BAAAV,KAAA,CAAAW,OAAA,CAAAC,MAAA;EAAA;AAAA;AAIlC,IAAMC,QAAQ,GAAGC,qBAAS,CAACD,QAAQ;AAACE,OAAA,CAAAF,QAAA,GAAAA,QAAA;AACpC,IAAMG,QAAQ,GAAGF,qBAAS,CAACE,QAAQ;;AAE1C;AAAAD,OAAA,CAAAC,QAAA,GAAAA,QAAA;AACA,IAAMC,OAAO,
|
1
|
+
{"version":3,"file":"Flags.js","names":["_core","require","_react","_interopRequireDefault","_classnames","_flexBox","_canUseDOM","_isRetina","_countries","_excluded","styles","sstyled","insert","iso2Name","countries","exports","iso3iso2","version","versionForClassName","split","join","normalizeName","name","noExtensions","includes","slice","noApostrophe","noSpaces","noComas","toLowerCase","getCapitalLetters","iso2","iso3","addLinkStyleSprite","patch","canUseDOM","head","window","document","prevLink","querySelector","concat","link","createElement","classList","add","setAttribute","isRetina","appendChild","_addedStyle","calculateName","iso3Name","Object","fromEntries","entries","map","pair","allNames","_objectSpread2","toUpperCase","Flags","props","ref","_ref","_globalThis$__interga","_cn","_useBox","useBox","tag","_useBox2","_slicedToArray2","SFlags","_useBox2$","className","other","_objectWithoutProperties2","flagsBase","globalThis","__intergalacticFlagsBaseUrl","_props$staticPath","staticPath","countryName","capitalLetters","undefined","cn","_defineProperty2","displayName","_default","createBaseComponent"],"sources":["../../src/Flags.jsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport isRetina from '@semcore/utils/lib/isRetina';\nimport countries from './countries.json';\n\nimport styles from './style/flags.shadow.css';\n\nexport const iso2Name = countries.iso2Name;\nexport const iso3iso2 = countries.iso3iso2;\n\n// @ts-ignore\nconst version = preval`\n module.exports = require('../package.json').version\n`;\nconst versionForClassName = version.split('.').join('_');\n\nconst normalizeName = (name) => {\n if (!name) return name;\n const noExtensions = name.includes('.') ? name.split('.').slice(0, -1).join('.') : name;\n const noApostrophe = noExtensions.split(\"'\").join('');\n const noSpaces = noApostrophe.split(' ').join('-');\n const noComas = noSpaces.split(',').join('-');\n return noComas.toLowerCase();\n};\n\nfunction getCapitalLetters(iso2, iso3, name) {\n if (name) {\n return name;\n }\n if (iso2) {\n return iso2;\n }\n if (iso3) {\n return iso3.slice(0, 2);\n }\n return '__';\n}\n\nexport const addLinkStyleSprite = (patch) => {\n if (!canUseDOM()) return false;\n const head = window.document.head;\n const prevLink = head.querySelector(`._css-style-flags-${versionForClassName}`);\n\n if (!prevLink) {\n const link = document.createElement('link');\n link.classList.add(`_css-style-flags-${versionForClassName}`);\n link.setAttribute('rel', 'stylesheet');\n link.setAttribute('href', `${patch}/sprite@${isRetina() ? '2' : '1'}x.css`);\n document.head.appendChild(link);\n }\n\n return true;\n};\n\nlet _addedStyle = false;\n\nfunction calculateName(iso2, iso3, name) {\n const iso3Name = Object.fromEntries(\n Object.entries(iso3iso2).map((pair) => [pair[0], iso2Name[pair[1]]]),\n );\n const allNames = { ...iso2Name, ...iso3Name };\n if (name) return normalizeName(allNames[name.toUpperCase()]);\n if (iso2) return normalizeName(iso2Name[iso2.toUpperCase()]);\n if (iso3) return normalizeName(iso2Name[iso3iso2[iso3.toUpperCase()]]);\n return false;\n}\n\nfunction Flags(props, ref) {\n const [SFlags, { className, ...other }] = useBox(\n {\n tag: 'span',\n 'data-ui-name': 'Flags',\n ...props,\n },\n ref,\n );\n const flagsBase = globalThis?.__intergalacticFlagsBaseUrl ?? '//static.semrush.com/ui-kit/flags/';\n const { iso2, iso3, name, staticPath = `${flagsBase}${version}` } = props;\n\n if (!_addedStyle) {\n _addedStyle = addLinkStyleSprite(staticPath);\n }\n\n const countryName = calculateName(iso2, iso3, name);\n\n const capitalLetters = countryName ? undefined : getCapitalLetters(iso2, iso3, name);\n\n return sstyled(styles)(\n <SFlags\n className={cn(\n {\n [`flag-${versionForClassName}`]: countryName,\n [`flag-${countryName}-${versionForClassName}`]: countryName,\n },\n className,\n )}\n data-capital-letters={capitalLetters}\n aria-label={countryName || undefined}\n {...other}\n />,\n );\n}\n\nFlags.displayName = 'Flags';\n\nexport default createBaseComponent(Flags);\n"],"mappings":"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"}
|
package/flags/lib/es6/Flags.js
CHANGED
@@ -12,14 +12,14 @@ import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
|
|
12
12
|
import isRetina from 'intergalactic/utils/lib/isRetina';
|
13
13
|
import countries from './countries.json';
|
14
14
|
/*__reshadow-styles__:"./style/flags.shadow.css"*/
|
15
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
16
|
-
"__SFlags": "
|
15
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFlags_ki93p_gg_{position:relative;display:inline-block;width:16px;height:16px}.___SFlags_ki93p_gg_::after{content:\"\";position:absolute;top:3px;left:1px;display:block;width:14px;height:11px;background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);z-index:-1}.___SFlags_ki93p_gg_[data-capital-letters]{display:inline-flex;justify-content:center;align-items:center;background:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SFlags_ki93p_gg_[data-capital-letters]::before{content:attr(data-capital-letters);font-family:sans-serif;font-size:calc(var(--intergalactic-fs-50, 10px) - 2px);line-height:normal;font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "ki93p_gg_") /*__reshadow_css_end__*/, {
|
16
|
+
"__SFlags": "___SFlags_ki93p_gg_"
|
17
17
|
});
|
18
18
|
export var iso2Name = countries.iso2Name;
|
19
19
|
export var iso3iso2 = countries.iso3iso2;
|
20
20
|
|
21
21
|
// @ts-ignore
|
22
|
-
var version = "4.18.
|
22
|
+
var version = "4.18.1-prerelease.1";
|
23
23
|
var versionForClassName = version.split('.').join('_');
|
24
24
|
var normalizeName = function normalizeName(name) {
|
25
25
|
if (!name) return name;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Flags.js","names":["React","cn","createBaseComponent","sstyled","useBox","canUseDOM","isRetina","countries","styles","_sstyled","insert","iso2Name","iso3iso2","version","versionForClassName","split","join","normalizeName","name","noExtensions","includes","slice","noApostrophe","noSpaces","noComas","toLowerCase","getCapitalLetters","iso2","iso3","addLinkStyleSprite","patch","head","window","document","prevLink","querySelector","concat","link","createElement","classList","add","setAttribute","appendChild","_addedStyle","calculateName","iso3Name","Object","fromEntries","entries","map","pair","allNames","_objectSpread","toUpperCase","Flags","props","ref","_ref","_globalThis$__interga","_cn","_useBox","tag","_useBox2","_slicedToArray","SFlags","_useBox2$","className","other","_objectWithoutProperties","_excluded","flagsBase","globalThis","__intergalacticFlagsBaseUrl","_props$staticPath","staticPath","countryName","capitalLetters","undefined","_defineProperty","displayName"],"sources":["../../src/Flags.jsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport isRetina from '@semcore/utils/lib/isRetina';\nimport countries from './countries.json';\n\nimport styles from './style/flags.shadow.css';\n\nexport const iso2Name = countries.iso2Name;\nexport const iso3iso2 = countries.iso3iso2;\n\n// @ts-ignore\nconst version = preval`\n module.exports = require('../package.json').version\n`;\nconst versionForClassName = version.split('.').join('_');\n\nconst normalizeName = (name) => {\n if (!name) return name;\n const noExtensions = name.includes('.') ? name.split('.').slice(0, -1).join('.') : name;\n const noApostrophe = noExtensions.split(\"'\").join('');\n const noSpaces = noApostrophe.split(' ').join('-');\n const noComas = noSpaces.split(',').join('-');\n return noComas.toLowerCase();\n};\n\nfunction getCapitalLetters(iso2, iso3, name) {\n if (name) {\n return name;\n }\n if (iso2) {\n return iso2;\n }\n if (iso3) {\n return iso3.slice(0, 2);\n }\n return '__';\n}\n\nexport const addLinkStyleSprite = (patch) => {\n if (!canUseDOM()) return false;\n const head = window.document.head;\n const prevLink = head.querySelector(`._css-style-flags-${versionForClassName}`);\n\n if (!prevLink) {\n const link = document.createElement('link');\n link.classList.add(`_css-style-flags-${versionForClassName}`);\n link.setAttribute('rel', 'stylesheet');\n link.setAttribute('href', `${patch}/sprite@${isRetina() ? '2' : '1'}x.css`);\n document.head.appendChild(link);\n }\n\n return true;\n};\n\nlet _addedStyle = false;\n\nfunction calculateName(iso2, iso3, name) {\n const iso3Name = Object.fromEntries(\n Object.entries(iso3iso2).map((pair) => [pair[0], iso2Name[pair[1]]]),\n );\n const allNames = { ...iso2Name, ...iso3Name };\n if (name) return normalizeName(allNames[name.toUpperCase()]);\n if (iso2) return normalizeName(iso2Name[iso2.toUpperCase()]);\n if (iso3) return normalizeName(iso2Name[iso3iso2[iso3.toUpperCase()]]);\n return false;\n}\n\nfunction Flags(props, ref) {\n const [SFlags, { className, ...other }] = useBox(\n {\n tag: 'span',\n 'data-ui-name': 'Flags',\n ...props,\n },\n ref,\n );\n const flagsBase = globalThis?.__intergalacticFlagsBaseUrl ?? '//static.semrush.com/ui-kit/flags/';\n const { iso2, iso3, name, staticPath = `${flagsBase}${version}` } = props;\n\n if (!_addedStyle) {\n _addedStyle = addLinkStyleSprite(staticPath);\n }\n\n const countryName = calculateName(iso2, iso3, name);\n\n const capitalLetters = countryName ? undefined : getCapitalLetters(iso2, iso3, name);\n\n return sstyled(styles)(\n <SFlags\n className={cn(\n {\n [`flag-${versionForClassName}`]: countryName,\n [`flag-${countryName}-${versionForClassName}`]: countryName,\n },\n className,\n )}\n data-capital-letters={capitalLetters}\n aria-label={countryName || undefined}\n {...other}\n />,\n );\n}\n\nFlags.displayName = 'Flags';\n\nexport default createBaseComponent(Flags);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,EAAE,MAAM,YAAY;AAC3B,SAASC,mBAAmB,EAAEC,OAAO,QAAQ,eAAe;AAC5D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,SAAS,MAAM,8BAA8B;AACpD,OAAOC,QAAQ,MAAM,6BAA6B;AAClD,OAAOC,SAAS,MAAM,kBAAkB;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;AAAA;AAIzC,OAAO,IAAMC,QAAQ,GAAGJ,SAAS,CAACI,QAAQ;AAC1C,OAAO,IAAMC,QAAQ,GAAGL,SAAS,CAACK,QAAQ;;AAE1C;AACA,IAAMC,OAAO,
|
1
|
+
{"version":3,"file":"Flags.js","names":["React","cn","createBaseComponent","sstyled","useBox","canUseDOM","isRetina","countries","styles","_sstyled","insert","iso2Name","iso3iso2","version","versionForClassName","split","join","normalizeName","name","noExtensions","includes","slice","noApostrophe","noSpaces","noComas","toLowerCase","getCapitalLetters","iso2","iso3","addLinkStyleSprite","patch","head","window","document","prevLink","querySelector","concat","link","createElement","classList","add","setAttribute","appendChild","_addedStyle","calculateName","iso3Name","Object","fromEntries","entries","map","pair","allNames","_objectSpread","toUpperCase","Flags","props","ref","_ref","_globalThis$__interga","_cn","_useBox","tag","_useBox2","_slicedToArray","SFlags","_useBox2$","className","other","_objectWithoutProperties","_excluded","flagsBase","globalThis","__intergalacticFlagsBaseUrl","_props$staticPath","staticPath","countryName","capitalLetters","undefined","_defineProperty","displayName"],"sources":["../../src/Flags.jsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport isRetina from '@semcore/utils/lib/isRetina';\nimport countries from './countries.json';\n\nimport styles from './style/flags.shadow.css';\n\nexport const iso2Name = countries.iso2Name;\nexport const iso3iso2 = countries.iso3iso2;\n\n// @ts-ignore\nconst version = preval`\n module.exports = require('../package.json').version\n`;\nconst versionForClassName = version.split('.').join('_');\n\nconst normalizeName = (name) => {\n if (!name) return name;\n const noExtensions = name.includes('.') ? name.split('.').slice(0, -1).join('.') : name;\n const noApostrophe = noExtensions.split(\"'\").join('');\n const noSpaces = noApostrophe.split(' ').join('-');\n const noComas = noSpaces.split(',').join('-');\n return noComas.toLowerCase();\n};\n\nfunction getCapitalLetters(iso2, iso3, name) {\n if (name) {\n return name;\n }\n if (iso2) {\n return iso2;\n }\n if (iso3) {\n return iso3.slice(0, 2);\n }\n return '__';\n}\n\nexport const addLinkStyleSprite = (patch) => {\n if (!canUseDOM()) return false;\n const head = window.document.head;\n const prevLink = head.querySelector(`._css-style-flags-${versionForClassName}`);\n\n if (!prevLink) {\n const link = document.createElement('link');\n link.classList.add(`_css-style-flags-${versionForClassName}`);\n link.setAttribute('rel', 'stylesheet');\n link.setAttribute('href', `${patch}/sprite@${isRetina() ? '2' : '1'}x.css`);\n document.head.appendChild(link);\n }\n\n return true;\n};\n\nlet _addedStyle = false;\n\nfunction calculateName(iso2, iso3, name) {\n const iso3Name = Object.fromEntries(\n Object.entries(iso3iso2).map((pair) => [pair[0], iso2Name[pair[1]]]),\n );\n const allNames = { ...iso2Name, ...iso3Name };\n if (name) return normalizeName(allNames[name.toUpperCase()]);\n if (iso2) return normalizeName(iso2Name[iso2.toUpperCase()]);\n if (iso3) return normalizeName(iso2Name[iso3iso2[iso3.toUpperCase()]]);\n return false;\n}\n\nfunction Flags(props, ref) {\n const [SFlags, { className, ...other }] = useBox(\n {\n tag: 'span',\n 'data-ui-name': 'Flags',\n ...props,\n },\n ref,\n );\n const flagsBase = globalThis?.__intergalacticFlagsBaseUrl ?? '//static.semrush.com/ui-kit/flags/';\n const { iso2, iso3, name, staticPath = `${flagsBase}${version}` } = props;\n\n if (!_addedStyle) {\n _addedStyle = addLinkStyleSprite(staticPath);\n }\n\n const countryName = calculateName(iso2, iso3, name);\n\n const capitalLetters = countryName ? undefined : getCapitalLetters(iso2, iso3, name);\n\n return sstyled(styles)(\n <SFlags\n className={cn(\n {\n [`flag-${versionForClassName}`]: countryName,\n [`flag-${countryName}-${versionForClassName}`]: countryName,\n },\n className,\n )}\n data-capital-letters={capitalLetters}\n aria-label={countryName || undefined}\n {...other}\n />,\n );\n}\n\nFlags.displayName = 'Flags';\n\nexport default createBaseComponent(Flags);\n"],"mappings":"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"}
|