intergalactic 15.128.0 → 15.129.0-prerelease.0
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 +7 -0
- package/accordion/lib/cjs/Accordion.js +9 -9
- package/accordion/lib/es6/Accordion.js +9 -9
- package/accordion/lib/esm/Accordion.mjs +60 -60
- package/accordion/package.json +1 -1
- package/add-filter/package.json +1 -1
- package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
- 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 +18 -18
- 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/base-trigger/lib/esm/BaseTrigger.mjs +50 -50
- package/base-trigger/lib/esm/ButtonTrigger.mjs +20 -20
- package/base-trigger/lib/esm/FilterTrigger.mjs +79 -79
- package/base-trigger/lib/esm/LinkTrigger.mjs +44 -44
- package/base-trigger/package.json +1 -1
- package/breadcrumbs/lib/cjs/Breadcrumbs.js +8 -8
- package/breadcrumbs/lib/es6/Breadcrumbs.js +8 -8
- package/breadcrumbs/lib/esm/Breadcrumbs.mjs +41 -41
- package/breadcrumbs/package.json +1 -1
- package/bulk-textarea/lib/cjs/components/InputField/InputField.js +12 -12
- package/bulk-textarea/lib/es6/components/InputField/InputField.js +12 -12
- package/bulk-textarea/lib/esm/components/InputField/InputField.mjs +171 -171
- package/bulk-textarea/package.json +1 -1
- package/card/lib/cjs/Card.js +6 -6
- package/card/lib/es6/Card.js +6 -6
- package/card/lib/esm/Card.mjs +14 -14
- package/card/package.json +1 -1
- package/carousel/lib/cjs/Carousel.js +21 -21
- package/carousel/lib/es6/Carousel.js +21 -21
- package/carousel/lib/esm/Carousel.mjs +72 -72
- package/carousel/package.json +1 -1
- package/color-picker/lib/cjs/ColorPicker.js +24 -24
- package/color-picker/lib/cjs/PaletteManager.js +24 -24
- package/color-picker/lib/cjs/components/InputColor.js +24 -24
- package/color-picker/lib/es6/ColorPicker.js +24 -24
- package/color-picker/lib/es6/PaletteManager.js +24 -24
- package/color-picker/lib/es6/components/InputColor.js +24 -24
- package/color-picker/lib/esm/ColorPicker.mjs +70 -70
- package/color-picker/lib/esm/PaletteManager.mjs +53 -53
- package/color-picker/lib/esm/components/InputColor.mjs +64 -64
- package/color-picker/package.json +1 -1
- package/components.json +29 -29
- 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 +16 -16
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/CompactHorizontalBar.js +16 -16
- 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 +16 -16
- 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 +12 -12
- package/d3-chart/lib/cjs/Reference.js +12 -12
- 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 +16 -16
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/CompactHorizontalBar.js +16 -16
- 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 +16 -16
- 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 +12 -12
- package/d3-chart/lib/es6/Reference.js +12 -12
- 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/d3-chart/lib/esm/semcore/d3-chart/src/Area.mjs +68 -68
- package/d3-chart/lib/esm/semcore/d3-chart/src/Axis.mjs +154 -154
- package/d3-chart/lib/esm/semcore/d3-chart/src/Bar.mjs +62 -62
- package/d3-chart/lib/esm/semcore/d3-chart/src/Bubble.mjs +78 -78
- package/d3-chart/lib/esm/semcore/d3-chart/src/CompactHorizontalBar.mjs +99 -99
- package/d3-chart/lib/esm/semcore/d3-chart/src/Donut.mjs +129 -129
- package/d3-chart/lib/esm/semcore/d3-chart/src/Dots.mjs +35 -35
- package/d3-chart/lib/esm/semcore/d3-chart/src/HorizontalBar.mjs +54 -54
- package/d3-chart/lib/esm/semcore/d3-chart/src/Hover.mjs +17 -17
- package/d3-chart/lib/esm/semcore/d3-chart/src/Line.mjs +85 -85
- package/d3-chart/lib/esm/semcore/d3-chart/src/Plot.mjs +25 -25
- package/d3-chart/lib/esm/semcore/d3-chart/src/Radar.mjs +138 -138
- package/d3-chart/lib/esm/semcore/d3-chart/src/RadialTree.mjs +95 -95
- package/d3-chart/lib/esm/semcore/d3-chart/src/Reference.mjs +65 -65
- package/d3-chart/lib/esm/semcore/d3-chart/src/ScatterPlot.mjs +63 -63
- package/d3-chart/lib/esm/semcore/d3-chart/src/Tooltip.mjs +66 -66
- package/d3-chart/lib/esm/semcore/d3-chart/src/Venn.mjs +62 -62
- package/d3-chart/lib/esm/semcore/d3-chart/src/a11y/PlotA11yModule.mjs +31 -31
- package/d3-chart/lib/esm/semcore/d3-chart/src/a11y/PlotA11yView.mjs +33 -33
- package/d3-chart/lib/esm/semcore/d3-chart/src/component/ChartLegend/LegendFlex/LegendFlex.mjs +20 -20
- package/d3-chart/lib/esm/semcore/d3-chart/src/component/ChartLegend/LegendItem/LegendItem.mjs +101 -101
- package/d3-chart/lib/esm/semcore/d3-chart/src/component/ChartLegend/LegendTable/LegendTable.mjs +34 -34
- package/d3-chart/package.json +1 -1
- package/data-table/lib/cjs/Body.js +3 -3
- package/data-table/lib/cjs/DataTable.js +36 -36
- package/data-table/lib/es6/Body.js +3 -3
- package/data-table/lib/es6/DataTable.js +36 -36
- package/data-table/lib/esm/Body.mjs +69 -69
- package/data-table/lib/esm/DataTable.mjs +253 -253
- package/data-table/package.json +1 -1
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
- package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/es6/components/InputTrigger.js +29 -29
- package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
- package/date-picker/lib/esm/components/Calendar.mjs +151 -151
- package/date-picker/lib/esm/components/DateRangeComparatorAbstract.mjs +158 -158
- package/date-picker/lib/esm/components/InputTrigger.mjs +232 -232
- package/date-picker/lib/esm/components/PickerAbstract.mjs +89 -89
- package/date-picker/lib/esm/components/RangePickerAbstract.mjs +124 -124
- package/date-picker/package.json +1 -1
- package/drag-and-drop/lib/cjs/DragAndDrop.js +17 -17
- package/drag-and-drop/lib/es6/DragAndDrop.js +17 -17
- package/drag-and-drop/lib/esm/DragAndDrop.mjs +225 -225
- package/drag-and-drop/package.json +1 -1
- package/dropdown-menu/lib/cjs/DropdownMenu.js +18 -18
- package/dropdown-menu/lib/es6/DropdownMenu.js +18 -18
- package/dropdown-menu/lib/esm/DropdownMenu.mjs +143 -143
- package/dropdown-menu/package.json +1 -1
- package/feature-popover/lib/cjs/FeaturePopover.js +11 -11
- package/feature-popover/lib/es6/FeaturePopover.js +11 -11
- package/feature-popover/lib/esm/FeaturePopover.mjs +47 -47
- package/feature-popover/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 +2 -2
- package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +7 -7
- 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 +2 -2
- package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +7 -7
- package/feedback-form/lib/esm/FeedbackForm.mjs +51 -51
- package/feedback-form/lib/esm/component/checkbox-button/CheckboxButton.mjs +21 -21
- package/feedback-form/lib/esm/component/feedback-rating/FeedbackRating.mjs +41 -41
- package/feedback-form/lib/esm/component/slider-rating/SliderRating.mjs +75 -75
- package/feedback-form/package.json +1 -1
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/esm/FullscreenModal.mjs +44 -44
- package/fullscreen-modal/package.json +1 -1
- 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/MetaColored/l/index.js +4 -4
- package/icon/color/MetaColored/l/index.mjs +4 -4
- package/icon/color/MetaColored/m/index.js +4 -4
- package/icon/color/MetaColored/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/lib/esm/Icon.mjs +33 -33
- package/icon/package.json +1 -1
- 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/icon/platform/AIToolkit/index.d.ts +6 -0
- package/icon/platform/AIToolkit/index.js +36 -0
- package/icon/platform/AIToolkit/index.mjs +25 -0
- package/icon/platform/SEOToolkit/index.js +2 -2
- package/icon/platform/SEOToolkit/index.mjs +2 -2
- package/inline-input/lib/cjs/InlineInput.js +14 -14
- package/inline-input/lib/es6/InlineInput.js +14 -14
- package/inline-input/lib/esm/InlineInput.mjs +127 -127
- package/inline-input/package.json +1 -1
- package/modal/lib/cjs/Modal.js +8 -8
- package/modal/lib/es6/Modal.js +8 -8
- package/modal/lib/esm/Modal.mjs +96 -96
- package/modal/package.json +1 -1
- package/notice/lib/cjs/Notice.js +16 -16
- package/notice/lib/es6/Notice.js +16 -16
- package/notice/lib/esm/Notice.mjs +73 -73
- package/notice/package.json +1 -1
- package/notice-bubble/lib/cjs/NoticeBubble.js +15 -15
- package/notice-bubble/lib/es6/NoticeBubble.js +15 -15
- package/notice-bubble/lib/esm/NoticeBubble.mjs +123 -123
- package/notice-bubble/package.json +1 -1
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- package/notice-global/lib/esm/NoticeGlobal.mjs +49 -49
- package/notice-global/package.json +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +12 -12
- package/pagination/lib/es6/Pagination.js +12 -12
- package/pagination/lib/esm/Pagination.mjs +13 -13
- package/pagination/package.json +1 -1
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +8 -8
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +8 -8
- package/select/lib/esm/InputSearch.mjs +35 -35
- package/select/lib/esm/Select.mjs +60 -60
- package/select/package.json +1 -1
- package/side-panel/lib/cjs/SidePanel.js +16 -16
- package/side-panel/lib/es6/SidePanel.js +16 -16
- package/side-panel/lib/esm/SidePanel.mjs +56 -56
- package/side-panel/package.json +1 -1
- package/tag/lib/cjs/Tag.js +23 -23
- package/tag/lib/es6/Tag.js +23 -23
- package/tag/lib/esm/Tag.mjs +184 -184
- package/tag/package.json +1 -1
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/time-picker/lib/esm/TimePicker.mjs +93 -93
- package/time-picker/package.json +1 -1
- 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/typography/lib/esm/Blockquote.mjs +20 -20
- package/typography/lib/esm/Hint.mjs +19 -19
- package/typography/lib/esm/List.mjs +36 -36
- package/typography/lib/esm/Text.mjs +53 -53
- package/typography/package.json +1 -1
- package/wizard/lib/cjs/Wizard.js +12 -12
- package/wizard/lib/es6/Wizard.js +12 -12
- package/wizard/lib/esm/Wizard.mjs +94 -94
- package/wizard/package.json +1 -1
@@ -20,20 +20,20 @@ import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
|
|
20
20
|
import { Box, InvalidStateBox } from 'intergalactic/flex-box';
|
21
21
|
import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
|
22
22
|
/*__reshadow-styles__:"./style/inline-input.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SInlineInput": "
|
25
|
-
"_disabled": "
|
26
|
-
"__SUnderline": "
|
27
|
-
"__SAddon": "
|
28
|
-
"_focused": "
|
29
|
-
"_state_valid": "
|
30
|
-
"_state_invalid": "
|
31
|
-
"__SValue": "
|
32
|
-
"__SControls": "
|
33
|
-
"__SInvalidPattern": "
|
34
|
-
"__SConfirmIcon": "
|
35
|
-
"__SCancelIcon": "
|
36
|
-
"_type_number": "
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_yeczz_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_yeczz_gg_ .___SConfirmIcon_yeczz_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_yeczz_gg_ .___SConfirmIcon_yeczz_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_yeczz_gg_ .___SCancelIcon_yeczz_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_yeczz_gg_ .___SCancelIcon_yeczz_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_yeczz_gg_.__disabled_yeczz_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_yeczz_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_yeczz_gg_:focus{outline:0}.___SValue_yeczz_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_yeczz_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_yeczz_gg_.__disabled_yeczz_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_yeczz_gg_::-webkit-inner-spin-button,.___SValue_yeczz_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_yeczz_gg_._type_number_yeczz_gg_{-moz-appearance:textfield}.___SUnderline_yeczz_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_yeczz_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_yeczz_gg_.__disabled_yeczz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_yeczz_gg_.__focused_yeczz_gg_{z-index:1}.___SInlineInput_yeczz_gg_.__focused_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_yeczz_gg_._state_valid_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_yeczz_gg_._state_valid_yeczz_gg_.__focused_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_yeczz_gg_._state_invalid_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_yeczz_gg_._state_invalid_yeczz_gg_.__focused_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_yeczz_gg_:focus~.___SControls_yeczz_gg_{display:flex}.___SInvalidPattern_yeczz_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "yeczz_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SInlineInput": "___SInlineInput_yeczz_gg_",
|
25
|
+
"_disabled": "__disabled_yeczz_gg_",
|
26
|
+
"__SUnderline": "___SUnderline_yeczz_gg_",
|
27
|
+
"__SAddon": "___SAddon_yeczz_gg_",
|
28
|
+
"_focused": "__focused_yeczz_gg_",
|
29
|
+
"_state_valid": "_state_valid_yeczz_gg_",
|
30
|
+
"_state_invalid": "_state_invalid_yeczz_gg_",
|
31
|
+
"__SValue": "___SValue_yeczz_gg_",
|
32
|
+
"__SControls": "___SControls_yeczz_gg_",
|
33
|
+
"__SInvalidPattern": "___SInvalidPattern_yeczz_gg_",
|
34
|
+
"__SConfirmIcon": "___SConfirmIcon_yeczz_gg_",
|
35
|
+
"__SCancelIcon": "___SCancelIcon_yeczz_gg_",
|
36
|
+
"_type_number": "_type_number_yeczz_gg_"
|
37
37
|
});
|
38
38
|
import CheckM from 'intergalactic/icon/Check/m';
|
39
39
|
import CloseM from 'intergalactic/icon/Close/m';
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
1
|
+
import b from "@babel/runtime/helpers/esm/objectSpread2";
|
2
2
|
import R from "@babel/runtime/helpers/esm/classCallCheck";
|
3
3
|
import k from "@babel/runtime/helpers/esm/createClass";
|
4
4
|
import f from "@babel/runtime/helpers/esm/assertThisInitialized";
|
@@ -6,8 +6,8 @@ import E from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import $ from "@babel/runtime/helpers/esm/createSuper";
|
7
7
|
import s from "@babel/runtime/helpers/esm/defineProperty";
|
8
8
|
import { sstyled as H } from 'intergalactic/utils/lib/core/index';
|
9
|
-
import M, { sstyled as m, assignProps as
|
10
|
-
import
|
9
|
+
import M, { sstyled as m, assignProps as C, Component as V } from 'intergalactic/core';
|
10
|
+
import _ from "react";
|
11
11
|
import { Box as I, InvalidStateBox as K } from 'intergalactic/flex-box';
|
12
12
|
import N from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
|
13
13
|
import U from 'intergalactic/icon/Check/m';
|
@@ -22,88 +22,88 @@ var j = (
|
|
22
22
|
/*__reshadow_css_start__*/
|
23
23
|
(H.insert(
|
24
24
|
/*__inner_css_start__*/
|
25
|
-
".
|
26
|
-
"
|
25
|
+
".___SInlineInput_yeczz_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_yeczz_gg_ .___SConfirmIcon_yeczz_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_yeczz_gg_ .___SConfirmIcon_yeczz_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_yeczz_gg_ .___SCancelIcon_yeczz_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_yeczz_gg_ .___SCancelIcon_yeczz_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_yeczz_gg_.__disabled_yeczz_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_yeczz_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_yeczz_gg_:focus{outline:0}.___SValue_yeczz_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_yeczz_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_yeczz_gg_.__disabled_yeczz_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_yeczz_gg_::-webkit-inner-spin-button,.___SValue_yeczz_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_yeczz_gg_._type_number_yeczz_gg_{-moz-appearance:textfield}.___SUnderline_yeczz_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_yeczz_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_yeczz_gg_.__disabled_yeczz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_yeczz_gg_.__focused_yeczz_gg_{z-index:1}.___SInlineInput_yeczz_gg_.__focused_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_yeczz_gg_._state_valid_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_yeczz_gg_._state_valid_yeczz_gg_.__focused_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_yeczz_gg_._state_invalid_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_yeczz_gg_._state_invalid_yeczz_gg_.__focused_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_yeczz_gg_:focus~.___SControls_yeczz_gg_{display:flex}.___SInvalidPattern_yeczz_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}",
|
26
|
+
"yeczz_gg_"
|
27
27
|
), {
|
28
|
-
__SInlineInput: "
|
29
|
-
_disabled: "
|
30
|
-
__SUnderline: "
|
31
|
-
__SAddon: "
|
32
|
-
_focused: "
|
33
|
-
_state_valid: "
|
34
|
-
_state_invalid: "
|
35
|
-
__SValue: "
|
36
|
-
__SControls: "
|
37
|
-
__SInvalidPattern: "
|
38
|
-
__SConfirmIcon: "
|
39
|
-
__SCancelIcon: "
|
40
|
-
_type_number: "
|
28
|
+
__SInlineInput: "___SInlineInput_yeczz_gg_",
|
29
|
+
_disabled: "__disabled_yeczz_gg_",
|
30
|
+
__SUnderline: "___SUnderline_yeczz_gg_",
|
31
|
+
__SAddon: "___SAddon_yeczz_gg_",
|
32
|
+
_focused: "__focused_yeczz_gg_",
|
33
|
+
_state_valid: "_state_valid_yeczz_gg_",
|
34
|
+
_state_invalid: "_state_invalid_yeczz_gg_",
|
35
|
+
__SValue: "___SValue_yeczz_gg_",
|
36
|
+
__SControls: "___SControls_yeczz_gg_",
|
37
|
+
__SInvalidPattern: "___SInvalidPattern_yeczz_gg_",
|
38
|
+
__SConfirmIcon: "___SConfirmIcon_yeczz_gg_",
|
39
|
+
__SCancelIcon: "___SCancelIcon_yeczz_gg_",
|
40
|
+
_type_number: "_type_number_yeczz_gg_"
|
41
41
|
})
|
42
42
|
), O = function(n) {
|
43
|
-
var
|
44
|
-
return
|
43
|
+
var l = n.x, e = n.y, t = n.rect;
|
44
|
+
return l >= t.x && l <= t.x + t.width && e >= t.y && e <= t.y + t.height;
|
45
45
|
}, x = /* @__PURE__ */ function(p) {
|
46
|
-
E(
|
47
|
-
var n = $(
|
48
|
-
function
|
46
|
+
E(l, p);
|
47
|
+
var n = $(l);
|
48
|
+
function l() {
|
49
49
|
var e;
|
50
|
-
R(this,
|
51
|
-
for (var
|
52
|
-
|
53
|
-
return e = n.call.apply(n, [this].concat(
|
50
|
+
R(this, l);
|
51
|
+
for (var t = arguments.length, u = new Array(t), g = 0; g < t; g++)
|
52
|
+
u[g] = arguments[g];
|
53
|
+
return e = n.call.apply(n, [this].concat(u)), s(f(e), "state", {
|
54
54
|
focused: !1
|
55
|
-
}), s(f(e), "rootRef", /* @__PURE__ */
|
55
|
+
}), s(f(e), "rootRef", /* @__PURE__ */ _.createRef()), s(f(e), "inputRef", /* @__PURE__ */ _.createRef()), s(f(e), "inputHandlersRef", /* @__PURE__ */ _.createRef()), s(f(e), "initValue", ""), s(f(e), "lastMouseDownPosition", null), s(f(e), "lastHandledKeyboardEvent", -1), s(f(e), "handleDocumentMouseDown", function(r) {
|
56
56
|
e.lastMouseDownPosition = {
|
57
|
-
x:
|
58
|
-
y:
|
57
|
+
x: r.clientX,
|
58
|
+
y: r.clientY
|
59
59
|
}, e.lastHandledKeyboardEvent = -1;
|
60
60
|
}), s(f(e), "handleDocumentKeyDown", function() {
|
61
61
|
e.lastMouseDownPosition = null;
|
62
|
-
}), s(f(e), "increment", function(
|
63
|
-
var
|
64
|
-
((
|
65
|
-
}), s(f(e), "decrement", function(
|
66
|
-
var
|
67
|
-
((
|
68
|
-
}), s(f(e), "bindHandlerValueFocused", function(
|
62
|
+
}), s(f(e), "increment", function(r) {
|
63
|
+
var i, o, a, d, c;
|
64
|
+
((i = e.inputRef.current) === null || i === void 0 ? void 0 : i.value) === "" && (e.inputRef.current.value = e.inputRef.current.min || "0"), (o = e.inputRef.current) === null || o === void 0 || (a = o.stepUp) === null || a === void 0 || a.call(o, r), (d = e.inputHandlersRef.current) === null || d === void 0 || d.value((c = e.inputRef.current) === null || c === void 0 ? void 0 : c.value, r);
|
65
|
+
}), s(f(e), "decrement", function(r) {
|
66
|
+
var i, o, a, d, c;
|
67
|
+
((i = e.inputRef.current) === null || i === void 0 ? void 0 : i.value) === "" && (e.inputRef.current.value = e.inputRef.current.max || "0"), (o = e.inputRef.current) === null || o === void 0 || (a = o.stepDown) === null || a === void 0 || a.call(o, r), (d = e.inputHandlersRef.current) === null || d === void 0 || d.value((c = e.inputRef.current) === null || c === void 0 ? void 0 : c.value, r);
|
68
|
+
}), s(f(e), "bindHandlerValueFocused", function(r) {
|
69
69
|
return function() {
|
70
70
|
e.setState({
|
71
|
-
focused:
|
71
|
+
focused: r
|
72
72
|
});
|
73
73
|
};
|
74
|
-
}), s(f(e), "handleMouseDownAddon", function(
|
75
|
-
var
|
76
|
-
|
77
|
-
}), s(f(e), "handleConfirm", function(
|
78
|
-
var
|
79
|
-
(
|
80
|
-
}), s(f(e), "handleCancel", function(
|
81
|
-
var
|
82
|
-
(
|
83
|
-
}), s(f(e), "handleBlur", function(
|
84
|
-
var
|
85
|
-
if (
|
74
|
+
}), s(f(e), "handleMouseDownAddon", function(r) {
|
75
|
+
var i;
|
76
|
+
r.preventDefault(), (i = e.inputRef.current) === null || i === void 0 || i.focus();
|
77
|
+
}), s(f(e), "handleConfirm", function(r, i) {
|
78
|
+
var o, a;
|
79
|
+
(o = (a = e.asProps).onConfirm) === null || o === void 0 || o.call(a, r, i);
|
80
|
+
}), s(f(e), "handleCancel", function(r, i) {
|
81
|
+
var o, a;
|
82
|
+
(o = (a = e.asProps).onCancel) === null || o === void 0 || o.call(a, r, i);
|
83
|
+
}), s(f(e), "handleBlur", function(r) {
|
84
|
+
var i, o, a = e.asProps, d = a.onConfirm, c = a.onCancel, y = a.onBlurBehavior;
|
85
|
+
if (y && !(Date.now() - e.lastHandledKeyboardEvent < 250) && !L(r.relatedTarget, e.rootRef.current)) {
|
86
86
|
if (e.lastMouseDownPosition && e.rootRef.current) {
|
87
|
-
var
|
87
|
+
var S = e.lastMouseDownPosition, v = S.x, h = S.y, z = e.rootRef.current.getBoundingClientRect();
|
88
88
|
if (O({
|
89
89
|
x: v,
|
90
|
-
y,
|
91
|
-
rect:
|
90
|
+
y: h,
|
91
|
+
rect: z
|
92
92
|
}))
|
93
93
|
return;
|
94
94
|
}
|
95
|
-
|
95
|
+
y === "confirm" && (d == null || d((i = (o = e.inputRef.current) === null || o === void 0 ? void 0 : o.value) !== null && i !== void 0 ? i : "", r)), y === "cancel" && (c == null || c(e.initValue, r));
|
96
96
|
}
|
97
|
-
}), s(f(e), "handleKeyDown", function(
|
98
|
-
var
|
99
|
-
if (
|
100
|
-
var d,
|
101
|
-
|
97
|
+
}), s(f(e), "handleKeyDown", function(r) {
|
98
|
+
var i = e.asProps, o = i.onConfirm, a = i.onCancel;
|
99
|
+
if (r.key === "Enter") {
|
100
|
+
var d, c;
|
101
|
+
o == null || o((d = (c = e.inputRef.current) === null || c === void 0 ? void 0 : c.value) !== null && d !== void 0 ? d : "", r), e.lastHandledKeyboardEvent = Date.now();
|
102
102
|
}
|
103
|
-
|
103
|
+
r.key === "Escape" && (a == null || a(e.initValue, r), e.lastHandledKeyboardEvent = Date.now());
|
104
104
|
}), e;
|
105
105
|
}
|
106
|
-
return k(
|
106
|
+
return k(l, [{
|
107
107
|
key: "componentDidMount",
|
108
108
|
value: function() {
|
109
109
|
this.asProps.onBlurBehavior && (document.body.addEventListener("mousedown", this.handleDocumentMouseDown), document.body.addEventListener("keydown", this.handleDocumentKeyDown));
|
@@ -123,33 +123,33 @@ var j = (
|
|
123
123
|
}, {
|
124
124
|
key: "getConfirmControlProps",
|
125
125
|
value: function() {
|
126
|
-
var
|
126
|
+
var t, u = this.asProps, g = u.loading, r = u.getI18nText;
|
127
127
|
return {
|
128
|
-
value: (
|
128
|
+
value: (t = this.inputRef.current) === null || t === void 0 ? void 0 : t.value,
|
129
129
|
loading: g,
|
130
130
|
onConfirm: this.handleConfirm,
|
131
|
-
getI18nText:
|
131
|
+
getI18nText: r
|
132
132
|
};
|
133
133
|
}
|
134
134
|
}, {
|
135
135
|
key: "getCancelControlProps",
|
136
136
|
value: function() {
|
137
|
-
var
|
137
|
+
var t = this.asProps, u = t.loading, g = t.disabled, r = t.getI18nText;
|
138
138
|
return {
|
139
139
|
value: this.initValue,
|
140
140
|
// because double disabled(root disabled and addon disabled)
|
141
|
-
disabled:
|
141
|
+
disabled: u && !g,
|
142
142
|
onCancel: this.handleCancel,
|
143
|
-
getI18nText:
|
143
|
+
getI18nText: r
|
144
144
|
};
|
145
145
|
}
|
146
146
|
}, {
|
147
147
|
key: "getValueProps",
|
148
148
|
value: function() {
|
149
|
-
var
|
149
|
+
var t = this.asProps.state;
|
150
150
|
return {
|
151
151
|
ref: this.inputRef,
|
152
|
-
state:
|
152
|
+
state: t,
|
153
153
|
onKeyDown: this.handleKeyDown,
|
154
154
|
onFocus: this.bindHandlerValueFocused(!0),
|
155
155
|
onBlur: this.bindHandlerValueFocused(!1)
|
@@ -158,11 +158,11 @@ var j = (
|
|
158
158
|
}, {
|
159
159
|
key: "getNumberValueProps",
|
160
160
|
value: function() {
|
161
|
-
var
|
161
|
+
var t = new Intl.NumberFormat(this.asProps.locale, {
|
162
162
|
style: "decimal"
|
163
163
|
});
|
164
164
|
return {
|
165
|
-
numberFormatter:
|
165
|
+
numberFormatter: t,
|
166
166
|
inputRef: this.inputRef,
|
167
167
|
inputHandlerRefs: this.inputHandlersRef,
|
168
168
|
increment: this.increment,
|
@@ -174,24 +174,24 @@ var j = (
|
|
174
174
|
}, {
|
175
175
|
key: "getNumberControlsProps",
|
176
176
|
value: function() {
|
177
|
-
var
|
177
|
+
var t = this.asProps.getI18nText;
|
178
178
|
return {
|
179
179
|
increment: this.increment,
|
180
180
|
decrement: this.decrement,
|
181
|
-
getI18nText:
|
181
|
+
getI18nText: t
|
182
182
|
};
|
183
183
|
}
|
184
184
|
}, {
|
185
185
|
key: "render",
|
186
186
|
value: function() {
|
187
|
-
var
|
188
|
-
return
|
187
|
+
var t = this.asProps, u, g = I, r = "div", i = K, o = this.asProps, a = o.Children, d = o.styles, c = o.state, y = this.state.focused;
|
188
|
+
return u = m(d), /* @__PURE__ */ _.createElement(g, u.cn("SInlineInput", b({}, C({
|
189
189
|
ref: this.rootRef,
|
190
|
-
focused:
|
190
|
+
focused: y,
|
191
191
|
onBlur: this.handleBlur
|
192
|
-
},
|
192
|
+
}, t))), /* @__PURE__ */ _.createElement(r, u.cn("SUnderline", {}), c === "invalid" && /* @__PURE__ */ _.createElement(i, u.cn("SInvalidPattern", {})), /* @__PURE__ */ _.createElement(a, u.cn("Children", {}))));
|
193
193
|
}
|
194
|
-
}]),
|
194
|
+
}]), l;
|
195
195
|
}(V);
|
196
196
|
s(x, "displayName", "InlineInput");
|
197
197
|
s(x, "enhance", [T(B)]);
|
@@ -203,30 +203,30 @@ s(x, "defaultProps", {
|
|
203
203
|
});
|
204
204
|
s(x, "style", j);
|
205
205
|
var P = /* @__PURE__ */ function(p) {
|
206
|
-
E(
|
207
|
-
var n = $(
|
208
|
-
function
|
209
|
-
return R(this,
|
206
|
+
E(l, p);
|
207
|
+
var n = $(l);
|
208
|
+
function l() {
|
209
|
+
return R(this, l), n.apply(this, arguments);
|
210
210
|
}
|
211
|
-
return k(
|
211
|
+
return k(l, [{
|
212
212
|
key: "uncontrolledProps",
|
213
213
|
value: function() {
|
214
214
|
return {
|
215
|
-
value: function(
|
216
|
-
return
|
215
|
+
value: function(u) {
|
216
|
+
return u.target.value;
|
217
217
|
}
|
218
218
|
};
|
219
219
|
}
|
220
220
|
}, {
|
221
221
|
key: "render",
|
222
222
|
value: function() {
|
223
|
-
var
|
224
|
-
return
|
223
|
+
var t = this.asProps, u, g = I;
|
224
|
+
return u = m(this.asProps.styles), /* @__PURE__ */ _.createElement(g, u.cn("SValue", b({}, C({
|
225
225
|
tag: "input",
|
226
226
|
type: "text"
|
227
|
-
},
|
227
|
+
}, t))));
|
228
228
|
}
|
229
|
-
}]),
|
229
|
+
}]), l;
|
230
230
|
}(V);
|
231
231
|
s(P, "defaultProps", {
|
232
232
|
defaultValue: ""
|
@@ -234,61 +234,61 @@ s(P, "defaultProps", {
|
|
234
234
|
s(P, "enhance", [N()]);
|
235
235
|
s(P, "hoistProps", ["disabled"]);
|
236
236
|
var W = function(n) {
|
237
|
-
var
|
238
|
-
return e = m(n.styles), /* @__PURE__ */
|
237
|
+
var l = arguments[0], e, t = I;
|
238
|
+
return e = m(n.styles), /* @__PURE__ */ _.createElement(t, e.cn("SAddon", b({}, C({}, l))));
|
239
239
|
}, X = function(n) {
|
240
|
-
var
|
241
|
-
var
|
242
|
-
(
|
243
|
-
}, [n.onConfirm, n.value]), d =
|
244
|
-
(v.key === "Enter" || v.key === " ") && (v.preventDefault(), v.stopPropagation(),
|
245
|
-
}, [
|
240
|
+
var l = arguments[0], e, t, u, g = I, r = n.Children, i = n.children, o = (t = n.title) !== null && t !== void 0 ? t : n.getI18nText("confirm"), a = _.useCallback(function(v) {
|
241
|
+
var h, z;
|
242
|
+
(h = n.onConfirm) === null || h === void 0 || h.call(n, (z = n.value) !== null && z !== void 0 ? z : "", v);
|
243
|
+
}, [n.onConfirm, n.value]), d = _.useCallback(function(v) {
|
244
|
+
(v.key === "Enter" || v.key === " ") && (v.preventDefault(), v.stopPropagation(), a(v));
|
245
|
+
}, [a]);
|
246
246
|
if (n.loading) {
|
247
|
-
var
|
248
|
-
return
|
247
|
+
var c;
|
248
|
+
return c = m(n.styles), /* @__PURE__ */ _.createElement(g, c.cn("SAddon", b({}, C({}, l))), i ? /* @__PURE__ */ _.createElement(r, c.cn("Children", {})) : /* @__PURE__ */ _.createElement(F, c.cn("Spin", {
|
249
249
|
size: "xs"
|
250
250
|
})));
|
251
251
|
}
|
252
|
-
var
|
253
|
-
return e = m(n.styles), /* @__PURE__ */
|
252
|
+
var y = m(n.styles), S = y.cn("SConfirmIcon", {});
|
253
|
+
return e = m(n.styles), /* @__PURE__ */ _.createElement(g, e.cn("SAddon", b({}, C({
|
254
254
|
onKeyDown: d
|
255
|
-
},
|
256
|
-
addonLeft: (
|
255
|
+
}, l))), i ? /* @__PURE__ */ _.createElement(r, e.cn("Children", {})) : /* @__PURE__ */ _.createElement(D, e.cn("ButtonLink", {
|
256
|
+
addonLeft: (u = n.icon) !== null && u !== void 0 ? u : U,
|
257
257
|
use: "secondary",
|
258
|
-
onClick:
|
259
|
-
className:
|
260
|
-
style:
|
261
|
-
"aria-label":
|
258
|
+
onClick: a,
|
259
|
+
className: S.className,
|
260
|
+
style: S.style,
|
261
|
+
"aria-label": o
|
262
262
|
})));
|
263
263
|
}, Y = function(n) {
|
264
|
-
var
|
265
|
-
var
|
266
|
-
(
|
267
|
-
}, [n.onCancel, n.value]), d =
|
268
|
-
(v.key === "Enter" || v.key === " ") && (v.preventDefault(), v.stopPropagation(),
|
269
|
-
}, [
|
264
|
+
var l = arguments[0], e, t, u, g = I, r = n.Children, i = n.children, o = (t = n.title) !== null && t !== void 0 ? t : n.getI18nText("discard"), a = _.useCallback(function(v) {
|
265
|
+
var h, z;
|
266
|
+
(h = n.onCancel) === null || h === void 0 || h.call(n, (z = n.value) !== null && z !== void 0 ? z : "", v);
|
267
|
+
}, [n.onCancel, n.value]), d = _.useCallback(function(v) {
|
268
|
+
(v.key === "Enter" || v.key === " ") && (v.preventDefault(), v.stopPropagation(), a(v));
|
269
|
+
}, [a]);
|
270
270
|
if (n.disabled) {
|
271
|
-
var
|
272
|
-
return
|
271
|
+
var c;
|
272
|
+
return c = m(n.styles), /* @__PURE__ */ _.createElement(g, c.cn("SAddon", b({}, C({}, l))), i ? /* @__PURE__ */ _.createElement(r, c.cn("Children", {})) : /* @__PURE__ */ _.createElement(w, c.cn("CloseM", {})));
|
273
273
|
}
|
274
|
-
var
|
275
|
-
return e = m(n.styles), /* @__PURE__ */
|
274
|
+
var y = m(n.styles), S = y.cn("SCancelIcon", {});
|
275
|
+
return e = m(n.styles), /* @__PURE__ */ _.createElement(g, e.cn("SAddon", b({}, C({
|
276
276
|
onKeyDown: d
|
277
|
-
},
|
277
|
+
}, l))), i ? /* @__PURE__ */ _.createElement(r, e.cn("Children", {})) : /* @__PURE__ */ _.createElement(D, e.cn("ButtonLink", {
|
278
278
|
use: "secondary",
|
279
|
-
addonLeft: (
|
280
|
-
onClick:
|
281
|
-
className:
|
282
|
-
style:
|
283
|
-
"aria-label":
|
279
|
+
addonLeft: (u = n.icon) !== null && u !== void 0 ? u : w,
|
280
|
+
onClick: a,
|
281
|
+
className: S.className,
|
282
|
+
style: S.style,
|
283
|
+
"aria-label": o
|
284
284
|
})));
|
285
285
|
}, q = function(n) {
|
286
|
-
var
|
287
|
-
return e = m(n.styles), /* @__PURE__ */
|
286
|
+
var l = arguments[0], e, t = A.Value;
|
287
|
+
return e = m(n.styles), /* @__PURE__ */ _.createElement(t, e.cn("SValue", b({}, C({}, l))));
|
288
288
|
};
|
289
289
|
function G(p) {
|
290
|
-
var n = arguments[0],
|
291
|
-
return
|
290
|
+
var n = arguments[0], l, e = A.Controls;
|
291
|
+
return l = m(p.styles), /* @__PURE__ */ _.createElement(e, l.cn("SControls", b({}, C({
|
292
292
|
tag: J.Addon
|
293
293
|
}, n))));
|
294
294
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/inline-input","description":"Semrush Input Component","version":"4.
|
1
|
+
{"name":"intergalactic/inline-input","description":"Semrush Input Component","version":"4.48.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/flex-box":"5.41.2","@semcore/icon":"4.61.0-prerelease.0","@semcore/spin":"5.41.2","@semcore/tooltip":"6.49.2","@semcore/utils":"4.48.2","@semcore/input-number":"5.41.2","@semcore/input":"4.42.2","@semcore/core":"2.39.2","@semcore/button":"5.43.1"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/spin":"*","@semcore/tooltip":"*"},"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-input"}}
|
package/modal/lib/cjs/Modal.js
CHANGED
@@ -35,14 +35,14 @@ var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
|
|
35
35
|
var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
|
36
36
|
var _zIndexStacking = require("intergalactic/utils/lib/zIndexStacking");
|
37
37
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
38
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
39
|
-
"__SWindow": "
|
40
|
-
"_ghost": "
|
41
|
-
"__SOverlay": "
|
42
|
-
"__STitle": "
|
43
|
-
"_color": "
|
44
|
-
"--color": "--
|
45
|
-
"__SClose": "
|
38
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_wwtaj_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_wwtaj_gg_:focus{outline:0}.___SWindow_wwtaj_gg_ .___STitle_wwtaj_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_wwtaj_gg_ .___STitle_wwtaj_gg_.__color_wwtaj_gg_{color:var(--color_wwtaj)}.___SWindow_wwtaj_gg_ .___SClose_wwtaj_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_wwtaj_gg_ .___SClose_wwtaj_gg_.__ghost_wwtaj_gg_{right:0;top:0}.___SWindow_wwtaj_gg_.__ghost_wwtaj_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_wwtaj_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_wwtaj_gg_ .___SOverlay_wwtaj_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_wwtaj_gg_{min-width:60%}.___SOverlay_wwtaj_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "wwtaj_gg_") /*__reshadow_css_end__*/, {
|
39
|
+
"__SWindow": "___SWindow_wwtaj_gg_",
|
40
|
+
"_ghost": "__ghost_wwtaj_gg_",
|
41
|
+
"__SOverlay": "___SOverlay_wwtaj_gg_",
|
42
|
+
"__STitle": "___STitle_wwtaj_gg_",
|
43
|
+
"_color": "__color_wwtaj_gg_",
|
44
|
+
"--color": "--color_wwtaj",
|
45
|
+
"__SClose": "___SClose_wwtaj_gg_"
|
46
46
|
});
|
47
47
|
var ModalRoot = /*#__PURE__*/function (_Component) {
|
48
48
|
(0, _inherits2["default"])(ModalRoot, _Component);
|
package/modal/lib/es6/Modal.js
CHANGED
@@ -23,14 +23,14 @@ import usePreventScroll from 'intergalactic/utils/lib/use/usePreventScroll';
|
|
23
23
|
import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
|
24
24
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
25
25
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SWindow": "
|
28
|
-
"_ghost": "
|
29
|
-
"__SOverlay": "
|
30
|
-
"__STitle": "
|
31
|
-
"_color": "
|
32
|
-
"--color": "--
|
33
|
-
"__SClose": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_wwtaj_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_wwtaj_gg_:focus{outline:0}.___SWindow_wwtaj_gg_ .___STitle_wwtaj_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_wwtaj_gg_ .___STitle_wwtaj_gg_.__color_wwtaj_gg_{color:var(--color_wwtaj)}.___SWindow_wwtaj_gg_ .___SClose_wwtaj_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_wwtaj_gg_ .___SClose_wwtaj_gg_.__ghost_wwtaj_gg_{right:0;top:0}.___SWindow_wwtaj_gg_.__ghost_wwtaj_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_wwtaj_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_wwtaj_gg_ .___SOverlay_wwtaj_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_wwtaj_gg_{min-width:60%}.___SOverlay_wwtaj_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "wwtaj_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SWindow": "___SWindow_wwtaj_gg_",
|
28
|
+
"_ghost": "__ghost_wwtaj_gg_",
|
29
|
+
"__SOverlay": "___SOverlay_wwtaj_gg_",
|
30
|
+
"__STitle": "___STitle_wwtaj_gg_",
|
31
|
+
"_color": "__color_wwtaj_gg_",
|
32
|
+
"--color": "--color_wwtaj",
|
33
|
+
"__SClose": "___SClose_wwtaj_gg_"
|
34
34
|
});
|
35
35
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
36
36
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|