@rescui/textarea 0.7.5 → 0.7.7-RUI-226-Update-card-cn-6e43cc89.60
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/lib/_virtual/index.css.js +12 -7
- package/lib/_virtual/loading.js +106 -29
- package/lib/_virtual/warning.js +90 -21
- package/lib/index.css +175 -521
- package/lib/index.js +1 -1
- package/lib/public-api.p.css +40 -361
- package/lib/public-api.pcss +40 -361
- package/lib/textarea.js +35 -60
- package/lib/textarea.p.module.css.js +19 -19
- package/package.json +8 -8
package/lib/textarea.js
CHANGED
|
@@ -1,70 +1,47 @@
|
|
|
1
|
-
import "core-js/modules/es.object.to-string.js";
|
|
2
|
-
import "core-js/modules/web.dom-collections.for-each.js";
|
|
3
|
-
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
|
4
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
5
|
-
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
6
|
-
import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
|
|
7
|
-
import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
|
|
8
|
-
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
|
9
|
-
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
|
10
|
-
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
|
11
|
-
var _excluded = ["id", "className", "disabled", "error", "busy", "onChange", "size", "mode", "theme", "textareaRef", "value", "tabIndex", "label", "boldLabel", "note"];
|
|
12
|
-
|
|
13
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
|
-
|
|
15
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16
|
-
|
|
17
1
|
import React, { useState } from 'react';
|
|
18
2
|
import PropTypes from 'prop-types';
|
|
19
3
|
import TextareaAutosize from 'react-textarea-autosize';
|
|
20
4
|
import { useThemeWithUndefined } from '@rescui/ui-contexts';
|
|
21
5
|
import cn from 'classnames';
|
|
22
|
-
import LoadingIcon from './_virtual/loading.js';
|
|
23
6
|
import WarningIcon from './_virtual/warning.js';
|
|
7
|
+
import LoadingIcon from './_virtual/loading.js';
|
|
24
8
|
import styles from './textarea.p.module.css.js';
|
|
25
|
-
|
|
9
|
+
const SIZE_STYLES = {
|
|
26
10
|
s: styles.sizeS,
|
|
27
11
|
m: styles.sizeM,
|
|
28
12
|
l: styles.sizeL
|
|
29
13
|
};
|
|
30
|
-
|
|
14
|
+
const THEME_STYLES = {
|
|
31
15
|
light: styles.themeLight,
|
|
32
16
|
dark: styles.themeDark
|
|
33
17
|
};
|
|
34
|
-
|
|
18
|
+
const MODE_STYLES = {
|
|
35
19
|
classic: styles.classic,
|
|
36
20
|
rock: styles.rock
|
|
37
21
|
};
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
var isEmpty = !value;
|
|
62
|
-
|
|
63
|
-
var _useState = useState(false),
|
|
64
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
65
|
-
focused = _useState2[0],
|
|
66
|
-
setFocused = _useState2[1];
|
|
67
|
-
|
|
22
|
+
const Textarea = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
|
|
23
|
+
(_ref, ref) => {
|
|
24
|
+
let {
|
|
25
|
+
id,
|
|
26
|
+
className,
|
|
27
|
+
disabled,
|
|
28
|
+
error,
|
|
29
|
+
busy,
|
|
30
|
+
onChange,
|
|
31
|
+
size = 'm',
|
|
32
|
+
mode = 'classic',
|
|
33
|
+
theme: themeFromProps,
|
|
34
|
+
textareaRef,
|
|
35
|
+
value,
|
|
36
|
+
tabIndex,
|
|
37
|
+
label,
|
|
38
|
+
boldLabel = false,
|
|
39
|
+
note,
|
|
40
|
+
...restProps
|
|
41
|
+
} = _ref;
|
|
42
|
+
const theme = useThemeWithUndefined(themeFromProps);
|
|
43
|
+
const isEmpty = !value;
|
|
44
|
+
const [focused, setFocused] = useState(false);
|
|
68
45
|
return /*#__PURE__*/React.createElement("label", {
|
|
69
46
|
ref: ref,
|
|
70
47
|
className: cn(styles.labelWrapper, SIZE_STYLES[size], MODE_STYLES[mode], THEME_STYLES[theme], !!error && styles.error, disabled ? styles.disabled : styles.enabled, focused && styles.focused, boldLabel && styles.boldLabel, className),
|
|
@@ -76,13 +53,9 @@ function (_ref, ref) {
|
|
|
76
53
|
"data-rs-internal": boldLabel ? 'textarea__bold-label' : 'textarea__label'
|
|
77
54
|
}, label), /*#__PURE__*/React.createElement("div", {
|
|
78
55
|
className: styles.wrapper,
|
|
79
|
-
onFocus:
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
onBlur: function onBlur() {
|
|
83
|
-
return setFocused(false);
|
|
84
|
-
}
|
|
85
|
-
}, /*#__PURE__*/React.createElement(TextareaAutosize, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
56
|
+
onFocus: () => setFocused(true),
|
|
57
|
+
onBlur: () => setFocused(false)
|
|
58
|
+
}, /*#__PURE__*/React.createElement(TextareaAutosize, { ...restProps,
|
|
86
59
|
className: cn(styles.inner, isEmpty ? styles.empty : styles.filled),
|
|
87
60
|
disabled: disabled,
|
|
88
61
|
value: value,
|
|
@@ -92,18 +65,20 @@ function (_ref, ref) {
|
|
|
92
65
|
tabIndex: disabled ? -1 : tabIndex,
|
|
93
66
|
"data-test": 'textarea__input',
|
|
94
67
|
"data-rs-internal": "textarea__inner"
|
|
95
|
-
})
|
|
68
|
+
}), busy && /*#__PURE__*/React.createElement("span", {
|
|
96
69
|
className: styles.busyIcon
|
|
97
70
|
}, /*#__PURE__*/React.createElement(LoadingIcon, {
|
|
98
71
|
"data-test": "textarea__busy-icon",
|
|
99
|
-
"data-rs-internal": "textarea__busy-icon"
|
|
72
|
+
"data-rs-internal": "textarea__busy-icon",
|
|
73
|
+
"data-render-all-sizes": true
|
|
100
74
|
}))), error && typeof error !== 'boolean' && /*#__PURE__*/React.createElement("div", {
|
|
101
75
|
className: styles.errorMessage,
|
|
102
76
|
"data-test": 'textarea__error',
|
|
103
77
|
"data-rs-internal": "textarea__error-message"
|
|
104
78
|
}, /*#__PURE__*/React.createElement(WarningIcon, {
|
|
105
79
|
className: styles.errorIcon,
|
|
106
|
-
"data-rs-internal": "textarea__error-icon"
|
|
80
|
+
"data-rs-internal": "textarea__error-icon",
|
|
81
|
+
"data-render-all-sizes": true
|
|
107
82
|
}), /*#__PURE__*/React.createElement("span", null, error)), note && /*#__PURE__*/React.createElement("div", {
|
|
108
83
|
className: styles.note,
|
|
109
84
|
"data-test": 'textarea__note',
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"classic": "
|
|
8
|
-
"rock": "
|
|
9
|
-
"labelWrapper": "
|
|
10
|
-
"wrapper": "
|
|
11
|
-
"disabled": "
|
|
12
|
-
"inner": "
|
|
13
|
-
"focused": "
|
|
14
|
-
"error": "
|
|
15
|
-
"filled": "
|
|
16
|
-
"busyIcon": "
|
|
17
|
-
"errorMessage": "
|
|
18
|
-
"errorIcon": "
|
|
19
|
-
"note": "
|
|
20
|
-
"label": "
|
|
2
|
+
"themeLight": "_themeLight_vzzpoz_8",
|
|
3
|
+
"themeDark": "_themeDark_vzzpoz_11",
|
|
4
|
+
"sizeS": "_sizeS_vzzpoz_15",
|
|
5
|
+
"sizeM": "_sizeM_vzzpoz_18",
|
|
6
|
+
"sizeL": "_sizeL_vzzpoz_21",
|
|
7
|
+
"classic": "_classic_vzzpoz_25",
|
|
8
|
+
"rock": "_rock_vzzpoz_28",
|
|
9
|
+
"labelWrapper": "_labelWrapper_vzzpoz_32",
|
|
10
|
+
"wrapper": "_wrapper_vzzpoz_39",
|
|
11
|
+
"disabled": "_disabled_vzzpoz_47",
|
|
12
|
+
"inner": "_inner_vzzpoz_52",
|
|
13
|
+
"focused": "_focused_vzzpoz_104",
|
|
14
|
+
"error": "_error_vzzpoz_129",
|
|
15
|
+
"filled": "_filled_vzzpoz_133",
|
|
16
|
+
"busyIcon": "_busyIcon_vzzpoz_167",
|
|
17
|
+
"errorMessage": "_errorMessage_vzzpoz_187",
|
|
18
|
+
"errorIcon": "_errorIcon_vzzpoz_199",
|
|
19
|
+
"note": "_note_vzzpoz_205",
|
|
20
|
+
"label": "_label_vzzpoz_32"
|
|
21
21
|
};
|
|
22
22
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/textarea",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.7-RUI-226-Update-card-cn-6e43cc89.60+6e43cc89",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
7
7
|
"main": "lib/index.js",
|
|
8
|
+
"module": "lib/index.js",
|
|
8
9
|
"src:main": "src/index.ts",
|
|
9
10
|
"files": [
|
|
10
11
|
"lib",
|
|
@@ -14,9 +15,8 @@
|
|
|
14
15
|
"access": "public"
|
|
15
16
|
},
|
|
16
17
|
"dependencies": {
|
|
17
|
-
"@babel/runtime-corejs3": "^7.
|
|
18
|
+
"@babel/runtime-corejs3": "^7.26.0",
|
|
18
19
|
"classnames": "^2.2.6",
|
|
19
|
-
"core-js": "^3.9.1",
|
|
20
20
|
"react-textarea-autosize": "^8.3.4"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
"react": ">=16.8.0 <19"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@rescui/colors": "
|
|
29
|
-
"@rescui/scripts": "
|
|
30
|
-
"@rescui/typography": "
|
|
31
|
-
"@rescui/visual-regression": "
|
|
28
|
+
"@rescui/colors": "0.2.7-RUI-226-Update-card-cn-6e43cc89.60+6e43cc89",
|
|
29
|
+
"@rescui/scripts": "0.4.0",
|
|
30
|
+
"@rescui/typography": "0.19.2-RUI-226-Update-card-cn-6e43cc89.60+6e43cc89",
|
|
31
|
+
"@rescui/visual-regression": "0.1.2",
|
|
32
32
|
"@types/classnames": "^2.2.11"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
37
37
|
},
|
|
38
38
|
"nx": {},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "6e43cc893fafb22b990273901bc0a070fb15761f"
|
|
40
40
|
}
|