@semcore/bulk-textarea 1.1.1 → 1.2.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.2.0] - 2025-03-21
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/button` [5.42.1 ~> 5.43.0]).
|
|
10
|
+
|
|
5
11
|
## [1.1.1] - 2025-03-20
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -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_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)}" /*__inner_css_end__*/, "yxs6k_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SInputField": "___SInputField_yxs6k_gg_",
|
|
28
|
+
"_showErrors": "__showErrors_yxs6k_gg_",
|
|
29
|
+
"_readonly": "__readonly_yxs6k_gg_",
|
|
30
|
+
"_disabled": "__disabled_yxs6k_gg_",
|
|
31
|
+
"_size_m": "_size_m_yxs6k_gg_",
|
|
32
|
+
"--minRows": "--minRows_yxs6k",
|
|
33
|
+
"--maxRows": "--maxRows_yxs6k",
|
|
34
|
+
"_size_l": "_size_l_yxs6k_gg_",
|
|
35
|
+
"_state_normal": "_state_normal_yxs6k_gg_",
|
|
36
|
+
"_state_valid": "_state_valid_yxs6k_gg_",
|
|
37
|
+
"_state_invalid": "_state_invalid_yxs6k_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_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)}" /*__inner_css_end__*/, "yxs6k_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SInputField": "___SInputField_yxs6k_gg_",
|
|
18
|
+
"_showErrors": "__showErrors_yxs6k_gg_",
|
|
19
|
+
"_readonly": "__readonly_yxs6k_gg_",
|
|
20
|
+
"_disabled": "__disabled_yxs6k_gg_",
|
|
21
|
+
"_size_m": "_size_m_yxs6k_gg_",
|
|
22
|
+
"--minRows": "--minRows_yxs6k",
|
|
23
|
+
"--maxRows": "--maxRows_yxs6k",
|
|
24
|
+
"_size_l": "_size_l_yxs6k_gg_",
|
|
25
|
+
"_state_normal": "_state_normal_yxs6k_gg_",
|
|
26
|
+
"_state_valid": "_state_valid_yxs6k_gg_",
|
|
27
|
+
"_state_invalid": "_state_invalid_yxs6k_gg_"
|
|
28
28
|
});
|
|
29
29
|
import Tooltip from '@semcore/tooltip';
|
|
30
30
|
import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
|
|
@@ -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 "@semcore/utils/lib/core/index";
|
|
11
|
-
import { sstyled as ue, assignProps as
|
|
11
|
+
import { sstyled as ue, assignProps as he, Component as ce } from "@semcore/core";
|
|
12
12
|
import z from "react";
|
|
13
|
-
import { Box as
|
|
13
|
+
import { Box as ge } from "@semcore/flex-box";
|
|
14
14
|
import N from "@semcore/tooltip";
|
|
15
15
|
import { extractAriaProps as $ } from "@semcore/utils/lib/ariaProps";
|
|
16
|
-
import
|
|
16
|
+
import pe from "@semcore/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",
|
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.2.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",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@semcore/utils": "4.48.1",
|
|
18
18
|
"@semcore/flex-box": "5.41.1",
|
|
19
|
-
"@semcore/button": "5.
|
|
19
|
+
"@semcore/button": "5.43.0-prerelease.0",
|
|
20
20
|
"@semcore/typography": "5.52.1",
|
|
21
21
|
"@semcore/counter": "3.38.1",
|
|
22
22
|
"@semcore/icon": "4.60.1",
|