intergalactic 15.126.1 → 15.127.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 +14 -0
- package/accordion/lib/cjs/Accordion.js +9 -9
- package/accordion/lib/es6/Accordion.js +9 -9
- package/accordion/lib/esm/Accordion.mjs +76 -76
- package/accordion/package.json +1 -1
- package/add-filter/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 +128 -128
- package/bulk-textarea/package.json +1 -1
- package/button/component/Button/Button.type.d.ts +6 -2
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js +1 -0
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/cjs/component/Button/Button.js +28 -27
- package/button/lib/cjs/component/Button/Button.js.map +1 -1
- package/button/lib/cjs/component/Button/Button.type.js.map +1 -1
- package/button/lib/cjs/component/Button/button.shadow.css +17 -1
- package/button/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/es6/component/AbstractButton/AbstractButton.js +1 -0
- package/button/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/es6/component/Button/Button.js +28 -27
- package/button/lib/es6/component/Button/Button.js.map +1 -1
- package/button/lib/es6/component/Button/Button.type.js.map +1 -1
- package/button/lib/es6/component/Button/button.shadow.css +17 -1
- package/button/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/esm/component/AbstractButton/AbstractButton.mjs +30 -30
- package/button/lib/esm/component/Button/Button.mjs +66 -65
- package/button/lib/esm/component/ButtonLink/ButtonLink.mjs +59 -59
- package/button/lib/types/component/Button/Button.type.d.ts +6 -2
- package/button/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 +46 -46
- 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 +177 -177
- 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 +73 -73
- package/color-picker/lib/esm/PaletteManager.mjs +42 -42
- package/color-picker/lib/esm/components/InputColor.mjs +81 -81
- package/color-picker/package.json +1 -1
- package/components.json +24 -24
- 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 +126 -126
- package/date-picker/lib/esm/components/DateRangeComparatorAbstract.mjs +217 -217
- package/date-picker/lib/esm/components/InputTrigger.mjs +215 -215
- package/date-picker/lib/esm/components/PickerAbstract.mjs +114 -114
- package/date-picker/lib/esm/components/RangePickerAbstract.mjs +164 -164
- 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 +160 -160
- 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 +176 -176
- package/dropdown-menu/package.json +1 -1
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/errors/lib/esm/Error.mjs +48 -48
- package/errors/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 +72 -72
- 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 +34 -34
- package/feedback-form/lib/esm/component/checkbox-button/CheckboxButton.mjs +23 -23
- package/feedback-form/lib/esm/component/feedback-rating/FeedbackRating.mjs +23 -23
- package/feedback-form/lib/esm/component/slider-rating/SliderRating.mjs +73 -73
- 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 +70 -70
- package/fullscreen-modal/package.json +1 -1
- 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 +107 -107
- 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 +81 -81
- package/modal/package.json +1 -1
- package/notice/lib/cjs/Notice.js +18 -17
- package/notice/lib/cjs/Notice.js.map +1 -1
- package/notice/lib/es6/Notice.js +18 -17
- package/notice/lib/es6/Notice.js.map +1 -1
- package/notice/lib/esm/Notice.mjs +110 -108
- 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 +87 -87
- 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 +46 -46
- 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 +123 -123
- 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 +38 -38
- package/select/lib/esm/Select.mjs +106 -106
- 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 +76 -76
- package/side-panel/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 +62 -62
- package/time-picker/package.json +1 -1
- package/utils/lib/themes/auto.css +1 -1
- package/utils/lib/themes/default.css +1 -1
- package/utils/lib/themes/default.js +1 -1
- package/utils/lib/themes/default.js.map +1 -1
- package/utils/lib/themes/default.mjs +1 -1
- package/utils/lib/themes/default.mjs.map +1 -1
- package/utils/lib/themes/light.css +1 -1
- package/utils/lib/themes/light.js +1 -1
- package/utils/lib/themes/light.js.map +1 -1
- package/utils/lib/themes/light.mjs +1 -1
- package/utils/lib/themes/light.mjs.map +1 -1
- package/wizard/lib/cjs/Wizard.js +12 -12
- package/wizard/lib/es6/Wizard.js +12 -12
- package/wizard/lib/esm/Wizard.mjs +83 -83
- package/wizard/package.json +1 -1
@@ -2,51 +2,51 @@ import ae from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import ne from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
|
3
3
|
import U from "@babel/runtime/helpers/esm/toConsumableArray";
|
4
4
|
import le from "@babel/runtime/helpers/esm/classCallCheck";
|
5
|
-
import
|
5
|
+
import se from "@babel/runtime/helpers/esm/createClass";
|
6
6
|
import f from "@babel/runtime/helpers/esm/assertThisInitialized";
|
7
|
-
import
|
7
|
+
import oe from "@babel/runtime/helpers/esm/inherits";
|
8
8
|
import de from "@babel/runtime/helpers/esm/createSuper";
|
9
|
-
import
|
9
|
+
import k from "@babel/runtime/helpers/esm/defineProperty";
|
10
10
|
import { sstyled as ve } from 'intergalactic/utils/lib/core/index';
|
11
|
-
import { sstyled as ue, assignProps as
|
11
|
+
import { sstyled as ue, assignProps as he, Component as ce } from 'intergalactic/core';
|
12
12
|
import z from "react";
|
13
|
-
import { Box as
|
13
|
+
import { Box as ge } from 'intergalactic/flex-box';
|
14
14
|
import N from 'intergalactic/tooltip';
|
15
15
|
import { extractAriaProps as $ } from 'intergalactic/utils/lib/ariaProps';
|
16
|
-
import
|
16
|
+
import pe from 'intergalactic/utils/lib/uniqueID';
|
17
17
|
import fe from "dompurify";
|
18
18
|
var me = (
|
19
19
|
/*__reshadow_css_start__*/
|
20
20
|
(ve.insert(
|
21
21
|
/*__inner_css_start__*/
|
22
|
-
'.
|
23
|
-
"
|
22
|
+
'.___SInputField_yxs6k_gg_>div{box-sizing:content-box;outline:0;border-radius:var(--intergalactic-control-rounded, 6px);border-color:var(--intergalactic-border-primary, #c4c7cf);border-style:solid;border-width:1px;overflow:auto;position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);word-wrap:break-word;word-break:break-word;font-family:inherit}.___SInputField_yxs6k_gg_>div:empty::before{content:"1. "attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_yxs6k_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_yxs6k_gg_>div:nth-child(even)::before{content:counter(row)".";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SInputField_yxs6k_gg_>div>p{counter-increment:row;display:flex;margin:0 0 var(--intergalactic-spacing-1x, 4px)0;position:relative;word-break:break-all;white-space:pre-wrap;padding-right:20px}.___SInputField_yxs6k_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_yxs6k_gg_>div>p:not(:empty)::before{content:counter(row)".";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SInputField_yxs6k_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_yxs6k_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:8px}.___SInputField_yxs6k_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:16px}.___SInputField_yxs6k_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:8px}.___SInputField_yxs6k_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_yxs6k_gg_.__showErrors_yxs6k_gg_>div[aria-invalid]>p[aria-invalid]:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo=\\ );position:absolute;right:0}.___SInputField_yxs6k_gg_._size_m_yxs6k_gg_>div{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);min-height:calc(var(--minRows_yxs6k)*20px);max-height:calc((var(--maxRows_yxs6k) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_yxs6k_gg_._size_l_yxs6k_gg_>div:empty,.___SInputField_yxs6k_gg_._size_m_yxs6k_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_yxs6k_gg_._size_m_yxs6k_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_yxs6k_gg_._size_l_yxs6k_gg_>div{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);min-height:calc(var(--minRows_yxs6k)*24px);max-height:calc((var(--maxRows_yxs6k) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_yxs6k_gg_._size_l_yxs6k_gg_>div:empty::before{left:calc(var(--intergalactic-spacing-4x, 16px) - var(--intergalactic-spacing-05x, 2px))}.___SInputField_yxs6k_gg_._state_normal_yxs6k_gg_:not(.__disabled_yxs6k_gg_)>div:focus:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SInputField_yxs6k_gg_._state_valid_yxs6k_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_yxs6k_gg_._state_valid_yxs6k_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInputField_yxs6k_gg_._state_invalid_yxs6k_gg_>div{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___SInputField_yxs6k_gg_._state_invalid_yxs6k_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInputField_yxs6k_gg_.__readonly_yxs6k_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_yxs6k_gg_.__disabled_yxs6k_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
|
23
|
+
"yxs6k_gg_"
|
24
24
|
), {
|
25
|
-
__SInputField: "
|
26
|
-
_showErrors: "
|
27
|
-
_readonly: "
|
28
|
-
_disabled: "
|
29
|
-
_size_m: "
|
30
|
-
"--minRows": "--
|
31
|
-
"--maxRows": "--
|
32
|
-
_size_l: "
|
33
|
-
_state_normal: "
|
34
|
-
_state_valid: "
|
35
|
-
_state_invalid: "
|
25
|
+
__SInputField: "___SInputField_yxs6k_gg_",
|
26
|
+
_showErrors: "__showErrors_yxs6k_gg_",
|
27
|
+
_readonly: "__readonly_yxs6k_gg_",
|
28
|
+
_disabled: "__disabled_yxs6k_gg_",
|
29
|
+
_size_m: "_size_m_yxs6k_gg_",
|
30
|
+
"--minRows": "--minRows_yxs6k",
|
31
|
+
"--maxRows": "--maxRows_yxs6k",
|
32
|
+
_size_l: "_size_l_yxs6k_gg_",
|
33
|
+
_state_normal: "_state_normal_yxs6k_gg_",
|
34
|
+
_state_valid: "_state_valid_yxs6k_gg_",
|
35
|
+
_state_invalid: "_state_invalid_yxs6k_gg_"
|
36
36
|
})
|
37
37
|
), G = /* @__PURE__ */ function(ee) {
|
38
|
-
|
38
|
+
oe(O, ee);
|
39
39
|
var ie = de(O);
|
40
|
-
function O(
|
40
|
+
function O(s) {
|
41
41
|
var e;
|
42
|
-
return le(this, O), e = ie.call(this,
|
43
|
-
`),
|
42
|
+
return le(this, O), e = ie.call(this, s), k(f(e), "delimiter", `
|
43
|
+
`), k(f(e), "skipEmptyLines", !0), k(f(e), "emptyLineValue", ""), k(f(e), "spaceLineValue", " "), k(f(e), "containerRef", /* @__PURE__ */ z.createRef()), k(f(e), "textarea", void 0), k(f(e), "popper", null), k(f(e), "setPopperTrigger", null), k(f(e), "errorByInteraction", null), k(f(e), "changeTriggerTimeout", 0), k(f(e), "isScrolling", !1), k(f(e), "scrollingTimeout", 0), k(f(e), "toggleErrorsPopperTimeout", 0), k(f(e), "isFocusing", !1), k(f(e), "linesCountTimeout", 0), k(f(e), "state", {
|
44
44
|
visibleErrorPopper: !1,
|
45
45
|
keyboardLineIndex: -1,
|
46
46
|
mouseLineIndex: -1
|
47
|
-
}), e.handlePaste = e.handlePaste.bind(f(e)), e.handleChange = e.handleChange.bind(f(e)), e.handleFocus = e.handleFocus.bind(f(e)), e.handleBlur = e.handleBlur.bind(f(e)), e.handleKeyDown = e.handleKeyDown.bind(f(e)), e.handleMouseDown = e.handleMouseDown.bind(f(e)), e.handleMouseMove = e.handleMouseMove.bind(f(e)), e.handleMouseLeave = e.handleMouseLeave.bind(f(e)), e.handleScroll = e.handleScroll.bind(f(e)), e.handleSelectAll = e.handleSelectAll.bind(f(e)), e.textarea = e.createContentEditableElement(
|
47
|
+
}), e.handlePaste = e.handlePaste.bind(f(e)), e.handleChange = e.handleChange.bind(f(e)), e.handleFocus = e.handleFocus.bind(f(e)), e.handleBlur = e.handleBlur.bind(f(e)), e.handleKeyDown = e.handleKeyDown.bind(f(e)), e.handleMouseDown = e.handleMouseDown.bind(f(e)), e.handleMouseMove = e.handleMouseMove.bind(f(e)), e.handleMouseLeave = e.handleMouseLeave.bind(f(e)), e.handleScroll = e.handleScroll.bind(f(e)), e.handleSelectAll = e.handleSelectAll.bind(f(e)), e.textarea = e.createContentEditableElement(s), e;
|
48
48
|
}
|
49
|
-
return
|
49
|
+
return se(O, [{
|
50
50
|
key: "uncontrolledProps",
|
51
51
|
value: function() {
|
52
52
|
return {
|
@@ -64,18 +64,18 @@ var me = (
|
|
64
64
|
}, {
|
65
65
|
key: "componentDidUpdate",
|
66
66
|
value: function(e, i) {
|
67
|
-
var r = this, t = this.props, a = t.value, n = t.errors, l = t.errorIndex, d = t.showErrors,
|
68
|
-
e.value !== a && a !== this.getValues().join(this.delimiter) && this.handleValueOutChange(), (e.showErrors !== d || e.errors.length !== n.length) && (this.toggleAriaInvalid(d, n.length), d === !1 && this.textarea.setAttribute("aria-describedby",
|
69
|
-
var
|
70
|
-
if (i.keyboardLineIndex !== -1 && i.keyboardLineIndex !==
|
67
|
+
var r = this, t = this.props, a = t.value, n = t.errors, l = t.errorIndex, d = t.showErrors, g = t.disabled, m = t.readonly, h = t.highlightErrorIndex, v = t.lineProcessing, o = t["aria-describedby"], E = o === void 0 ? "" : o;
|
68
|
+
e.value !== a && a !== this.getValues().join(this.delimiter) && this.handleValueOutChange(), (e.showErrors !== d || e.errors.length !== n.length) && (this.toggleAriaInvalid(d, n.length), d === !1 && this.textarea.setAttribute("aria-describedby", E)), e.errorIndex !== l && h && this.handleChangeErrorIndex(l), (e.disabled !== g || e.readonly !== m) && (this.isDisabled ? (this.textarea.setAttribute("contenteditable", "false"), this.removeEventListeners(this.textarea)) : (this.textarea.setAttribute("contenteditable", "true"), this.addEventListeners(this.textarea)), g ? this.textarea.setAttribute("tabindex", "-1") : this.textarea.setAttribute("tabindex", "0"));
|
69
|
+
var c = this.state.keyboardLineIndex;
|
70
|
+
if (i.keyboardLineIndex !== -1 && i.keyboardLineIndex !== c) {
|
71
71
|
if (v) {
|
72
|
-
var
|
73
|
-
|
74
|
-
var M = r.textarea.childNodes.item(
|
72
|
+
var x, y = this.getValues(), L = v((x = y[i.keyboardLineIndex]) !== null && x !== void 0 ? x : "", y), b = document.createTextNode(L), I = this.textarea.childNodes.item(i.keyboardLineIndex);
|
73
|
+
I instanceof HTMLParagraphElement && (L === "" ? I.innerHTML = this.emptyLineValue : I.replaceChild(b, I.childNodes.item(0))), this.validateLine(I), setTimeout(function() {
|
74
|
+
var M = r.textarea.childNodes.item(c);
|
75
75
|
M && r.setErrorIndex(M);
|
76
76
|
}, 0);
|
77
77
|
}
|
78
|
-
d || this.recalculateErrors(), this.recalculateLinesCount(), this.asProps.onChangeLineIndex(
|
78
|
+
d || this.recalculateErrors(), this.recalculateLinesCount(), this.asProps.onChangeLineIndex(c);
|
79
79
|
}
|
80
80
|
}
|
81
81
|
}, {
|
@@ -98,14 +98,14 @@ var me = (
|
|
98
98
|
}, {
|
99
99
|
key: "errorMessage",
|
100
100
|
get: function() {
|
101
|
-
var e, i, r, t = this.asProps, a = t.errors, n = t.errorIndex, l = t.commonErrorMessage, d = t.prevError,
|
102
|
-
v !== -1 && (
|
103
|
-
return (
|
101
|
+
var e, i, r, t = this.asProps, a = t.errors, n = t.errorIndex, l = t.commonErrorMessage, d = t.prevError, g = this.state, m = g.mouseLineIndex, h = g.keyboardLineIndex, v = this.errorByInteraction === "keyboard" ? h : this.errorByInteraction === "mouse" ? m : -1, o = a[n];
|
102
|
+
v !== -1 && (o = a.find(function(x) {
|
103
|
+
return (x == null ? void 0 : x.lineIndex) === v;
|
104
104
|
}));
|
105
|
-
var
|
105
|
+
var E = a.length === 0 && !d ? null : (e = (i = o) === null || i === void 0 ? void 0 : i.errorMessage) !== null && e !== void 0 ? e : l === "" || a.length === 0 ? d == null ? void 0 : d.errorMessage : l, c = !((r = o) !== null && r !== void 0 && r.errorMessage) && (l === "" || a.length === 0 ? !(d != null && d.errorMessage) : !0);
|
106
106
|
return {
|
107
|
-
errorMessage:
|
108
|
-
isCommonError:
|
107
|
+
errorMessage: E,
|
108
|
+
isCommonError: c
|
109
109
|
};
|
110
110
|
}
|
111
111
|
}, {
|
@@ -176,30 +176,30 @@ var me = (
|
|
176
176
|
e.preventDefault();
|
177
177
|
var r = this.asProps.validateOn, t = (i = e.clipboardData) === null || i === void 0 ? void 0 : i.getData("text/plain"), a = t ? this.prepareNodesForPaste(t) : [], n = document.getSelection();
|
178
178
|
if (n != null && n.anchorNode && n !== null && n !== void 0 && n.focusNode) {
|
179
|
-
var l = n.anchorOffset, d = n.focusOffset,
|
179
|
+
var l = n.anchorOffset, d = n.focusOffset, g = n.anchorNode.compareDocumentPosition(n.focusNode), m = this.getSelectionDirection(), h = m === "forward" ? n.anchorNode : n.focusNode, v = m === "forward" ? n.focusNode : n.anchorNode, o = m === "forward" ? l : d, E = m === "forward" ? d : l, c = h instanceof Text ? h.parentElement : h, x = v instanceof Text ? v.parentElement : v, y = null, L = null;
|
180
180
|
if (v === this.textarea) {
|
181
|
-
var
|
182
|
-
(
|
181
|
+
var b, I;
|
182
|
+
(b = this.textarea).replaceChildren.apply(b, U(a));
|
183
183
|
var M = a[a.length - 1];
|
184
|
-
|
185
|
-
} else if (
|
186
|
-
var C, F, P, w, D, H = (C =
|
187
|
-
n.deleteFromDocument(),
|
184
|
+
y = M.childNodes.item(0), L = ((I = M.textContent) !== null && I !== void 0 ? I : "").length;
|
185
|
+
} else if (x instanceof HTMLParagraphElement && c instanceof HTMLParagraphElement) {
|
186
|
+
var C, F, P, w, D, H = (C = c == null || (F = c.textContent) === null || F === void 0 ? void 0 : F.substring(0, o)) !== null && C !== void 0 ? C : "", A = (P = x == null || (w = x.textContent) === null || w === void 0 ? void 0 : w.substring(E)) !== null && P !== void 0 ? P : "";
|
187
|
+
n.deleteFromDocument(), g !== 0 && this.textarea.removeChild(x);
|
188
188
|
var T = a.splice(0, 1)[0], u = a[a.length - 1];
|
189
|
-
if (
|
189
|
+
if (c.textContent = (D = H + (T == null ? void 0 : T.textContent)) !== null && D !== void 0 ? D : "", c.after.apply(c, U(a)), u) {
|
190
190
|
var S, _;
|
191
|
-
u.textContent = ((S = u.textContent) !== null && S !== void 0 ? S : "") + A,
|
191
|
+
u.textContent = ((S = u.textContent) !== null && S !== void 0 ? S : "") + A, y = u.childNodes.item(0), L = ((_ = u.textContent) !== null && _ !== void 0 ? _ : "").length, this.validateLine(u), this.setErrorIndex(u);
|
192
192
|
} else {
|
193
|
-
var
|
194
|
-
|
193
|
+
var p, B;
|
194
|
+
L = ((p = c.textContent) !== null && p !== void 0 ? p : "").length, c.textContent = ((B = c.textContent) !== null && B !== void 0 ? B : "") + A, y = c.childNodes.item(0), this.validateLine(c), this.setErrorIndex(c);
|
195
195
|
}
|
196
196
|
}
|
197
|
-
if (
|
197
|
+
if (y instanceof Text) {
|
198
198
|
var R, K;
|
199
|
-
this.setSelection(
|
199
|
+
this.setSelection(y, (R = L) !== null && R !== void 0 ? R : 1, (K = L) !== null && K !== void 0 ? K : 1), this.toggleErrorsPopper("keyboardLineIndex", y.parentNode);
|
200
200
|
} else {
|
201
201
|
var V;
|
202
|
-
console.warn("incorrect child type",
|
202
|
+
console.warn("incorrect child type", y, (V = y) === null || V === void 0 ? void 0 : V.parentNode);
|
203
203
|
}
|
204
204
|
}
|
205
205
|
this.recalculateLinesCount(), (r.includes("paste") || this.asProps.showErrors) && this.recalculateErrors();
|
@@ -211,34 +211,34 @@ var me = (
|
|
211
211
|
if (i instanceof HTMLDivElement && e instanceof InputEvent) {
|
212
212
|
var r, t = this.textarea.childNodes, a = t.item(0), n = t.item(1), l = document.getSelection();
|
213
213
|
if (a instanceof Text) {
|
214
|
-
var d,
|
215
|
-
m.append(
|
214
|
+
var d, g = (d = a.textContent) !== null && d !== void 0 ? d : "", m = document.createElement("p"), h = document.createTextNode(g);
|
215
|
+
m.append(h), a.replaceWith(m), l == null || l.setPosition(m, g.length);
|
216
216
|
} else !a || a instanceof HTMLBRElement && t.length === 1 ? (this.textarea.textContent = "", this.setState({
|
217
217
|
keyboardLineIndex: 0
|
218
218
|
})) : a instanceof HTMLParagraphElement && !((r = a.textContent) !== null && r !== void 0 && r.trim()) && (t.length <= 1 || n instanceof HTMLBRElement) && (this.textarea.textContent = "", this.setState({
|
219
219
|
keyboardLineIndex: 0
|
220
220
|
}));
|
221
|
-
for (var v = 10,
|
222
|
-
var
|
223
|
-
|
221
|
+
for (var v = 10, o = l == null ? void 0 : l.focusNode; ((E = o) === null || E === void 0 ? void 0 : E.parentNode) !== this.textarea && v > 0; ) {
|
222
|
+
var E, c;
|
223
|
+
o = (c = o) === null || c === void 0 ? void 0 : c.parentNode, v--;
|
224
224
|
}
|
225
|
-
if (
|
226
|
-
var
|
227
|
-
if (
|
228
|
-
var
|
229
|
-
|
225
|
+
if (o instanceof HTMLParagraphElement) {
|
226
|
+
var x, y, L = o.childNodes, b = (x = o.textContent) !== null && x !== void 0 ? x : "";
|
227
|
+
if (L.length > 1) {
|
228
|
+
var I, M = (I = L.item(0).textContent) === null || I === void 0 ? void 0 : I.length;
|
229
|
+
o.textContent = b, M && this.setSelection(o.childNodes.item(0), M, M);
|
230
230
|
}
|
231
|
-
if (
|
232
|
-
var C =
|
231
|
+
if (b.length > 0) {
|
232
|
+
var C = b.at(0), F = b.at(b.length - 1);
|
233
233
|
if (C === this.getEmptyParagraph().textContent || F === this.getEmptyParagraph().textContent) {
|
234
234
|
var P = null;
|
235
|
-
C === this.getEmptyParagraph().textContent ? (
|
235
|
+
C === this.getEmptyParagraph().textContent ? (o.textContent = b.substring(1), P = e.inputType === "deleteContentBackward" || e.inputType === "deleteContentForward" ? 0 : o.textContent.length) : F === this.getEmptyParagraph().textContent && (o.textContent = b.substring(0, b.length - 1), P = o.textContent.length), P && this.setSelection(o.childNodes.item(0), P, P);
|
236
236
|
}
|
237
|
-
} else
|
238
|
-
var w = this.asProps, D = w.errors, H = w.showErrors, A = this.validateLine(
|
239
|
-
this.recalculateErrors(), this.setErrorIndex(
|
240
|
-
var T = !A || A && D.length === 1 && D[0].lineNode ===
|
241
|
-
if (H && ((
|
237
|
+
} else L.length === 1 && L[0] instanceof HTMLBRElement && (o.innerHTML = this.emptyLineValue);
|
238
|
+
var w = this.asProps, D = w.errors, H = w.showErrors, A = this.validateLine(o);
|
239
|
+
this.recalculateErrors(), this.setErrorIndex(o), !A && H && this.toggleErrorsPopper("keyboardLineIndex", o, 0);
|
240
|
+
var T = !A || A && D.length === 1 && D[0].lineNode === o ? o : this.textarea;
|
241
|
+
if (H && ((y = this.popper) === null || y === void 0 ? void 0 : y.current.state.elements.reference) !== T)
|
242
242
|
if (this.shouldChangePopperTrigger(T)) {
|
243
243
|
var u;
|
244
244
|
(u = this.setPopperTrigger) === null || u === void 0 || u.call(this, T);
|
@@ -246,11 +246,11 @@ var me = (
|
|
246
246
|
this.setState({
|
247
247
|
visibleErrorPopper: !1
|
248
248
|
});
|
249
|
-
} else if (
|
249
|
+
} else if (o === null) {
|
250
250
|
var S;
|
251
251
|
if ((S = this.setPopperTrigger) === null || S === void 0 || S.call(this, this.textarea), (l == null ? void 0 : l.focusNode) === this.textarea && this.textarea.childNodes.length > 1) {
|
252
|
-
var _ = l.focusOffset,
|
253
|
-
this.textarea.removeChild(B),
|
252
|
+
var _ = l.focusOffset, p = this.textarea.childNodes.item(_ - 1), B = this.textarea.childNodes.item(_);
|
253
|
+
this.textarea.removeChild(B), p instanceof HTMLParagraphElement && (p.innerHTML = this.emptyLineValue), p && this.setSelection(p, 0, 0);
|
254
254
|
} else
|
255
255
|
this.setSelection(this.textarea, 0, 0);
|
256
256
|
}
|
@@ -288,16 +288,16 @@ var me = (
|
|
288
288
|
if (!n)
|
289
289
|
e.preventDefault();
|
290
290
|
else {
|
291
|
-
var l, d,
|
291
|
+
var l, d, g, m;
|
292
292
|
e.preventDefault();
|
293
|
-
var
|
294
|
-
if (v instanceof Text &&
|
295
|
-
var
|
296
|
-
|
293
|
+
var h = document.getSelection(), v = (h == null ? void 0 : h.focusNode) instanceof Text ? h.focusNode : h == null || (l = h.focusNode) === null || l === void 0 ? void 0 : l.childNodes.item(0), o = h == null ? void 0 : h.focusOffset, E = "";
|
294
|
+
if (v instanceof Text && o !== void 0 && o !== ((d = v.textContent) === null || d === void 0 ? void 0 : d.length)) {
|
295
|
+
var c, x;
|
296
|
+
E = (c = (x = v.textContent) === null || x === void 0 ? void 0 : x.substring(o)) !== null && c !== void 0 ? c : this.emptyLineValue, v.textContent && (v.textContent = v.textContent.substring(0, o));
|
297
297
|
}
|
298
|
-
((
|
299
|
-
var
|
300
|
-
|
298
|
+
((g = t.textContent) === null || g === void 0 ? void 0 : g.trim()) === "" && (t.innerHTML = this.emptyLineValue);
|
299
|
+
var y = document.createElement("p");
|
300
|
+
E ? y.textContent = E : y.innerHTML = this.emptyLineValue, t.after(y), this.setSelection(y, 0, 0), this.validateLine(t), this.validateLine(y), t.previousSibling && this.validateLine(t.previousSibling), this.setErrorIndex(y), ((m = y.textContent) === null || m === void 0 ? void 0 : m.trim()) !== "" && this.recalculateLinesCount(), setTimeout(function() {
|
301
301
|
i.recalculateErrors();
|
302
302
|
}, 0), this.toggleErrorsPopperByKeyboard(0);
|
303
303
|
}
|
@@ -305,33 +305,33 @@ var me = (
|
|
305
305
|
} else if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight")
|
306
306
|
t instanceof HTMLParagraphElement && this.handleCursorMovement(t, e), this.toggleErrorsPopperByKeyboard(200);
|
307
307
|
else if (this.isDeleteKey(e) && t instanceof HTMLParagraphElement) {
|
308
|
-
var
|
309
|
-
if (((
|
310
|
-
var
|
311
|
-
if (
|
312
|
-
var
|
313
|
-
if (e.preventDefault(), this.textarea.removeChild(t), this.toggleErrorsPopperByKeyboard(0), ((
|
308
|
+
var L;
|
309
|
+
if (((L = t.textContent) === null || L === void 0 ? void 0 : L.trim()) === "" && !this.isRangeSelection()) {
|
310
|
+
var b = t.previousSibling;
|
311
|
+
if (b instanceof HTMLParagraphElement) {
|
312
|
+
var I;
|
313
|
+
if (e.preventDefault(), this.textarea.removeChild(t), this.toggleErrorsPopperByKeyboard(0), ((I = b.textContent) === null || I === void 0 ? void 0 : I.trim()) === "" && b.previousSibling === null && this.textarea.childNodes.length === 1)
|
314
314
|
this.textarea.textContent = "", this.setSelection(this.textarea, 0, 0);
|
315
|
-
else if (
|
316
|
-
var M, C, F =
|
315
|
+
else if (b instanceof HTMLParagraphElement) {
|
316
|
+
var M, C, F = b.childNodes.item(0), P = (M = (C = F.textContent) === null || C === void 0 ? void 0 : C.length) !== null && M !== void 0 ? M : 0;
|
317
317
|
this.setSelection(F, P, P);
|
318
318
|
} else
|
319
|
-
console.warn("incorrect prevNode type",
|
319
|
+
console.warn("incorrect prevNode type", b);
|
320
320
|
setTimeout(function() {
|
321
321
|
i.recalculateErrors();
|
322
322
|
}, 0), this.toggleErrorsPopperByKeyboard(0);
|
323
323
|
}
|
324
324
|
} else if (this.isRangeSelection()) {
|
325
|
-
var w, D, H, A, T, u = document.getSelection(), S = this.getSelectionDirection(), _ = S === "backward" ? u == null ? void 0 : u.focusNode : u == null ? void 0 : u.anchorNode,
|
326
|
-
if (_ ===
|
325
|
+
var w, D, H, A, T, u = document.getSelection(), S = this.getSelectionDirection(), _ = S === "backward" ? u == null ? void 0 : u.focusNode : u == null ? void 0 : u.anchorNode, p = S === "backward" ? u == null ? void 0 : u.anchorNode : u == null ? void 0 : u.focusNode, B = S === "backward" ? u == null ? void 0 : u.focusOffset : u == null ? void 0 : u.anchorOffset, R = S === "backward" ? u == null ? void 0 : u.anchorOffset : u == null ? void 0 : u.focusOffset;
|
326
|
+
if (_ === p && B === 0 && (p === t && R === 1 || R === ((w = t.textContent) === null || w === void 0 ? void 0 : w.length))) {
|
327
327
|
e.preventDefault();
|
328
|
-
var K = _ == null ? void 0 : _.parentElement, V =
|
328
|
+
var K = _ == null ? void 0 : _.parentElement, V = p == null ? void 0 : p.parentElement, W = this.textarea.childNodes;
|
329
329
|
K === W.item(0) && V === W.item(W.length - 1) ? (this.textarea.textContent = "", this.setSelection(this.textarea, 0, 0)) : (t.innerHTML = this.emptyLineValue, this.validateLine(t)), this.setErrorIndex(t), this.recalculateLinesCount(), setTimeout(function() {
|
330
330
|
i.recalculateErrors();
|
331
331
|
}, 0), this.toggleErrorsPopperByKeyboard(0);
|
332
|
-
} else if (
|
332
|
+
} else if (p !== _ && p instanceof Text && _ instanceof Text && (p == null ? void 0 : p.textContent) === (p == null || (D = p.parentNode) === null || D === void 0 ? void 0 : D.textContent) && (_ == null ? void 0 : _.textContent) === (_ == null || (H = _.parentNode) === null || H === void 0 ? void 0 : H.textContent) && B === 0 && R === (p == null || (A = p.parentNode) === null || A === void 0 || (T = A.textContent) === null || T === void 0 ? void 0 : T.length)) {
|
333
333
|
e.preventDefault();
|
334
|
-
var te = Array.from(this.textarea.children), X = _.parentElement, j =
|
334
|
+
var te = Array.from(this.textarea.children), X = _.parentElement, j = p.parentElement, Y = this.textarea.childNodes;
|
335
335
|
if (X === Y.item(0) && j === Y.item(Y.length - 1))
|
336
336
|
this.textarea.textContent = "", this.setSelection(this.textarea, 0, 0);
|
337
337
|
else {
|
@@ -363,46 +363,46 @@ var me = (
|
|
363
363
|
}, {
|
364
364
|
key: "render",
|
365
365
|
value: function() {
|
366
|
-
var e = this.asProps, i, r, t = this, a =
|
366
|
+
var e = this.asProps, i, r, t = this, a = ge, n = this.asProps, l = n.styles, d = n.showErrors, g = this.state.visibleErrorPopper, m = this.errorMessage, h = m.errorMessage, v = m.isCommonError, o = d && g && !!h && !this.isDisabled, E = $(this.asProps), c = E.__excludeProps;
|
367
367
|
return i = ue(l), /* @__PURE__ */ z.createElement(z.Fragment, null, /* @__PURE__ */ z.createElement(N, i.cn("Tooltip", {
|
368
368
|
interaction: "none",
|
369
369
|
placement: v ? "right-start" : "right",
|
370
|
-
visible:
|
370
|
+
visible: o,
|
371
371
|
theme: "warning",
|
372
372
|
offset: v ? void 0 : [0, 26],
|
373
373
|
preventOverflow: {
|
374
374
|
boundary: (r = this.containerRef.current) !== null && r !== void 0 ? r : void 0,
|
375
375
|
tether: !1
|
376
376
|
}
|
377
|
-
}), function(
|
378
|
-
var
|
379
|
-
return t.popper || (t.setPopperTrigger =
|
377
|
+
}), function(x) {
|
378
|
+
var y = x.popper, L = x.setTrigger;
|
379
|
+
return t.popper || (t.setPopperTrigger = L, t.popper = y), /* @__PURE__ */ z.createElement(N.Popper, {
|
380
380
|
id: t.popperDescribedId
|
381
|
-
},
|
382
|
-
}), /* @__PURE__ */ z.createElement(a, i.cn("SInputField", ae({},
|
381
|
+
}, h);
|
382
|
+
}), /* @__PURE__ */ z.createElement(a, i.cn("SInputField", ae({}, he({
|
383
383
|
ref: this.containerRef,
|
384
|
-
__excludeProps: ["onBlur", "value"].concat(U(
|
384
|
+
__excludeProps: ["onBlur", "value"].concat(U(c))
|
385
385
|
}, e)))));
|
386
386
|
}
|
387
387
|
}, {
|
388
388
|
key: "prepareNodesForPaste",
|
389
389
|
value: function(e) {
|
390
|
-
var i, r, t, a = this, n = [], l = this.asProps.pasteProps, d = (i = l == null ? void 0 : l.lineProcessing) !== null && i !== void 0 ? i : function(
|
391
|
-
var v =
|
392
|
-
return v === "" ?
|
393
|
-
},
|
394
|
-
return e.split(m).forEach(function(
|
395
|
-
var v = d(
|
396
|
-
if (v === "" &&
|
397
|
-
var
|
390
|
+
var i, r, t, a = this, n = [], l = this.asProps.pasteProps, d = (i = l == null ? void 0 : l.lineProcessing) !== null && i !== void 0 ? i : function(h) {
|
391
|
+
var v = h.trim();
|
392
|
+
return v === "" ? h : v;
|
393
|
+
}, g = (r = l == null ? void 0 : l.skipEmptyLines) !== null && r !== void 0 ? r : this.skipEmptyLines, m = (t = l == null ? void 0 : l.delimiter) !== null && t !== void 0 ? t : this.delimiter;
|
394
|
+
return e.split(m).forEach(function(h) {
|
395
|
+
var v = d(h);
|
396
|
+
if (v === "" && g === !1 || v !== "") {
|
397
|
+
var o = document.createElement("p");
|
398
398
|
if (v === "")
|
399
|
-
|
399
|
+
o.innerHTML = a.emptyLineValue;
|
400
400
|
else if (v.trim() === "") {
|
401
|
-
var
|
402
|
-
|
401
|
+
var E = new RegExp("\\s", "g");
|
402
|
+
o.innerHTML = fe.sanitize(v.replace(E, a.spaceLineValue));
|
403
403
|
} else
|
404
|
-
|
405
|
-
n.push(
|
404
|
+
o.append(document.createTextNode(v));
|
405
|
+
n.push(o), a.validateLine(o);
|
406
406
|
}
|
407
407
|
}), n;
|
408
408
|
}
|
@@ -464,17 +464,17 @@ var me = (
|
|
464
464
|
i instanceof HTMLDivElement || i instanceof HTMLParagraphElement ? (this.changeTriggerTimeout && clearTimeout(this.changeTriggerTimeout), this.changeTriggerTimeout = window.setTimeout(function() {
|
465
465
|
var a = i === t.textarea ? t.getNodeFromSelection() : i, n = -1, l = !1;
|
466
466
|
a instanceof HTMLParagraphElement ? (l = a.getAttribute("aria-invalid") === "true", n = Array.from(t.textarea.childNodes).indexOf(a)) : a === t.textarea && (n = 0), a instanceof HTMLElement && t.setState(function(d) {
|
467
|
-
var
|
467
|
+
var g = {
|
468
468
|
visibleErrorPopper: t.isFocusing && t.asProps.commonErrorMessage ? !0 : l,
|
469
469
|
mouseLineIndex: d.mouseLineIndex,
|
470
470
|
keyboardLineIndex: d.keyboardLineIndex
|
471
471
|
};
|
472
|
-
return (t.isFocusing || e === "mouseLineIndex" && l) && (
|
472
|
+
return (t.isFocusing || e === "mouseLineIndex" && l) && (g[e] = n), g;
|
473
473
|
}, function() {
|
474
474
|
var d = l ? a : t.textarea;
|
475
475
|
if (t.shouldChangePopperTrigger(d)) {
|
476
|
-
var
|
477
|
-
(
|
476
|
+
var g;
|
477
|
+
(g = t.setPopperTrigger) === null || g === void 0 || g.call(t, d), t.forceUpdate();
|
478
478
|
}
|
479
479
|
});
|
480
480
|
}, r ?? 50)) : this.setState({
|
@@ -544,8 +544,8 @@ var me = (
|
|
544
544
|
e.textContent === this.getEmptyParagraph().textContent && (i.preventDefault(), r = e.nextSibling);
|
545
545
|
}
|
546
546
|
if (r instanceof HTMLParagraphElement) {
|
547
|
-
var t, a, n, l = document.getSelection(), d = r.childNodes.item(0),
|
548
|
-
i.key === "ArrowLeft" ? v = m.length : i.key === "ArrowRight" && (v = 0), this.setSelection(
|
547
|
+
var t, a, n, l = document.getSelection(), d = r.childNodes.item(0), g = d instanceof Text ? d : r, m = (t = (a = r.textContent) === null || a === void 0 ? void 0 : a.trim()) !== null && t !== void 0 ? t : "", h = (n = l == null ? void 0 : l.focusOffset) !== null && n !== void 0 ? n : 0, v = h <= m.length ? h : m.length;
|
548
|
+
i.key === "ArrowLeft" ? v = m.length : i.key === "ArrowRight" && (v = 0), this.setSelection(g, v, v, "nearest");
|
549
549
|
}
|
550
550
|
}
|
551
551
|
}, {
|
@@ -606,11 +606,11 @@ var me = (
|
|
606
606
|
return null;
|
607
607
|
}
|
608
608
|
}]), O;
|
609
|
-
}(
|
610
|
-
|
611
|
-
|
612
|
-
|
613
|
-
|
609
|
+
}(ce);
|
610
|
+
k(G, "displayName", "Textarea");
|
611
|
+
k(G, "style", me);
|
612
|
+
k(G, "enhance", [pe()]);
|
613
|
+
k(G, "defaultProps", {
|
614
614
|
defaultValue: "",
|
615
615
|
size: "m",
|
616
616
|
state: "normal",
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/bulk-textarea","description":"Semrush BulkTextarea Component","version":"1.
|
1
|
+
{"name":"intergalactic/bulk-textarea","description":"Semrush BulkTextarea Component","version":"1.2.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=ts && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.1","@semcore/flex-box":"5.41.1","@semcore/button":"5.43.0-prerelease.0","@semcore/typography":"5.52.1","@semcore/counter":"3.38.1","@semcore/icon":"4.60.1","@semcore/popper":"5.46.1","@semcore/tooltip":"6.49.1","csstype":"3.0.8","dompurify":"3.2.3"},"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/bulk-textarea"},"devDependencies":{"@types/react":"18.0.21","@types/dompurify":"3.2.0","@semcore/testing-utils":"1.0.0"}}
|
@@ -10,12 +10,16 @@ export type ButtonSize = 'l' | 'm';
|
|
10
10
|
* @default secondary
|
11
11
|
*/
|
12
12
|
type Use = 'primary' | 'secondary' | 'tertiary';
|
13
|
+
/**
|
14
|
+
* @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.
|
15
|
+
*/
|
16
|
+
type DeprecatedTheme = 'warning';
|
13
17
|
/** Button theme */
|
14
|
-
type Theme = 'info' | 'success' | '
|
18
|
+
type Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';
|
15
19
|
/** @deprecated */
|
16
20
|
export interface IButtonProps extends ButtonProps, UnknownProperties {
|
17
21
|
}
|
18
|
-
export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;
|
22
|
+
export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;
|
19
23
|
/** @deprecated */
|
20
24
|
export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {
|
21
25
|
}
|
@@ -65,6 +65,7 @@ var AbstractButton = /*#__PURE__*/function (_Component) {
|
|
65
65
|
var _this2 = this;
|
66
66
|
if (process.env.NODE_ENV !== 'production') {
|
67
67
|
_logger["default"].warn(this.containerRef.current && !(0, _hasLabels["default"])(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps['data-ui-name'] || AbstractButton.displayName);
|
68
|
+
_logger["default"].warn(this.asProps.theme === 'warning', 'Warning theme is deprecated and will be removed in the next major release.', this.asProps['data-ui-name'] || AbstractButton.displayName);
|
68
69
|
}
|
69
70
|
var ariaLabelledby = this.asProps['aria-labelledby'];
|
70
71
|
if (ariaLabelledby) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AbstractButton.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_tooltip","_neighborLocation","_addonTextChildren","_logger","_SpinButton","_hasLabels","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","exports","AbstractButton","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","ariaLabelledByContent","_createClass2","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","Box","sstyled","createElement","cn","_objectSpread2","assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","Hint","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","addonTextChildren","Text","Component"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps}>\n {children}\n </SButton>,\n );\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const buttonProps: Record<string, any> = {\n type: 'button',\n tag: 'button',\n disabled,\n 'use:theme': useTheme,\n ref: this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n __excludeProps: ['title'],\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n ) : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"AbstractButton.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_tooltip","_neighborLocation","_addonTextChildren","_logger","_SpinButton","_hasLabels","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","exports","AbstractButton","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","ariaLabelledByContent","_createClass2","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","title","displayName","theme","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","Box","sstyled","createElement","cn","_objectSpread2","assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","Hint","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","addonTextChildren","Text","Component"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n\n logger.warn(\n this.asProps.theme === 'warning',\n 'Warning theme is deprecated and will be removed in the next major release.',\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps}>\n {children}\n </SButton>,\n );\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const buttonProps: Record<string, any> = {\n type: 'button',\n tag: 'button',\n disabled,\n 'use:theme': useTheme,\n ref: this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n __excludeProps: ['title'],\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n ) : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":"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"}
|