@semcore/bulk-textarea 1.3.0 → 1.4.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
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [1.4.0] - 2025-04-11
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/icon` [4.60.2 ~> 4.61.0]).
|
|
10
|
+
|
|
5
11
|
## [1.3.0] - 2025-04-01
|
|
6
12
|
|
|
7
13
|
### Added
|
|
@@ -23,18 +23,18 @@ var _ariaProps = require("@semcore/utils/lib/ariaProps");
|
|
|
23
23
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
24
24
|
var _dompurify = _interopRequireDefault(require("dompurify"));
|
|
25
25
|
/*__reshadow-styles__:"./inputField.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SInputField": "
|
|
28
|
-
"_showErrors": "
|
|
29
|
-
"_readonly": "
|
|
30
|
-
"_disabled": "
|
|
31
|
-
"_size_m": "
|
|
32
|
-
"--minRows": "--
|
|
33
|
-
"--maxRows": "--
|
|
34
|
-
"_size_l": "
|
|
35
|
-
"_state_normal": "
|
|
36
|
-
"_state_valid": "
|
|
37
|
-
"_state_invalid": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputField_eiisc_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_eiisc_gg_>div:empty::before{content:\"1. \"attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_eiisc_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_eiisc_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_eiisc_gg_>div>p{counter-increment:row;margin:0 0 var(--intergalactic-spacing-1x, 4px)0;position:relative;word-break:break-all;white-space:pre-wrap;padding:0 var(--intergalactic-spacing-5x, 20px)0 var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_eiisc_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);position:absolute;left:0}.___SInputField_eiisc_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_eiisc_gg_.__showErrors_eiisc_gg_>div[aria-invalid]>p[aria-invalid]:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo=\\ );position:absolute;right:0;top:var(--intergalactic-spacing-05x, 2px)}.___SInputField_eiisc_gg_._size_m_eiisc_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_eiisc)*20px);max-height:calc((var(--maxRows_eiisc) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_eiisc_gg_._size_m_eiisc_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_eiisc_gg_._size_l_eiisc_gg_>div:empty::before,.___SInputField_eiisc_gg_._size_m_eiisc_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_._size_l_eiisc_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_eiisc)*24px);max-height:calc((var(--maxRows_eiisc) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_eiisc_gg_._size_l_eiisc_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_eiisc_gg_._state_normal_eiisc_gg_:not(.__disabled_eiisc_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_eiisc_gg_._state_valid_eiisc_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_eiisc_gg_._state_valid_eiisc_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInputField_eiisc_gg_._state_invalid_eiisc_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_eiisc_gg_._state_invalid_eiisc_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInputField_eiisc_gg_.__readonly_eiisc_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_eiisc_gg_.__disabled_eiisc_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "eiisc_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SInputField": "___SInputField_eiisc_gg_",
|
|
28
|
+
"_showErrors": "__showErrors_eiisc_gg_",
|
|
29
|
+
"_readonly": "__readonly_eiisc_gg_",
|
|
30
|
+
"_disabled": "__disabled_eiisc_gg_",
|
|
31
|
+
"_size_m": "_size_m_eiisc_gg_",
|
|
32
|
+
"--minRows": "--minRows_eiisc",
|
|
33
|
+
"--maxRows": "--maxRows_eiisc",
|
|
34
|
+
"_size_l": "_size_l_eiisc_gg_",
|
|
35
|
+
"_state_normal": "_state_normal_eiisc_gg_",
|
|
36
|
+
"_state_valid": "_state_valid_eiisc_gg_",
|
|
37
|
+
"_state_invalid": "_state_invalid_eiisc_gg_"
|
|
38
38
|
});
|
|
39
39
|
var InputField = /*#__PURE__*/function (_Component) {
|
|
40
40
|
(0, _inherits2["default"])(InputField, _Component);
|
|
@@ -13,18 +13,18 @@ import React from 'react';
|
|
|
13
13
|
import { Component, sstyled, Root } from '@semcore/core';
|
|
14
14
|
import { Box } from '@semcore/flex-box';
|
|
15
15
|
/*__reshadow-styles__:"./inputField.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SInputField": "
|
|
18
|
-
"_showErrors": "
|
|
19
|
-
"_readonly": "
|
|
20
|
-
"_disabled": "
|
|
21
|
-
"_size_m": "
|
|
22
|
-
"--minRows": "--
|
|
23
|
-
"--maxRows": "--
|
|
24
|
-
"_size_l": "
|
|
25
|
-
"_state_normal": "
|
|
26
|
-
"_state_valid": "
|
|
27
|
-
"_state_invalid": "
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputField_eiisc_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_eiisc_gg_>div:empty::before{content:\"1. \"attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_eiisc_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_eiisc_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_eiisc_gg_>div>p{counter-increment:row;margin:0 0 var(--intergalactic-spacing-1x, 4px)0;position:relative;word-break:break-all;white-space:pre-wrap;padding:0 var(--intergalactic-spacing-5x, 20px)0 var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_eiisc_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);position:absolute;left:0}.___SInputField_eiisc_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_eiisc_gg_.__showErrors_eiisc_gg_>div[aria-invalid]>p[aria-invalid]:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo=\\ );position:absolute;right:0;top:var(--intergalactic-spacing-05x, 2px)}.___SInputField_eiisc_gg_._size_m_eiisc_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_eiisc)*20px);max-height:calc((var(--maxRows_eiisc) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_eiisc_gg_._size_m_eiisc_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_eiisc_gg_._size_l_eiisc_gg_>div:empty::before,.___SInputField_eiisc_gg_._size_m_eiisc_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_._size_l_eiisc_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_eiisc)*24px);max-height:calc((var(--maxRows_eiisc) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_eiisc_gg_._size_l_eiisc_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_eiisc_gg_._state_normal_eiisc_gg_:not(.__disabled_eiisc_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_eiisc_gg_._state_valid_eiisc_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_eiisc_gg_._state_valid_eiisc_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInputField_eiisc_gg_._state_invalid_eiisc_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_eiisc_gg_._state_invalid_eiisc_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInputField_eiisc_gg_.__readonly_eiisc_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_eiisc_gg_.__disabled_eiisc_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "eiisc_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SInputField": "___SInputField_eiisc_gg_",
|
|
18
|
+
"_showErrors": "__showErrors_eiisc_gg_",
|
|
19
|
+
"_readonly": "__readonly_eiisc_gg_",
|
|
20
|
+
"_disabled": "__disabled_eiisc_gg_",
|
|
21
|
+
"_size_m": "_size_m_eiisc_gg_",
|
|
22
|
+
"--minRows": "--minRows_eiisc",
|
|
23
|
+
"--maxRows": "--maxRows_eiisc",
|
|
24
|
+
"_size_l": "_size_l_eiisc_gg_",
|
|
25
|
+
"_state_normal": "_state_normal_eiisc_gg_",
|
|
26
|
+
"_state_valid": "_state_valid_eiisc_gg_",
|
|
27
|
+
"_state_invalid": "_state_invalid_eiisc_gg_"
|
|
28
28
|
});
|
|
29
29
|
import Tooltip from '@semcore/tooltip';
|
|
30
30
|
import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
|
|
@@ -2,13 +2,13 @@ import ae from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import ne from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
|
|
3
3
|
import W 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 x 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
9
|
import E from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
10
|
import { sstyled as ve } from "@semcore/utils/lib/core/index";
|
|
11
|
-
import { sstyled as ue, assignProps as
|
|
11
|
+
import { sstyled as ue, assignProps as ce, Component as he } from "@semcore/core";
|
|
12
12
|
import O from "react";
|
|
13
13
|
import { Box as ge } from "@semcore/flex-box";
|
|
14
14
|
import $ from "@semcore/tooltip";
|
|
@@ -19,34 +19,34 @@ var me = (
|
|
|
19
19
|
/*__reshadow_css_start__*/
|
|
20
20
|
(ve.insert(
|
|
21
21
|
/*__inner_css_start__*/
|
|
22
|
-
'.
|
|
23
|
-
"
|
|
22
|
+
'.___SInputField_eiisc_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_eiisc_gg_>div:empty::before{content:"1. "attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_eiisc_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_eiisc_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_eiisc_gg_>div>p{counter-increment:row;margin:0 0 var(--intergalactic-spacing-1x, 4px)0;position:relative;word-break:break-all;white-space:pre-wrap;padding:0 var(--intergalactic-spacing-5x, 20px)0 var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_eiisc_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);position:absolute;left:0}.___SInputField_eiisc_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_eiisc_gg_.__showErrors_eiisc_gg_>div[aria-invalid]>p[aria-invalid]:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo=\\ );position:absolute;right:0;top:var(--intergalactic-spacing-05x, 2px)}.___SInputField_eiisc_gg_._size_m_eiisc_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_eiisc)*20px);max-height:calc((var(--maxRows_eiisc) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_eiisc_gg_._size_m_eiisc_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_eiisc_gg_._size_l_eiisc_gg_>div:empty::before,.___SInputField_eiisc_gg_._size_m_eiisc_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_._size_l_eiisc_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_eiisc)*24px);max-height:calc((var(--maxRows_eiisc) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_eiisc_gg_._size_l_eiisc_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_eiisc_gg_._state_normal_eiisc_gg_:not(.__disabled_eiisc_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_eiisc_gg_._state_valid_eiisc_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_eiisc_gg_._state_valid_eiisc_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInputField_eiisc_gg_._state_invalid_eiisc_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_eiisc_gg_._state_invalid_eiisc_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInputField_eiisc_gg_.__readonly_eiisc_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_eiisc_gg_.__disabled_eiisc_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
|
|
23
|
+
"eiisc_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_eiisc_gg_",
|
|
26
|
+
_showErrors: "__showErrors_eiisc_gg_",
|
|
27
|
+
_readonly: "__readonly_eiisc_gg_",
|
|
28
|
+
_disabled: "__disabled_eiisc_gg_",
|
|
29
|
+
_size_m: "_size_m_eiisc_gg_",
|
|
30
|
+
"--minRows": "--minRows_eiisc",
|
|
31
|
+
"--maxRows": "--maxRows_eiisc",
|
|
32
|
+
_size_l: "_size_l_eiisc_gg_",
|
|
33
|
+
_state_normal: "_state_normal_eiisc_gg_",
|
|
34
|
+
_state_valid: "_state_valid_eiisc_gg_",
|
|
35
|
+
_state_invalid: "_state_invalid_eiisc_gg_"
|
|
36
36
|
})
|
|
37
|
-
), Y = /* @__PURE__ */ function(
|
|
38
|
-
|
|
39
|
-
var
|
|
40
|
-
function K(
|
|
37
|
+
), Y = /* @__PURE__ */ function(ie) {
|
|
38
|
+
oe(K, ie);
|
|
39
|
+
var te = de(K);
|
|
40
|
+
function K(s) {
|
|
41
41
|
var e;
|
|
42
|
-
return le(this, K), e =
|
|
42
|
+
return le(this, K), e = te.call(this, s), E(x(e), "delimiter", `
|
|
43
43
|
`), E(x(e), "skipEmptyLines", !0), E(x(e), "emptyLineValue", ""), E(x(e), "spaceLineValue", " "), E(x(e), "containerRef", /* @__PURE__ */ O.createRef()), E(x(e), "textarea", void 0), E(x(e), "popper", null), E(x(e), "setPopperTrigger", null), E(x(e), "errorByInteraction", null), E(x(e), "changeTriggerTimeout", 0), E(x(e), "isScrolling", !1), E(x(e), "scrollingTimeout", 0), E(x(e), "toggleErrorsPopperTimeout", 0), E(x(e), "isFocusing", !1), E(x(e), "linesCountTimeout", 0), E(x(e), "state", {
|
|
44
44
|
visibleErrorPopper: !1,
|
|
45
45
|
keyboardLineIndex: -1,
|
|
46
46
|
mouseLineIndex: -1
|
|
47
|
-
}), e.handlePaste = e.handlePaste.bind(x(e)), e.handleChange = e.handleChange.bind(x(e)), e.handleFocus = e.handleFocus.bind(x(e)), e.handleBlur = e.handleBlur.bind(x(e)), e.handleKeyDown = e.handleKeyDown.bind(x(e)), e.handleMouseDown = e.handleMouseDown.bind(x(e)), e.handleMouseMove = e.handleMouseMove.bind(x(e)), e.handleMouseLeave = e.handleMouseLeave.bind(x(e)), e.handleScroll = e.handleScroll.bind(x(e)), e.handleSelectAll = e.handleSelectAll.bind(x(e)), e.textarea = e.createContentEditableElement(
|
|
47
|
+
}), e.handlePaste = e.handlePaste.bind(x(e)), e.handleChange = e.handleChange.bind(x(e)), e.handleFocus = e.handleFocus.bind(x(e)), e.handleBlur = e.handleBlur.bind(x(e)), e.handleKeyDown = e.handleKeyDown.bind(x(e)), e.handleMouseDown = e.handleMouseDown.bind(x(e)), e.handleMouseMove = e.handleMouseMove.bind(x(e)), e.handleMouseLeave = e.handleMouseLeave.bind(x(e)), e.handleScroll = e.handleScroll.bind(x(e)), e.handleSelectAll = e.handleSelectAll.bind(x(e)), e.textarea = e.createContentEditableElement(s), e;
|
|
48
48
|
}
|
|
49
|
-
return
|
|
49
|
+
return se(K, [{
|
|
50
50
|
key: "uncontrolledProps",
|
|
51
51
|
value: function() {
|
|
52
52
|
return {
|
|
@@ -63,17 +63,17 @@ var me = (
|
|
|
63
63
|
}
|
|
64
64
|
}, {
|
|
65
65
|
key: "componentDidUpdate",
|
|
66
|
-
value: function(e,
|
|
67
|
-
var r = this,
|
|
66
|
+
value: function(e, i) {
|
|
67
|
+
var r = this, t = this.props, a = t.value, n = t.errors, l = t.errorIndex, d = t.showErrors, g = t.disabled, b = t.readonly, h = t.highlightErrorIndex, u = t.lineProcessing, o = t["aria-describedby"], y = o === void 0 ? "" : o;
|
|
68
68
|
if (e.value !== a) {
|
|
69
69
|
var v = this.getValues().join(this.delimiter);
|
|
70
70
|
(typeof a == "string" ? a !== v : a.join(this.delimiter) !== v) && this.handleValueOutChange();
|
|
71
71
|
}
|
|
72
|
-
(e.showErrors !== d || e.errors.length !== n.length) && (this.toggleAriaInvalid(d, n.length), d === !1 && this.textarea.setAttribute("aria-describedby", y)), e.errorIndex !== l &&
|
|
72
|
+
(e.showErrors !== d || e.errors.length !== n.length) && (this.toggleAriaInvalid(d, n.length), d === !1 && this.textarea.setAttribute("aria-describedby", y)), e.errorIndex !== l && h && this.handleChangeErrorIndex(l), (e.disabled !== g || e.readonly !== b) && (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"));
|
|
73
73
|
var p = this.state.keyboardLineIndex;
|
|
74
|
-
if (
|
|
74
|
+
if (i.keyboardLineIndex !== -1 && i.keyboardLineIndex !== p) {
|
|
75
75
|
if (u) {
|
|
76
|
-
var f, I = this.getValues(), L = u((f = I[
|
|
76
|
+
var f, I = this.getValues(), L = u((f = I[i.keyboardLineIndex]) !== null && f !== void 0 ? f : "", I), k = document.createTextNode(L), M = this.textarea.childNodes.item(i.keyboardLineIndex);
|
|
77
77
|
M instanceof HTMLParagraphElement && (L === "" ? M.innerHTML = this.emptyLineValue : M.replaceChild(k, M.childNodes.item(0))), this.validateLine(M), setTimeout(function() {
|
|
78
78
|
var P = r.textarea.childNodes.item(p);
|
|
79
79
|
P && r.setErrorIndex(P);
|
|
@@ -90,8 +90,8 @@ var me = (
|
|
|
90
90
|
}, {
|
|
91
91
|
key: "isDisabled",
|
|
92
92
|
get: function() {
|
|
93
|
-
var e = this.asProps,
|
|
94
|
-
return !!(
|
|
93
|
+
var e = this.asProps, i = e.disabled, r = e.readonly;
|
|
94
|
+
return !!(i || r);
|
|
95
95
|
}
|
|
96
96
|
}, {
|
|
97
97
|
key: "popperDescribedId",
|
|
@@ -102,11 +102,11 @@ var me = (
|
|
|
102
102
|
}, {
|
|
103
103
|
key: "errorMessage",
|
|
104
104
|
get: function() {
|
|
105
|
-
var e,
|
|
106
|
-
u !== -1 && (
|
|
105
|
+
var e, i, r, t = this.asProps, a = t.errors, n = t.errorIndex, l = t.commonErrorMessage, d = t.prevError, g = this.state, b = g.mouseLineIndex, h = g.keyboardLineIndex, u = this.errorByInteraction === "keyboard" ? h : this.errorByInteraction === "mouse" ? b : -1, o = a[n];
|
|
106
|
+
u !== -1 && (o = a.find(function(p) {
|
|
107
107
|
return (p == null ? void 0 : p.lineIndex) === u;
|
|
108
108
|
}));
|
|
109
|
-
var y = a.length === 0 && !d ? null : (e = (
|
|
109
|
+
var y = 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, v = !((r = o) !== null && r !== void 0 && r.errorMessage) && (l === "" || a.length === 0 ? !(d != null && d.errorMessage) : !0);
|
|
110
110
|
return {
|
|
111
111
|
errorMessage: y,
|
|
112
112
|
isCommonError: v
|
|
@@ -115,24 +115,24 @@ var me = (
|
|
|
115
115
|
}, {
|
|
116
116
|
key: "createContentEditableElement",
|
|
117
117
|
value: function(e) {
|
|
118
|
-
var
|
|
119
|
-
|
|
120
|
-
var r = ee(e),
|
|
121
|
-
for (var a in
|
|
118
|
+
var i = document.createElement("div");
|
|
119
|
+
i.setAttribute("contentEditable", e.disabled || e.readonly ? "false" : "true"), i.setAttribute("role", "textbox"), i.setAttribute("classname", "editable"), e.id && i.setAttribute("id", e.id), e.placeholder && i.setAttribute("placeholder", e.placeholder);
|
|
120
|
+
var r = ee(e), t = r.extractedAriaProps;
|
|
121
|
+
for (var a in t) {
|
|
122
122
|
var n = e[a];
|
|
123
|
-
n &&
|
|
123
|
+
n && i.setAttribute(a, n);
|
|
124
124
|
}
|
|
125
|
-
return e.disabled ?
|
|
125
|
+
return e.disabled ? i.setAttribute("tabIndex", "-1") : i.setAttribute("tabIndex", "0"), !e.disabled && !e.readonly ? this.addEventListeners(i) : i.addEventListener("keydown", this.handleSelectAll.bind(this)), i;
|
|
126
126
|
}
|
|
127
127
|
}, {
|
|
128
128
|
key: "handleValueOutChange",
|
|
129
129
|
value: function() {
|
|
130
|
-
var e = this.props,
|
|
131
|
-
if (
|
|
130
|
+
var e = this.props, i = e.value, r = e.onChangeLinesCount;
|
|
131
|
+
if (i === "")
|
|
132
132
|
this.textarea.textContent = "", r(0);
|
|
133
133
|
else {
|
|
134
|
-
var
|
|
135
|
-
(
|
|
134
|
+
var t, a = this.prepareNodesForPaste(i);
|
|
135
|
+
(t = this.textarea).replaceChildren.apply(t, W(a)), this.recalculateLinesCount(), this.recalculateErrors();
|
|
136
136
|
}
|
|
137
137
|
}
|
|
138
138
|
}, {
|
|
@@ -146,15 +146,15 @@ var me = (
|
|
|
146
146
|
}, {
|
|
147
147
|
key: "handleMouseDown",
|
|
148
148
|
value: function(e) {
|
|
149
|
-
var
|
|
150
|
-
|
|
149
|
+
var i = e.target;
|
|
150
|
+
i instanceof HTMLElement && (this.toggleErrorsPopper("keyboardLineIndex", i), this.setErrorIndex(i));
|
|
151
151
|
}
|
|
152
152
|
}, {
|
|
153
153
|
key: "handleMouseMove",
|
|
154
154
|
value: function(e) {
|
|
155
155
|
this.errorByInteraction = "mouse";
|
|
156
|
-
var
|
|
157
|
-
|
|
156
|
+
var i = e.target;
|
|
157
|
+
i !== this.textarea && (this.isFocusing || i instanceof HTMLElement && i.getAttribute("aria-invalid") === "true" ? this.toggleErrorsPopper("mouseLineIndex", i) : this.setState({
|
|
158
158
|
visibleErrorPopper: !1
|
|
159
159
|
}));
|
|
160
160
|
}
|
|
@@ -163,8 +163,8 @@ var me = (
|
|
|
163
163
|
value: function(e) {
|
|
164
164
|
if (this.changeTriggerTimeout && clearTimeout(this.changeTriggerTimeout), this.isFocusing) {
|
|
165
165
|
this.errorByInteraction = "keyboard";
|
|
166
|
-
var
|
|
167
|
-
this.toggleErrorsPopper("keyboardLineIndex",
|
|
166
|
+
var i = this.getNodeFromSelection();
|
|
167
|
+
this.toggleErrorsPopper("keyboardLineIndex", i, 0), this.setState({
|
|
168
168
|
mouseLineIndex: -1
|
|
169
169
|
});
|
|
170
170
|
} else
|
|
@@ -175,28 +175,28 @@ var me = (
|
|
|
175
175
|
}, {
|
|
176
176
|
key: "handlePaste",
|
|
177
177
|
value: function(e) {
|
|
178
|
-
var
|
|
178
|
+
var i;
|
|
179
179
|
e.preventDefault();
|
|
180
|
-
var r = this.asProps.validateOn,
|
|
180
|
+
var r = this.asProps.validateOn, t = (i = e.clipboardData) === null || i === void 0 ? void 0 : i.getData("text/plain"), a = t ? this.prepareNodesForPaste(t) : [];
|
|
181
181
|
if (a.length !== 0) {
|
|
182
182
|
var n = document.getSelection();
|
|
183
183
|
if (n != null && n.anchorNode && n !== null && n !== void 0 && n.focusNode) {
|
|
184
|
-
var l = n.anchorOffset, d = n.focusOffset, g = n.anchorNode.compareDocumentPosition(n.focusNode), b = this.getSelectionDirection(),
|
|
184
|
+
var l = n.anchorOffset, d = n.focusOffset, g = n.anchorNode.compareDocumentPosition(n.focusNode), b = this.getSelectionDirection(), h = b === "forward" ? n.anchorNode : n.focusNode, u = b === "forward" ? n.focusNode : n.anchorNode, o = b === "forward" ? l : d, y = b === "forward" ? d : l, v = h instanceof Text ? h.parentElement : h, p = u instanceof Text ? u.parentElement : u, f = null, I = null;
|
|
185
185
|
if (u === this.textarea) {
|
|
186
186
|
var L, k;
|
|
187
187
|
(L = this.textarea).replaceChildren.apply(L, W(a));
|
|
188
188
|
var M = a[a.length - 1];
|
|
189
189
|
f = M.childNodes.item(0), I = ((k = M.textContent) !== null && k !== void 0 ? k : "").length;
|
|
190
190
|
} else if (p instanceof HTMLParagraphElement && v instanceof HTMLParagraphElement) {
|
|
191
|
-
var P, A, S, C, w, F = (P = v == null || (A = v.textContent) === null || A === void 0 ? void 0 : A.substring(0,
|
|
191
|
+
var P, A, S, C, w, F = (P = v == null || (A = v.textContent) === null || A === void 0 ? void 0 : A.substring(0, o)) !== null && P !== void 0 ? P : "", D = (S = p == null || (C = p.textContent) === null || C === void 0 ? void 0 : C.substring(y)) !== null && S !== void 0 ? S : "", H = F.trim() === "" ? "" : F, c = D.trim() === "" ? "" : D;
|
|
192
192
|
n.deleteFromDocument(), g !== 0 && this.textarea.removeChild(p);
|
|
193
193
|
var T = a.splice(0, 1)[0], _ = a[a.length - 1];
|
|
194
194
|
if (v.textContent = (w = H + (T == null ? void 0 : T.textContent)) !== null && w !== void 0 ? w : "", v.after.apply(v, W(a)), _) {
|
|
195
195
|
var m, B;
|
|
196
|
-
_.textContent = ((m = _.textContent) !== null && m !== void 0 ? m : "") +
|
|
196
|
+
_.textContent = ((m = _.textContent) !== null && m !== void 0 ? m : "") + c, f = _.childNodes.item(0), I = ((B = _.textContent) !== null && B !== void 0 ? B : "").length, this.validateLine(_), this.setErrorIndex(_);
|
|
197
197
|
} else {
|
|
198
198
|
var R, V;
|
|
199
|
-
I = ((R = v.textContent) !== null && R !== void 0 ? R : "").length, v.textContent = ((V = v.textContent) !== null && V !== void 0 ? V : "") +
|
|
199
|
+
I = ((R = v.textContent) !== null && R !== void 0 ? R : "").length, v.textContent = ((V = v.textContent) !== null && V !== void 0 ? V : "") + c, f = v.childNodes.item(0), this.validateLine(v), this.setErrorIndex(v);
|
|
200
200
|
}
|
|
201
201
|
}
|
|
202
202
|
if (f instanceof Text) {
|
|
@@ -213,46 +213,46 @@ var me = (
|
|
|
213
213
|
}, {
|
|
214
214
|
key: "handleChange",
|
|
215
215
|
value: function(e) {
|
|
216
|
-
var
|
|
217
|
-
if (
|
|
218
|
-
var r,
|
|
216
|
+
var i = e.target;
|
|
217
|
+
if (i instanceof HTMLDivElement && e instanceof InputEvent) {
|
|
218
|
+
var r, t = this.textarea.childNodes, a = t.item(0), n = t.item(1), l = document.getSelection();
|
|
219
219
|
if (a instanceof Text) {
|
|
220
|
-
var d, g = (d = a.textContent) !== null && d !== void 0 ? d : "", b = document.createElement("p"),
|
|
221
|
-
b.append(
|
|
222
|
-
} else !a || a instanceof HTMLBRElement &&
|
|
220
|
+
var d, g = (d = a.textContent) !== null && d !== void 0 ? d : "", b = document.createElement("p"), h = document.createTextNode(g);
|
|
221
|
+
b.append(h), a.replaceWith(b), l == null || l.setPosition(b, g.length);
|
|
222
|
+
} else !a || a instanceof HTMLBRElement && t.length === 1 ? (this.textarea.textContent = "", this.setState({
|
|
223
223
|
keyboardLineIndex: 0
|
|
224
|
-
})) : a instanceof HTMLParagraphElement && !((r = a.textContent) !== null && r !== void 0 && r.trim()) && (
|
|
224
|
+
})) : a instanceof HTMLParagraphElement && !((r = a.textContent) !== null && r !== void 0 && r.trim()) && (t.length <= 1 || n instanceof HTMLBRElement) && (this.textarea.textContent = "", this.setState({
|
|
225
225
|
keyboardLineIndex: 0
|
|
226
226
|
}));
|
|
227
|
-
for (var u = 10,
|
|
227
|
+
for (var u = 10, o = l == null ? void 0 : l.focusNode; ((y = o) === null || y === void 0 ? void 0 : y.parentNode) !== this.textarea && u > 0; ) {
|
|
228
228
|
var y, v;
|
|
229
|
-
|
|
229
|
+
o = (v = o) === null || v === void 0 ? void 0 : v.parentNode, u--;
|
|
230
230
|
}
|
|
231
|
-
if (
|
|
232
|
-
var p, f, I =
|
|
231
|
+
if (o instanceof HTMLParagraphElement) {
|
|
232
|
+
var p, f, I = o.childNodes, L = (p = o.textContent) !== null && p !== void 0 ? p : "";
|
|
233
233
|
if (I.length > 1) {
|
|
234
234
|
var k, M = (k = I.item(0).textContent) === null || k === void 0 ? void 0 : k.length;
|
|
235
|
-
|
|
235
|
+
o.textContent = L, M && this.setSelection(o.childNodes.item(0), M, M);
|
|
236
236
|
}
|
|
237
237
|
if (L.length > 0) {
|
|
238
238
|
var P = L.at(0), A = L.at(L.length - 1);
|
|
239
239
|
if (P === this.getEmptyParagraph().textContent || A === this.getEmptyParagraph().textContent) {
|
|
240
240
|
var S = null;
|
|
241
|
-
P === this.getEmptyParagraph().textContent ? (
|
|
241
|
+
P === this.getEmptyParagraph().textContent ? (o.textContent = L.substring(1), S = e.inputType === "deleteContentBackward" || e.inputType === "deleteContentForward" ? 0 : o.textContent.length) : A === this.getEmptyParagraph().textContent && (o.textContent = L.substring(0, L.length - 1), S = o.textContent.length), S && this.setSelection(o.childNodes.item(0), S, S);
|
|
242
242
|
}
|
|
243
|
-
} else I.length === 1 && I[0] instanceof HTMLBRElement && (
|
|
244
|
-
var C = this.asProps, w = C.errors, F = C.showErrors, D = this.validateLine(
|
|
245
|
-
this.recalculateErrors(), this.setErrorIndex(
|
|
246
|
-
var H = !D || D && w.length === 1 && w[0].lineNode ===
|
|
243
|
+
} else I.length === 1 && I[0] instanceof HTMLBRElement && (o.innerHTML = this.emptyLineValue);
|
|
244
|
+
var C = this.asProps, w = C.errors, F = C.showErrors, D = this.validateLine(o);
|
|
245
|
+
this.recalculateErrors(), this.setErrorIndex(o), !D && F && this.toggleErrorsPopper("keyboardLineIndex", o, 0);
|
|
246
|
+
var H = !D || D && w.length === 1 && w[0].lineNode === o ? o : this.textarea;
|
|
247
247
|
if (F && ((f = this.popper) === null || f === void 0 ? void 0 : f.current.state.elements.reference) !== H)
|
|
248
248
|
if (this.shouldChangePopperTrigger(H)) {
|
|
249
|
-
var
|
|
250
|
-
(
|
|
249
|
+
var c;
|
|
250
|
+
(c = this.setPopperTrigger) === null || c === void 0 || c.call(this, H);
|
|
251
251
|
} else
|
|
252
252
|
this.setState({
|
|
253
253
|
visibleErrorPopper: !1
|
|
254
254
|
});
|
|
255
|
-
} else if (
|
|
255
|
+
} else if (o === null) {
|
|
256
256
|
var T;
|
|
257
257
|
if ((T = this.setPopperTrigger) === null || T === void 0 || T.call(this, this.textarea), (l == null ? void 0 : l.focusNode) === this.textarea && this.textarea.childNodes.length > 1) {
|
|
258
258
|
var _ = l.focusOffset, m = this.textarea.childNodes.item(_ - 1), B = this.textarea.childNodes.item(_);
|
|
@@ -271,15 +271,15 @@ var me = (
|
|
|
271
271
|
}, {
|
|
272
272
|
key: "handleBlur",
|
|
273
273
|
value: function(e) {
|
|
274
|
-
var
|
|
274
|
+
var i = this;
|
|
275
275
|
this.isFocusing = !1, this.setState({
|
|
276
276
|
visibleErrorPopper: !1
|
|
277
277
|
});
|
|
278
|
-
var r = this.asProps,
|
|
279
|
-
|
|
278
|
+
var r = this.asProps, t = r.validateOn, a = r.onBlur, n = r.value;
|
|
279
|
+
t.includes("blur") && this.recalculateErrors();
|
|
280
280
|
var l = typeof n == "string" ? this.getValues().join(this.delimiter) : this.getValues();
|
|
281
281
|
a(l, e), setTimeout(function() {
|
|
282
|
-
|
|
282
|
+
i.setState({
|
|
283
283
|
keyboardLineIndex: -1
|
|
284
284
|
});
|
|
285
285
|
}, 200);
|
|
@@ -287,38 +287,38 @@ var me = (
|
|
|
287
287
|
}, {
|
|
288
288
|
key: "handleKeyDown",
|
|
289
289
|
value: function(e) {
|
|
290
|
-
var
|
|
290
|
+
var i = this;
|
|
291
291
|
this.errorByInteraction = "keyboard";
|
|
292
|
-
var r = this.asProps.linesDelimiters,
|
|
292
|
+
var r = this.asProps.linesDelimiters, t = this.getNodeFromSelection();
|
|
293
293
|
if (e.key === "Enter" || r != null && r.includes(e.key)) {
|
|
294
|
-
if (
|
|
295
|
-
var a, n = (a =
|
|
294
|
+
if (t === this.textarea && e.preventDefault(), t instanceof HTMLParagraphElement) {
|
|
295
|
+
var a, n = (a = t.textContent) === null || a === void 0 ? void 0 : a.trim();
|
|
296
296
|
if (!n)
|
|
297
297
|
e.preventDefault();
|
|
298
298
|
else {
|
|
299
299
|
var l, d, g, b;
|
|
300
300
|
e.preventDefault();
|
|
301
|
-
var
|
|
302
|
-
if (u instanceof Text &&
|
|
301
|
+
var h = document.getSelection(), u = (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, y = "";
|
|
302
|
+
if (u instanceof Text && o !== void 0 && o !== ((d = u.textContent) === null || d === void 0 ? void 0 : d.length)) {
|
|
303
303
|
var v, p;
|
|
304
|
-
y = (v = (p = u.textContent) === null || p === void 0 ? void 0 : p.substring(
|
|
304
|
+
y = (v = (p = u.textContent) === null || p === void 0 ? void 0 : p.substring(o)) !== null && v !== void 0 ? v : this.emptyLineValue, u.textContent && (u.textContent = u.textContent.substring(0, o));
|
|
305
305
|
}
|
|
306
|
-
((g =
|
|
306
|
+
((g = t.textContent) === null || g === void 0 ? void 0 : g.trim()) === "" && (t.innerHTML = this.emptyLineValue);
|
|
307
307
|
var f = document.createElement("p");
|
|
308
|
-
y ? f.textContent = y : f.innerHTML = this.emptyLineValue,
|
|
309
|
-
|
|
308
|
+
y ? f.textContent = y : f.innerHTML = this.emptyLineValue, t.after(f), this.setSelection(f, 0, 0), this.validateLine(t), this.validateLine(f), t.previousSibling && this.validateLine(t.previousSibling), this.setErrorIndex(f), ((b = f.textContent) === null || b === void 0 ? void 0 : b.trim()) !== "" && this.recalculateLinesCount(), setTimeout(function() {
|
|
309
|
+
i.recalculateErrors();
|
|
310
310
|
}, 0), this.toggleErrorsPopperByKeyboard(0);
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
313
|
} else if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight")
|
|
314
|
-
|
|
315
|
-
else if (this.isDeleteKey(e) &&
|
|
314
|
+
t instanceof HTMLParagraphElement && this.handleCursorMovement(t, e), this.toggleErrorsPopperByKeyboard(200);
|
|
315
|
+
else if (this.isDeleteKey(e) && t instanceof HTMLParagraphElement) {
|
|
316
316
|
var I;
|
|
317
|
-
if (((I =
|
|
318
|
-
var L =
|
|
317
|
+
if (((I = t.textContent) === null || I === void 0 ? void 0 : I.trim()) === "" && !this.isRangeSelection()) {
|
|
318
|
+
var L = t.previousSibling;
|
|
319
319
|
if (L instanceof HTMLParagraphElement) {
|
|
320
320
|
var k;
|
|
321
|
-
if (e.preventDefault(), this.textarea.removeChild(
|
|
321
|
+
if (e.preventDefault(), this.textarea.removeChild(t), this.toggleErrorsPopperByKeyboard(0), ((k = L.textContent) === null || k === void 0 ? void 0 : k.trim()) === "" && L.previousSibling === null && this.textarea.childNodes.length === 1)
|
|
322
322
|
this.textarea.textContent = "", this.setSelection(this.textarea, 0, 0);
|
|
323
323
|
else if (L instanceof HTMLParagraphElement) {
|
|
324
324
|
var M, P, A = L.childNodes.item(0), S = (M = (P = A.textContent) === null || P === void 0 ? void 0 : P.length) !== null && M !== void 0 ? M : 0;
|
|
@@ -326,16 +326,16 @@ var me = (
|
|
|
326
326
|
} else
|
|
327
327
|
console.warn("incorrect prevNode type", L);
|
|
328
328
|
setTimeout(function() {
|
|
329
|
-
|
|
329
|
+
i.recalculateErrors();
|
|
330
330
|
}, 0), this.toggleErrorsPopperByKeyboard(0);
|
|
331
331
|
}
|
|
332
332
|
} else if (this.isRangeSelection()) {
|
|
333
|
-
var C, w, F, D, H,
|
|
334
|
-
if (_ === m && B === 0 && (m ===
|
|
333
|
+
var C, w, F, D, H, c = document.getSelection(), T = this.getSelectionDirection(), _ = T === "backward" ? c == null ? void 0 : c.focusNode : c == null ? void 0 : c.anchorNode, m = T === "backward" ? c == null ? void 0 : c.anchorNode : c == null ? void 0 : c.focusNode, B = T === "backward" ? c == null ? void 0 : c.focusOffset : c == null ? void 0 : c.anchorOffset, R = T === "backward" ? c == null ? void 0 : c.anchorOffset : c == null ? void 0 : c.focusOffset;
|
|
334
|
+
if (_ === m && B === 0 && (m === t && R === 1 || R === ((C = t.textContent) === null || C === void 0 ? void 0 : C.length))) {
|
|
335
335
|
e.preventDefault();
|
|
336
336
|
var V = _ == null ? void 0 : _.parentElement, j = m == null ? void 0 : m.parentElement, z = this.textarea.childNodes;
|
|
337
|
-
V === z.item(0) && j === z.item(z.length - 1) ? (this.textarea.textContent = "", this.setSelection(this.textarea, 0, 0)) : (
|
|
338
|
-
|
|
337
|
+
V === z.item(0) && j === z.item(z.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() {
|
|
338
|
+
i.recalculateErrors();
|
|
339
339
|
}, 0), this.toggleErrorsPopperByKeyboard(0);
|
|
340
340
|
} else if (m !== _ && m instanceof Text && _ instanceof Text && (m == null ? void 0 : m.textContent) === (m == null || (w = m.parentNode) === null || w === void 0 ? void 0 : w.textContent) && (_ == null ? void 0 : _.textContent) === (_ == null || (F = _.parentNode) === null || F === void 0 ? void 0 : F.textContent) && B === 0 && R === (m == null || (D = m.parentNode) === null || D === void 0 || (H = D.textContent) === null || H === void 0 ? void 0 : H.length)) {
|
|
341
341
|
e.preventDefault();
|
|
@@ -359,10 +359,10 @@ var me = (
|
|
|
359
359
|
} finally {
|
|
360
360
|
G.f();
|
|
361
361
|
}
|
|
362
|
-
this.validateLine(
|
|
362
|
+
this.validateLine(t);
|
|
363
363
|
}
|
|
364
|
-
this.setErrorIndex(
|
|
365
|
-
|
|
364
|
+
this.setErrorIndex(t), this.recalculateLinesCount(), setTimeout(function() {
|
|
365
|
+
i.recalculateErrors();
|
|
366
366
|
}, 0), this.toggleErrorsPopperByKeyboard(0);
|
|
367
367
|
}
|
|
368
368
|
}
|
|
@@ -371,11 +371,11 @@ var me = (
|
|
|
371
371
|
}, {
|
|
372
372
|
key: "render",
|
|
373
373
|
value: function() {
|
|
374
|
-
var e = this.asProps,
|
|
375
|
-
return
|
|
374
|
+
var e = this.asProps, i, r, t = this, a = ge, n = this.asProps, l = n.styles, d = n.showErrors, g = this.state.visibleErrorPopper, b = this.errorMessage, h = b.errorMessage, u = b.isCommonError, o = d && g && !!h && !this.isDisabled, y = ee(this.asProps), v = y.__excludeProps;
|
|
375
|
+
return i = ue(l), /* @__PURE__ */ O.createElement(O.Fragment, null, /* @__PURE__ */ O.createElement($, i.cn("Tooltip", {
|
|
376
376
|
interaction: "none",
|
|
377
377
|
placement: u ? "right-start" : "right",
|
|
378
|
-
visible:
|
|
378
|
+
visible: o,
|
|
379
379
|
theme: "warning",
|
|
380
380
|
offset: u ? void 0 : [0, 26],
|
|
381
381
|
preventOverflow: {
|
|
@@ -384,10 +384,10 @@ var me = (
|
|
|
384
384
|
}
|
|
385
385
|
}), function(p) {
|
|
386
386
|
var f = p.popper, I = p.setTrigger;
|
|
387
|
-
return
|
|
388
|
-
id:
|
|
389
|
-
},
|
|
390
|
-
}), /* @__PURE__ */ O.createElement(a,
|
|
387
|
+
return t.popper || (t.setPopperTrigger = I, t.popper = f), /* @__PURE__ */ O.createElement($.Popper, {
|
|
388
|
+
id: t.popperDescribedId
|
|
389
|
+
}, h);
|
|
390
|
+
}), /* @__PURE__ */ O.createElement(a, i.cn("SInputField", ae({}, ce({
|
|
391
391
|
ref: this.containerRef,
|
|
392
392
|
__excludeProps: ["onBlur", "value"].concat(W(v))
|
|
393
393
|
}, e)))));
|
|
@@ -395,12 +395,12 @@ var me = (
|
|
|
395
395
|
}, {
|
|
396
396
|
key: "prepareNodesForPaste",
|
|
397
397
|
value: function(e) {
|
|
398
|
-
var
|
|
399
|
-
var
|
|
400
|
-
return
|
|
401
|
-
}, g = (r = l == null ? void 0 : l.skipEmptyLines) !== null && r !== void 0 ? r : this.skipEmptyLines, b = (
|
|
402
|
-
return
|
|
403
|
-
var y = d(u,
|
|
398
|
+
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(u) {
|
|
399
|
+
var o = u.trim();
|
|
400
|
+
return o === "" ? u : o;
|
|
401
|
+
}, g = (r = l == null ? void 0 : l.skipEmptyLines) !== null && r !== void 0 ? r : this.skipEmptyLines, b = (t = l == null ? void 0 : l.delimiter) !== null && t !== void 0 ? t : this.delimiter, h = Array.isArray(e) ? e : e.split(b);
|
|
402
|
+
return h.forEach(function(u, o) {
|
|
403
|
+
var y = d(u, o, h.length);
|
|
404
404
|
if (y === "" && g === !1 || y !== "") {
|
|
405
405
|
var v = document.createElement("p");
|
|
406
406
|
if (y === "")
|
|
@@ -418,11 +418,11 @@ var me = (
|
|
|
418
418
|
key: "recalculateErrors",
|
|
419
419
|
value: function() {
|
|
420
420
|
var e = [];
|
|
421
|
-
this.textarea.childNodes.forEach(function(
|
|
422
|
-
if (
|
|
423
|
-
var
|
|
424
|
-
errorMessage: (
|
|
425
|
-
lineNode:
|
|
421
|
+
this.textarea.childNodes.forEach(function(i, r) {
|
|
422
|
+
if (i instanceof HTMLParagraphElement && i.getAttribute("aria-invalid") === "true") {
|
|
423
|
+
var t, a = {
|
|
424
|
+
errorMessage: (t = i.dataset.errormessage) !== null && t !== void 0 ? t : "",
|
|
425
|
+
lineNode: i,
|
|
426
426
|
lineIndex: r
|
|
427
427
|
};
|
|
428
428
|
e.push(a);
|
|
@@ -434,23 +434,23 @@ var me = (
|
|
|
434
434
|
value: function() {
|
|
435
435
|
var e = this;
|
|
436
436
|
this.linesCountTimeout && clearTimeout(this.linesCountTimeout), this.linesCountTimeout = window.setTimeout(function() {
|
|
437
|
-
var
|
|
437
|
+
var i = 0, r = e.asProps, t = r.maxLines, a = r.linesCount;
|
|
438
438
|
e.textarea.childNodes.forEach(function(n, l) {
|
|
439
|
-
n instanceof HTMLParagraphElement && (n.dataset.overMaxRows = "false", n.textContent !== e.getEmptyParagraph().textContent && n.textContent !== "" && (
|
|
440
|
-
}), a !==
|
|
439
|
+
n instanceof HTMLParagraphElement && (n.dataset.overMaxRows = "false", n.textContent !== e.getEmptyParagraph().textContent && n.textContent !== "" && (i++, i > t && (n.dataset.overMaxRows = "true")));
|
|
440
|
+
}), a !== i && e.asProps.onChangeLinesCount(i);
|
|
441
441
|
}, 100);
|
|
442
442
|
}
|
|
443
443
|
}, {
|
|
444
444
|
key: "getValues",
|
|
445
445
|
value: function() {
|
|
446
446
|
var e = [];
|
|
447
|
-
return this.textarea.childNodes.forEach(function(
|
|
447
|
+
return this.textarea.childNodes.forEach(function(i) {
|
|
448
448
|
var r;
|
|
449
|
-
if (((r =
|
|
449
|
+
if (((r = i.textContent) === null || r === void 0 ? void 0 : r.trim()) === "")
|
|
450
450
|
e.push("");
|
|
451
451
|
else {
|
|
452
|
-
var
|
|
453
|
-
e.push((
|
|
452
|
+
var t;
|
|
453
|
+
e.push((t = i.textContent) !== null && t !== void 0 ? t : "");
|
|
454
454
|
}
|
|
455
455
|
}), e;
|
|
456
456
|
}
|
|
@@ -462,33 +462,33 @@ var me = (
|
|
|
462
462
|
}, {
|
|
463
463
|
key: "toggleErrorsPopperByKeyboard",
|
|
464
464
|
value: function(e) {
|
|
465
|
-
var
|
|
465
|
+
var i = this;
|
|
466
466
|
this.toggleErrorsPopperTimeout && clearTimeout(this.toggleErrorsPopperTimeout), this.isScrolling ? this.toggleErrorsPopperTimeout = window.setTimeout(function() {
|
|
467
|
-
|
|
467
|
+
i.toggleErrorsPopperByKeyboard(e);
|
|
468
468
|
}, 50) : setTimeout(function() {
|
|
469
|
-
var r =
|
|
470
|
-
|
|
469
|
+
var r = i.getNodeFromSelection();
|
|
470
|
+
i.toggleErrorsPopper("keyboardLineIndex", r, e);
|
|
471
471
|
}, 0);
|
|
472
472
|
}
|
|
473
473
|
}, {
|
|
474
474
|
key: "toggleErrorsPopper",
|
|
475
|
-
value: function(e,
|
|
476
|
-
var
|
|
477
|
-
|
|
478
|
-
var a =
|
|
479
|
-
a instanceof HTMLParagraphElement ? (l = a.getAttribute("aria-invalid") === "true", n = Array.from(
|
|
475
|
+
value: function(e, i, r) {
|
|
476
|
+
var t = this;
|
|
477
|
+
i instanceof HTMLDivElement || i instanceof HTMLParagraphElement ? (this.changeTriggerTimeout && clearTimeout(this.changeTriggerTimeout), this.changeTriggerTimeout = window.setTimeout(function() {
|
|
478
|
+
var a = i === t.textarea ? t.getNodeFromSelection() : i, n = -1, l = !1;
|
|
479
|
+
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) {
|
|
480
480
|
var g = {
|
|
481
|
-
visibleErrorPopper:
|
|
481
|
+
visibleErrorPopper: t.isFocusing && t.asProps.commonErrorMessage ? !0 : l,
|
|
482
482
|
mouseLineIndex: d.mouseLineIndex,
|
|
483
483
|
keyboardLineIndex: d.keyboardLineIndex
|
|
484
484
|
};
|
|
485
|
-
return (
|
|
485
|
+
return (t.isFocusing || e === "mouseLineIndex" && l) && (g[e] = n), g;
|
|
486
486
|
}, function() {
|
|
487
|
-
|
|
488
|
-
var d = l ? a :
|
|
489
|
-
if (
|
|
487
|
+
t.errorByInteraction = e === "mouseLineIndex" ? "mouse" : "keyboard";
|
|
488
|
+
var d = l ? a : t.textarea;
|
|
489
|
+
if (t.shouldChangePopperTrigger(d)) {
|
|
490
490
|
var g;
|
|
491
|
-
(g =
|
|
491
|
+
(g = t.setPopperTrigger) === null || g === void 0 || g.call(t, d), t.forceUpdate();
|
|
492
492
|
}
|
|
493
493
|
});
|
|
494
494
|
}, r ?? 50)) : this.setState({
|
|
@@ -497,13 +497,13 @@ var me = (
|
|
|
497
497
|
}
|
|
498
498
|
}, {
|
|
499
499
|
key: "toggleAriaInvalid",
|
|
500
|
-
value: function(e,
|
|
501
|
-
e &&
|
|
500
|
+
value: function(e, i) {
|
|
501
|
+
e && i > 0 ? (this.textarea.setAttribute("aria-describedby", this.popperDescribedId), this.textarea.setAttribute("aria-invalid", "true")) : (this.textarea.removeAttribute("aria-invalid"), this.textarea.removeAttribute("aria-describedby"));
|
|
502
502
|
}
|
|
503
503
|
}, {
|
|
504
504
|
key: "handleChangeErrorIndex",
|
|
505
505
|
value: function(e) {
|
|
506
|
-
var
|
|
506
|
+
var i, r = this, t = this.asProps.errors[e], a = this.textarea.childNodes, n = t ? (i = t.lineNode) !== null && i !== void 0 ? i : a.item(t.lineIndex) : null, l = document.getSelection();
|
|
507
507
|
l && n instanceof HTMLParagraphElement && (this.setState({
|
|
508
508
|
visibleErrorPopper: !1
|
|
509
509
|
}), setTimeout(function() {
|
|
@@ -514,63 +514,63 @@ var me = (
|
|
|
514
514
|
}, {
|
|
515
515
|
key: "validateLine",
|
|
516
516
|
value: function(e) {
|
|
517
|
-
var
|
|
518
|
-
if (
|
|
519
|
-
var r,
|
|
517
|
+
var i = this.asProps.lineValidation;
|
|
518
|
+
if (i && e instanceof HTMLElement) {
|
|
519
|
+
var r, t = i((r = e.textContent) !== null && r !== void 0 ? r : "", this.getValues()), a = t.isValid, n = t.errorMessage;
|
|
520
520
|
return a ? (e.removeAttribute("aria-invalid"), e.dataset.errormessage = void 0) : (e.setAttribute("aria-invalid", "true"), e.dataset.errormessage = n), a;
|
|
521
521
|
}
|
|
522
522
|
return !0;
|
|
523
523
|
}
|
|
524
524
|
}, {
|
|
525
525
|
key: "setSelection",
|
|
526
|
-
value: function(e,
|
|
527
|
-
var
|
|
528
|
-
n.setStart(e,
|
|
526
|
+
value: function(e, i, r) {
|
|
527
|
+
var t = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "center", a = document.getSelection(), n = document.createRange();
|
|
528
|
+
n.setStart(e, i), n.setEnd(e, r), a == null || a.removeAllRanges(), a == null || a.addRange(n);
|
|
529
529
|
var l = e instanceof Text ? e.parentNode : e;
|
|
530
530
|
l instanceof HTMLElement && l.scrollIntoView({
|
|
531
|
-
block:
|
|
532
|
-
inline:
|
|
531
|
+
block: t,
|
|
532
|
+
inline: t,
|
|
533
533
|
behavior: "smooth"
|
|
534
534
|
});
|
|
535
535
|
}
|
|
536
536
|
}, {
|
|
537
537
|
key: "getNodeFromSelection",
|
|
538
538
|
value: function() {
|
|
539
|
-
var e = document.getSelection(),
|
|
540
|
-
return
|
|
539
|
+
var e = document.getSelection(), i = (e == null ? void 0 : e.focusNode) instanceof Text ? e.focusNode.parentNode : e == null ? void 0 : e.focusNode;
|
|
540
|
+
return i ?? null;
|
|
541
541
|
}
|
|
542
542
|
}, {
|
|
543
543
|
key: "handleCursorMovement",
|
|
544
|
-
value: function(e,
|
|
544
|
+
value: function(e, i) {
|
|
545
545
|
var r = null;
|
|
546
|
-
switch (
|
|
546
|
+
switch (i.key) {
|
|
547
547
|
case "ArrowUp":
|
|
548
|
-
|
|
548
|
+
i.preventDefault(), r = e.previousSibling;
|
|
549
549
|
break;
|
|
550
550
|
case "ArrowDown":
|
|
551
|
-
|
|
551
|
+
i.preventDefault(), r = e.nextSibling;
|
|
552
552
|
break;
|
|
553
553
|
case "ArrowLeft": {
|
|
554
|
-
e.textContent === this.getEmptyParagraph().textContent && (
|
|
554
|
+
e.textContent === this.getEmptyParagraph().textContent && (i.preventDefault(), r = e.previousSibling);
|
|
555
555
|
break;
|
|
556
556
|
}
|
|
557
557
|
case "ArrowRight":
|
|
558
|
-
e.textContent === this.getEmptyParagraph().textContent && (
|
|
558
|
+
e.textContent === this.getEmptyParagraph().textContent && (i.preventDefault(), r = e.nextSibling);
|
|
559
559
|
}
|
|
560
560
|
if (r instanceof HTMLParagraphElement) {
|
|
561
|
-
var
|
|
562
|
-
|
|
561
|
+
var t, a, n, l = document.getSelection(), d = r.childNodes.item(0), g = d instanceof Text ? d : r, b = (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, u = h <= b.length ? h : b.length;
|
|
562
|
+
i.key === "ArrowLeft" ? u = b.length : i.key === "ArrowRight" && (u = 0), this.setSelection(g, u, u, "nearest");
|
|
563
563
|
}
|
|
564
564
|
}
|
|
565
565
|
}, {
|
|
566
566
|
key: "setErrorIndex",
|
|
567
567
|
value: function(e) {
|
|
568
|
-
var
|
|
568
|
+
var i = Array.from(this.textarea.childNodes).filter(function(r) {
|
|
569
569
|
return r instanceof Element && r.getAttribute("aria-invalid") === "true";
|
|
570
570
|
}).findIndex(function(r) {
|
|
571
571
|
return r === e;
|
|
572
572
|
});
|
|
573
|
-
this.handlers.errorIndex(
|
|
573
|
+
this.handlers.errorIndex(i);
|
|
574
574
|
}
|
|
575
575
|
}, {
|
|
576
576
|
key: "isDeleteKey",
|
|
@@ -598,8 +598,8 @@ var me = (
|
|
|
598
598
|
value: function(e) {
|
|
599
599
|
if (e.key === "a" && (e.metaKey || e.ctrlKey)) {
|
|
600
600
|
e.preventDefault();
|
|
601
|
-
var
|
|
602
|
-
|
|
601
|
+
var i = e.target;
|
|
602
|
+
i instanceof HTMLElement && i === this.textarea && this.setSelection(i, 0, i.childNodes.length);
|
|
603
603
|
}
|
|
604
604
|
}
|
|
605
605
|
}, {
|
|
@@ -613,14 +613,14 @@ var me = (
|
|
|
613
613
|
value: function() {
|
|
614
614
|
var e = document.getSelection();
|
|
615
615
|
if (e != null && e.anchorNode && e !== null && e !== void 0 && e.focusNode) {
|
|
616
|
-
var
|
|
617
|
-
return
|
|
618
|
-
|
|
616
|
+
var i = e.anchorNode.compareDocumentPosition(e.focusNode);
|
|
617
|
+
return i === 0 && e.anchorOffset > e.focusOffset || // if nodes are the same
|
|
618
|
+
i === Node.DOCUMENT_POSITION_PRECEDING ? "backward" : "forward";
|
|
619
619
|
}
|
|
620
620
|
return null;
|
|
621
621
|
}
|
|
622
622
|
}]), K;
|
|
623
|
-
}(
|
|
623
|
+
}(he);
|
|
624
624
|
E(Y, "displayName", "Textarea");
|
|
625
625
|
E(Y, "style", me);
|
|
626
626
|
E(Y, "enhance", [pe()]);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/bulk-textarea",
|
|
3
3
|
"description": "Semrush BulkTextarea Component",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.4.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
"@semcore/utils": "4.48.2",
|
|
18
18
|
"@semcore/flex-box": "5.41.2",
|
|
19
19
|
"@semcore/button": "5.43.1",
|
|
20
|
-
"@semcore/typography": "5.
|
|
20
|
+
"@semcore/typography": "5.53.0-prerelease.0",
|
|
21
21
|
"@semcore/counter": "3.38.2",
|
|
22
|
-
"@semcore/icon": "4.
|
|
22
|
+
"@semcore/icon": "4.61.0-prerelease.0",
|
|
23
23
|
"@semcore/popper": "5.46.2",
|
|
24
24
|
"@semcore/tooltip": "6.49.2",
|
|
25
25
|
"csstype": "3.0.8",
|