@semcore/bulk-textarea 1.1.0 → 1.1.1-prerelease.2
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.1.1] - 2025-03-18
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/icon` [4.60.0 ~> 4.60.1]).
|
|
10
|
+
|
|
5
11
|
## [1.1.0] - 2025-03-14
|
|
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_apo3p_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_apo3p_gg_>div:empty::before{content:\"1. \"attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_apo3p_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_apo3p_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_apo3p_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_apo3p_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_apo3p_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_apo3p_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:8px}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:16px}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:8px}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_apo3p_gg_.__showErrors_apo3p_gg_>div[aria-invalid]>p[aria-invalid]:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo=\\ );position:absolute;right:0}.___SInputField_apo3p_gg_._size_m_apo3p_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_apo3p)*20px);max-height:calc((var(--maxRows_apo3p) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_apo3p_gg_._size_l_apo3p_gg_>div:empty,.___SInputField_apo3p_gg_._size_m_apo3p_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_apo3p_gg_._size_m_apo3p_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_apo3p_gg_._size_l_apo3p_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_apo3p)*24px);max-height:calc((var(--maxRows_apo3p) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_apo3p_gg_._size_l_apo3p_gg_>div:empty::before{left:calc(var(--intergalactic-spacing-4x, 16px) - var(--intergalactic-spacing-05x, 2px))}.___SInputField_apo3p_gg_._state_normal_apo3p_gg_:not(.__disabled_apo3p_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_apo3p_gg_._state_valid_apo3p_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_apo3p_gg_._state_valid_apo3p_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInputField_apo3p_gg_._state_invalid_apo3p_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_apo3p_gg_._state_invalid_apo3p_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInputField_apo3p_gg_.__readonly_apo3p_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_apo3p_gg_.__disabled_apo3p_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "apo3p_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SInputField": "___SInputField_apo3p_gg_",
|
|
28
|
+
"_showErrors": "__showErrors_apo3p_gg_",
|
|
29
|
+
"_readonly": "__readonly_apo3p_gg_",
|
|
30
|
+
"_disabled": "__disabled_apo3p_gg_",
|
|
31
|
+
"_size_m": "_size_m_apo3p_gg_",
|
|
32
|
+
"--minRows": "--minRows_apo3p",
|
|
33
|
+
"--maxRows": "--maxRows_apo3p",
|
|
34
|
+
"_size_l": "_size_l_apo3p_gg_",
|
|
35
|
+
"_state_normal": "_state_normal_apo3p_gg_",
|
|
36
|
+
"_state_valid": "_state_valid_apo3p_gg_",
|
|
37
|
+
"_state_invalid": "_state_invalid_apo3p_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_apo3p_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_apo3p_gg_>div:empty::before{content:\"1. \"attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_apo3p_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_apo3p_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_apo3p_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_apo3p_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_apo3p_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_apo3p_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:8px}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:16px}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:8px}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_apo3p_gg_.__showErrors_apo3p_gg_>div[aria-invalid]>p[aria-invalid]:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo=\\ );position:absolute;right:0}.___SInputField_apo3p_gg_._size_m_apo3p_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_apo3p)*20px);max-height:calc((var(--maxRows_apo3p) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_apo3p_gg_._size_l_apo3p_gg_>div:empty,.___SInputField_apo3p_gg_._size_m_apo3p_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_apo3p_gg_._size_m_apo3p_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_apo3p_gg_._size_l_apo3p_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_apo3p)*24px);max-height:calc((var(--maxRows_apo3p) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_apo3p_gg_._size_l_apo3p_gg_>div:empty::before{left:calc(var(--intergalactic-spacing-4x, 16px) - var(--intergalactic-spacing-05x, 2px))}.___SInputField_apo3p_gg_._state_normal_apo3p_gg_:not(.__disabled_apo3p_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_apo3p_gg_._state_valid_apo3p_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_apo3p_gg_._state_valid_apo3p_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInputField_apo3p_gg_._state_invalid_apo3p_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_apo3p_gg_._state_invalid_apo3p_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInputField_apo3p_gg_.__readonly_apo3p_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_apo3p_gg_.__disabled_apo3p_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "apo3p_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SInputField": "___SInputField_apo3p_gg_",
|
|
18
|
+
"_showErrors": "__showErrors_apo3p_gg_",
|
|
19
|
+
"_readonly": "__readonly_apo3p_gg_",
|
|
20
|
+
"_disabled": "__disabled_apo3p_gg_",
|
|
21
|
+
"_size_m": "_size_m_apo3p_gg_",
|
|
22
|
+
"--minRows": "--minRows_apo3p",
|
|
23
|
+
"--maxRows": "--maxRows_apo3p",
|
|
24
|
+
"_size_l": "_size_l_apo3p_gg_",
|
|
25
|
+
"_state_normal": "_state_normal_apo3p_gg_",
|
|
26
|
+
"_state_valid": "_state_valid_apo3p_gg_",
|
|
27
|
+
"_state_invalid": "_state_invalid_apo3p_gg_"
|
|
28
28
|
});
|
|
29
29
|
import Tooltip from '@semcore/tooltip';
|
|
30
30
|
import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
|
|
@@ -8,31 +8,31 @@ import se from "@babel/runtime/helpers/esm/inherits";
|
|
|
8
8
|
import de from "@babel/runtime/helpers/esm/createSuper";
|
|
9
9
|
import L 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
|
|
12
|
-
import
|
|
13
|
-
import { Box as
|
|
11
|
+
import { sstyled as ue, assignProps as pe, Component as he } from "@semcore/core";
|
|
12
|
+
import z from "react";
|
|
13
|
+
import { Box as ce } 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 ge 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_apo3p_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_apo3p_gg_>div:empty::before{content:"1. "attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_apo3p_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_apo3p_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_apo3p_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_apo3p_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_apo3p_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_apo3p_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:8px}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:16px}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:8px}.___SInputField_apo3p_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_apo3p_gg_.__showErrors_apo3p_gg_>div[aria-invalid]>p[aria-invalid]:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo=\\ );position:absolute;right:0}.___SInputField_apo3p_gg_._size_m_apo3p_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_apo3p)*20px);max-height:calc((var(--maxRows_apo3p) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_apo3p_gg_._size_l_apo3p_gg_>div:empty,.___SInputField_apo3p_gg_._size_m_apo3p_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_apo3p_gg_._size_m_apo3p_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_apo3p_gg_._size_l_apo3p_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_apo3p)*24px);max-height:calc((var(--maxRows_apo3p) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_apo3p_gg_._size_l_apo3p_gg_>div:empty::before{left:calc(var(--intergalactic-spacing-4x, 16px) - var(--intergalactic-spacing-05x, 2px))}.___SInputField_apo3p_gg_._state_normal_apo3p_gg_:not(.__disabled_apo3p_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_apo3p_gg_._state_valid_apo3p_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_apo3p_gg_._state_valid_apo3p_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInputField_apo3p_gg_._state_invalid_apo3p_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_apo3p_gg_._state_invalid_apo3p_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInputField_apo3p_gg_.__readonly_apo3p_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_apo3p_gg_.__disabled_apo3p_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
|
|
23
|
+
"apo3p_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_apo3p_gg_",
|
|
26
|
+
_showErrors: "__showErrors_apo3p_gg_",
|
|
27
|
+
_readonly: "__readonly_apo3p_gg_",
|
|
28
|
+
_disabled: "__disabled_apo3p_gg_",
|
|
29
|
+
_size_m: "_size_m_apo3p_gg_",
|
|
30
|
+
"--minRows": "--minRows_apo3p",
|
|
31
|
+
"--maxRows": "--maxRows_apo3p",
|
|
32
|
+
_size_l: "_size_l_apo3p_gg_",
|
|
33
|
+
_state_normal: "_state_normal_apo3p_gg_",
|
|
34
|
+
_state_valid: "_state_valid_apo3p_gg_",
|
|
35
|
+
_state_invalid: "_state_invalid_apo3p_gg_"
|
|
36
36
|
})
|
|
37
37
|
), G = /* @__PURE__ */ function(ee) {
|
|
38
38
|
se(O, ee);
|
|
@@ -40,7 +40,7 @@ var me = (
|
|
|
40
40
|
function O(o) {
|
|
41
41
|
var e;
|
|
42
42
|
return le(this, O), e = ie.call(this, o), L(f(e), "delimiter", `
|
|
43
|
-
`), L(f(e), "skipEmptyLines", !0), L(f(e), "emptyLineValue", ""), L(f(e), "spaceLineValue", " "), L(f(e), "containerRef", /* @__PURE__ */
|
|
43
|
+
`), L(f(e), "skipEmptyLines", !0), L(f(e), "emptyLineValue", ""), L(f(e), "spaceLineValue", " "), L(f(e), "containerRef", /* @__PURE__ */ z.createRef()), L(f(e), "textarea", void 0), L(f(e), "popper", null), L(f(e), "setPopperTrigger", null), L(f(e), "errorByInteraction", null), L(f(e), "changeTriggerTimeout", 0), L(f(e), "isScrolling", !1), L(f(e), "scrollingTimeout", 0), L(f(e), "toggleErrorsPopperTimeout", 0), L(f(e), "isFocusing", !1), L(f(e), "linesCountTimeout", 0), L(f(e), "state", {
|
|
44
44
|
visibleErrorPopper: !1,
|
|
45
45
|
keyboardLineIndex: -1,
|
|
46
46
|
mouseLineIndex: -1
|
|
@@ -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", I)), e.errorIndex !== l &&
|
|
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, c = t.disabled, m = t.readonly, p = t.highlightErrorIndex, v = t.lineProcessing, s = t["aria-describedby"], I = s === void 0 ? "" : s;
|
|
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", I)), e.errorIndex !== l && p && this.handleChangeErrorIndex(l), (e.disabled !== c || e.readonly !== m) && (this.isDisabled ? (this.textarea.setAttribute("contenteditable", "false"), this.removeEventListeners(this.textarea)) : (this.textarea.setAttribute("contenteditable", "true"), this.addEventListeners(this.textarea)), c ? this.textarea.setAttribute("tabindex", "-1") : this.textarea.setAttribute("tabindex", "0"));
|
|
69
|
+
var h = this.state.keyboardLineIndex;
|
|
70
|
+
if (i.keyboardLineIndex !== -1 && i.keyboardLineIndex !== h) {
|
|
71
71
|
if (v) {
|
|
72
72
|
var y, b = this.getValues(), E = v((y = b[i.keyboardLineIndex]) !== null && y !== void 0 ? y : "", b), x = document.createTextNode(E), k = this.textarea.childNodes.item(i.keyboardLineIndex);
|
|
73
73
|
k instanceof HTMLParagraphElement && (E === "" ? k.innerHTML = this.emptyLineValue : k.replaceChild(x, k.childNodes.item(0))), this.validateLine(k), setTimeout(function() {
|
|
74
|
-
var M = r.textarea.childNodes.item(
|
|
74
|
+
var M = r.textarea.childNodes.item(h);
|
|
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(h);
|
|
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,
|
|
101
|
+
var e, i, r, t = this.asProps, a = t.errors, n = t.errorIndex, l = t.commonErrorMessage, d = t.prevError, c = this.state, m = c.mouseLineIndex, p = c.keyboardLineIndex, v = this.errorByInteraction === "keyboard" ? p : this.errorByInteraction === "mouse" ? m : -1, s = a[n];
|
|
102
102
|
v !== -1 && (s = a.find(function(y) {
|
|
103
103
|
return (y == null ? void 0 : y.lineIndex) === v;
|
|
104
104
|
}));
|
|
105
|
-
var I = a.length === 0 && !d ? null : (e = (i = s) === null || i === void 0 ? void 0 : i.errorMessage) !== null && e !== void 0 ? e : l === "" || a.length === 0 ? d == null ? void 0 : d.errorMessage : l,
|
|
105
|
+
var I = a.length === 0 && !d ? null : (e = (i = s) === null || i === void 0 ? void 0 : i.errorMessage) !== null && e !== void 0 ? e : l === "" || a.length === 0 ? d == null ? void 0 : d.errorMessage : l, h = !((r = s) !== null && r !== void 0 && r.errorMessage) && (l === "" || a.length === 0 ? !(d != null && d.errorMessage) : !0);
|
|
106
106
|
return {
|
|
107
107
|
errorMessage: I,
|
|
108
|
-
isCommonError:
|
|
108
|
+
isCommonError: h
|
|
109
109
|
};
|
|
110
110
|
}
|
|
111
111
|
}, {
|
|
@@ -176,27 +176,27 @@ 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, c = n.anchorNode.compareDocumentPosition(n.focusNode), m = this.getSelectionDirection(), p = m === "forward" ? n.anchorNode : n.focusNode, v = m === "forward" ? n.focusNode : n.anchorNode, s = m === "forward" ? l : d, I = m === "forward" ? d : l, h = p instanceof Text ? p.parentElement : p, y = v instanceof Text ? v.parentElement : v, b = null, E = null;
|
|
180
180
|
if (v === this.textarea) {
|
|
181
181
|
var x, k;
|
|
182
182
|
(x = this.textarea).replaceChildren.apply(x, U(a));
|
|
183
183
|
var M = a[a.length - 1];
|
|
184
184
|
b = M.childNodes.item(0), E = ((k = M.textContent) !== null && k !== void 0 ? k : "").length;
|
|
185
|
-
} else if (y instanceof HTMLParagraphElement &&
|
|
186
|
-
var
|
|
187
|
-
n.deleteFromDocument(),
|
|
185
|
+
} else if (y instanceof HTMLParagraphElement && h instanceof HTMLParagraphElement) {
|
|
186
|
+
var C, F, P, w, D, H = (C = h == null || (F = h.textContent) === null || F === void 0 ? void 0 : F.substring(0, s)) !== null && C !== void 0 ? C : "", A = (P = y == null || (w = y.textContent) === null || w === void 0 ? void 0 : w.substring(I)) !== null && P !== void 0 ? P : "";
|
|
187
|
+
n.deleteFromDocument(), c !== 0 && this.textarea.removeChild(y);
|
|
188
188
|
var T = a.splice(0, 1)[0], u = a[a.length - 1];
|
|
189
|
-
if (
|
|
189
|
+
if (h.textContent = (D = H + (T == null ? void 0 : T.textContent)) !== null && D !== void 0 ? D : "", h.after.apply(h, U(a)), u) {
|
|
190
190
|
var S, _;
|
|
191
|
-
u.textContent = ((S = u.textContent) !== null && S !== void 0 ? S : "") +
|
|
191
|
+
u.textContent = ((S = u.textContent) !== null && S !== void 0 ? S : "") + A, b = u.childNodes.item(0), E = ((_ = u.textContent) !== null && _ !== void 0 ? _ : "").length, this.validateLine(u), this.setErrorIndex(u);
|
|
192
192
|
} else {
|
|
193
|
-
var
|
|
194
|
-
E = ((
|
|
193
|
+
var g, B;
|
|
194
|
+
E = ((g = h.textContent) !== null && g !== void 0 ? g : "").length, h.textContent = ((B = h.textContent) !== null && B !== void 0 ? B : "") + A, b = h.childNodes.item(0), this.validateLine(h), this.setErrorIndex(h);
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
197
|
if (b instanceof Text) {
|
|
198
|
-
var
|
|
199
|
-
this.setSelection(b, (
|
|
198
|
+
var R, K;
|
|
199
|
+
this.setSelection(b, (R = E) !== null && R !== void 0 ? R : 1, (K = E) !== null && K !== void 0 ? K : 1), this.toggleErrorsPopper("keyboardLineIndex", b.parentNode);
|
|
200
200
|
} else {
|
|
201
201
|
var V;
|
|
202
202
|
console.warn("incorrect child type", b, (V = b) === null || V === void 0 ? void 0 : V.parentNode);
|
|
@@ -211,16 +211,16 @@ 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, c = (d = a.textContent) !== null && d !== void 0 ? d : "", m = document.createElement("p"), p = document.createTextNode(c);
|
|
215
|
+
m.append(p), a.replaceWith(m), l == null || l.setPosition(m, c.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
221
|
for (var v = 10, s = l == null ? void 0 : l.focusNode; ((I = s) === null || I === void 0 ? void 0 : I.parentNode) !== this.textarea && v > 0; ) {
|
|
222
|
-
var I,
|
|
223
|
-
s = (
|
|
222
|
+
var I, h;
|
|
223
|
+
s = (h = s) === null || h === void 0 ? void 0 : h.parentNode, v--;
|
|
224
224
|
}
|
|
225
225
|
if (s instanceof HTMLParagraphElement) {
|
|
226
226
|
var y, b, E = s.childNodes, x = (y = s.textContent) !== null && y !== void 0 ? y : "";
|
|
@@ -229,16 +229,16 @@ var me = (
|
|
|
229
229
|
s.textContent = x, M && this.setSelection(s.childNodes.item(0), M, M);
|
|
230
230
|
}
|
|
231
231
|
if (x.length > 0) {
|
|
232
|
-
var
|
|
233
|
-
if (
|
|
232
|
+
var C = x.at(0), F = x.at(x.length - 1);
|
|
233
|
+
if (C === this.getEmptyParagraph().textContent || F === this.getEmptyParagraph().textContent) {
|
|
234
234
|
var P = null;
|
|
235
|
-
|
|
235
|
+
C === this.getEmptyParagraph().textContent ? (s.textContent = x.substring(1), P = e.inputType === "deleteContentBackward" || e.inputType === "deleteContentForward" ? 0 : s.textContent.length) : F === this.getEmptyParagraph().textContent && (s.textContent = x.substring(0, x.length - 1), P = s.textContent.length), P && this.setSelection(s.childNodes.item(0), P, P);
|
|
236
236
|
}
|
|
237
237
|
} else E.length === 1 && E[0] instanceof HTMLBRElement && (s.innerHTML = this.emptyLineValue);
|
|
238
|
-
var
|
|
239
|
-
this.recalculateErrors(), this.setErrorIndex(s), !
|
|
240
|
-
var T = !
|
|
241
|
-
if (
|
|
238
|
+
var w = this.asProps, D = w.errors, H = w.showErrors, A = this.validateLine(s);
|
|
239
|
+
this.recalculateErrors(), this.setErrorIndex(s), !A && H && this.toggleErrorsPopper("keyboardLineIndex", s, 0);
|
|
240
|
+
var T = !A || A && D.length === 1 && D[0].lineNode === s ? s : this.textarea;
|
|
241
|
+
if (H && ((b = this.popper) === null || b === void 0 ? void 0 : b.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);
|
|
@@ -249,8 +249,8 @@ var me = (
|
|
|
249
249
|
} else if (s === 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(
|
|
252
|
+
var _ = l.focusOffset, g = this.textarea.childNodes.item(_ - 1), B = this.textarea.childNodes.item(_);
|
|
253
|
+
this.textarea.removeChild(B), g instanceof HTMLParagraphElement && (g.innerHTML = this.emptyLineValue), g && this.setSelection(g, 0, 0);
|
|
254
254
|
} else
|
|
255
255
|
this.setSelection(this.textarea, 0, 0);
|
|
256
256
|
}
|
|
@@ -288,14 +288,14 @@ var me = (
|
|
|
288
288
|
if (!n)
|
|
289
289
|
e.preventDefault();
|
|
290
290
|
else {
|
|
291
|
-
var l, d,
|
|
291
|
+
var l, d, c, m;
|
|
292
292
|
e.preventDefault();
|
|
293
|
-
var
|
|
293
|
+
var p = document.getSelection(), v = (p == null ? void 0 : p.focusNode) instanceof Text ? p.focusNode : p == null || (l = p.focusNode) === null || l === void 0 ? void 0 : l.childNodes.item(0), s = p == null ? void 0 : p.focusOffset, I = "";
|
|
294
294
|
if (v instanceof Text && s !== void 0 && s !== ((d = v.textContent) === null || d === void 0 ? void 0 : d.length)) {
|
|
295
|
-
var
|
|
296
|
-
I = (
|
|
295
|
+
var h, y;
|
|
296
|
+
I = (h = (y = v.textContent) === null || y === void 0 ? void 0 : y.substring(s)) !== null && h !== void 0 ? h : this.emptyLineValue, v.textContent && (v.textContent = v.textContent.substring(0, s));
|
|
297
297
|
}
|
|
298
|
-
((
|
|
298
|
+
((c = t.textContent) === null || c === void 0 ? void 0 : c.trim()) === "" && (t.innerHTML = this.emptyLineValue);
|
|
299
299
|
var b = document.createElement("p");
|
|
300
300
|
I ? b.textContent = I : b.innerHTML = this.emptyLineValue, t.after(b), this.setSelection(b, 0, 0), this.validateLine(t), this.validateLine(b), t.previousSibling && this.validateLine(t.previousSibling), this.setErrorIndex(b), ((m = b.textContent) === null || m === void 0 ? void 0 : m.trim()) !== "" && this.recalculateLinesCount(), setTimeout(function() {
|
|
301
301
|
i.recalculateErrors();
|
|
@@ -313,8 +313,8 @@ var me = (
|
|
|
313
313
|
if (e.preventDefault(), this.textarea.removeChild(t), this.toggleErrorsPopperByKeyboard(0), ((k = x.textContent) === null || k === void 0 ? void 0 : k.trim()) === "" && x.previousSibling === null && this.textarea.childNodes.length === 1)
|
|
314
314
|
this.textarea.textContent = "", this.setSelection(this.textarea, 0, 0);
|
|
315
315
|
else if (x instanceof HTMLParagraphElement) {
|
|
316
|
-
var M,
|
|
317
|
-
this.setSelection(
|
|
316
|
+
var M, C, F = x.childNodes.item(0), P = (M = (C = F.textContent) === null || C === void 0 ? void 0 : C.length) !== null && M !== void 0 ? M : 0;
|
|
317
|
+
this.setSelection(F, P, P);
|
|
318
318
|
} else
|
|
319
319
|
console.warn("incorrect prevNode type", x);
|
|
320
320
|
setTimeout(function() {
|
|
@@ -322,16 +322,16 @@ var me = (
|
|
|
322
322
|
}, 0), this.toggleErrorsPopperByKeyboard(0);
|
|
323
323
|
}
|
|
324
324
|
} else if (this.isRangeSelection()) {
|
|
325
|
-
var
|
|
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, g = 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 (_ === g && B === 0 && (g === 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 = g == null ? void 0 : g.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 (g !== _ && g instanceof Text && _ instanceof Text && (g == null ? void 0 : g.textContent) === (g == null || (D = g.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 === (g == null || (A = g.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 = g.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,8 +363,8 @@ var me = (
|
|
|
363
363
|
}, {
|
|
364
364
|
key: "render",
|
|
365
365
|
value: function() {
|
|
366
|
-
var e = this.asProps, i, r, t = this, a =
|
|
367
|
-
return i = ue(l), /* @__PURE__ */
|
|
366
|
+
var e = this.asProps, i, r, t = this, a = ce, n = this.asProps, l = n.styles, d = n.showErrors, c = this.state.visibleErrorPopper, m = this.errorMessage, p = m.errorMessage, v = m.isCommonError, s = d && c && !!p && !this.isDisabled, I = $(this.asProps), h = I.__excludeProps;
|
|
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
370
|
visible: s,
|
|
@@ -376,24 +376,24 @@ var me = (
|
|
|
376
376
|
}
|
|
377
377
|
}), function(y) {
|
|
378
378
|
var b = y.popper, E = y.setTrigger;
|
|
379
|
-
return t.popper || (t.setPopperTrigger = E, t.popper = b), /* @__PURE__ */
|
|
379
|
+
return t.popper || (t.setPopperTrigger = E, t.popper = b), /* @__PURE__ */ z.createElement(N.Popper, {
|
|
380
380
|
id: t.popperDescribedId
|
|
381
|
-
},
|
|
382
|
-
}), /* @__PURE__ */
|
|
381
|
+
}, p);
|
|
382
|
+
}), /* @__PURE__ */ z.createElement(a, i.cn("SInputField", ae({}, pe({
|
|
383
383
|
ref: this.containerRef,
|
|
384
|
-
__excludeProps: ["onBlur", "value"].concat(U(
|
|
384
|
+
__excludeProps: ["onBlur", "value"].concat(U(h))
|
|
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 === "" &&
|
|
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(p) {
|
|
391
|
+
var v = p.trim();
|
|
392
|
+
return v === "" ? p : v;
|
|
393
|
+
}, c = (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(p) {
|
|
395
|
+
var v = d(p);
|
|
396
|
+
if (v === "" && c === !1 || v !== "") {
|
|
397
397
|
var s = document.createElement("p");
|
|
398
398
|
if (v === "")
|
|
399
399
|
s.innerHTML = a.emptyLineValue;
|
|
@@ -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 c = {
|
|
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) && (c[e] = n), c;
|
|
473
473
|
}, function() {
|
|
474
474
|
var d = l ? a : t.textarea;
|
|
475
475
|
if (t.shouldChangePopperTrigger(d)) {
|
|
476
|
-
var
|
|
477
|
-
(
|
|
476
|
+
var c;
|
|
477
|
+
(c = t.setPopperTrigger) === null || c === void 0 || c.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), c = d instanceof Text ? d : r, m = (t = (a = r.textContent) === null || a === void 0 ? void 0 : a.trim()) !== null && t !== void 0 ? t : "", p = (n = l == null ? void 0 : l.focusOffset) !== null && n !== void 0 ? n : 0, v = p <= m.length ? p : m.length;
|
|
548
|
+
i.key === "ArrowLeft" ? v = m.length : i.key === "ArrowRight" && (v = 0), this.setSelection(c, v, v, "nearest");
|
|
549
549
|
}
|
|
550
550
|
}
|
|
551
551
|
}, {
|
|
@@ -606,10 +606,10 @@ var me = (
|
|
|
606
606
|
return null;
|
|
607
607
|
}
|
|
608
608
|
}]), O;
|
|
609
|
-
}(
|
|
609
|
+
}(he);
|
|
610
610
|
L(G, "displayName", "Textarea");
|
|
611
611
|
L(G, "style", me);
|
|
612
|
-
L(G, "enhance", [
|
|
612
|
+
L(G, "enhance", [ge()]);
|
|
613
613
|
L(G, "defaultProps", {
|
|
614
614
|
defaultValue: "",
|
|
615
615
|
size: "m",
|
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.1.
|
|
4
|
+
"version": "1.1.1-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,19 +14,19 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/utils": "4.48.
|
|
18
|
-
"@semcore/flex-box": "5.41.
|
|
19
|
-
"@semcore/button": "5.42.
|
|
20
|
-
"@semcore/typography": "5.52.
|
|
21
|
-
"@semcore/counter": "3.38.
|
|
22
|
-
"@semcore/icon": "4.60.
|
|
23
|
-
"@semcore/popper": "5.46.
|
|
24
|
-
"@semcore/tooltip": "6.49.
|
|
17
|
+
"@semcore/utils": "4.48.1-prerelease.2",
|
|
18
|
+
"@semcore/flex-box": "5.41.1-prerelease.2",
|
|
19
|
+
"@semcore/button": "5.42.1-prerelease.2",
|
|
20
|
+
"@semcore/typography": "5.52.1-prerelease.2",
|
|
21
|
+
"@semcore/counter": "3.38.1-prerelease.2",
|
|
22
|
+
"@semcore/icon": "4.60.1-prerelease.2",
|
|
23
|
+
"@semcore/popper": "5.46.1-prerelease.2",
|
|
24
|
+
"@semcore/tooltip": "6.49.1-prerelease.2",
|
|
25
25
|
"csstype": "3.0.8",
|
|
26
26
|
"dompurify": "3.2.3"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"@semcore/core": "^2.
|
|
29
|
+
"@semcore/core": "^2.39.1-prerelease.2",
|
|
30
30
|
"react": "16.8 - 18",
|
|
31
31
|
"react-dom": "16.8 - 18"
|
|
32
32
|
},
|