@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/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
- var SIZE_STYLES = {
9
+ const SIZE_STYLES = {
26
10
  s: styles.sizeS,
27
11
  m: styles.sizeM,
28
12
  l: styles.sizeL
29
13
  };
30
- var THEME_STYLES = {
14
+ const THEME_STYLES = {
31
15
  light: styles.themeLight,
32
16
  dark: styles.themeDark
33
17
  };
34
- var MODE_STYLES = {
18
+ const MODE_STYLES = {
35
19
  classic: styles.classic,
36
20
  rock: styles.rock
37
21
  };
38
- var Textarea = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
39
- function (_ref, ref) {
40
- var id = _ref.id,
41
- className = _ref.className,
42
- disabled = _ref.disabled,
43
- error = _ref.error,
44
- busy = _ref.busy,
45
- onChange = _ref.onChange,
46
- _ref$size = _ref.size,
47
- size = _ref$size === void 0 ? 'm' : _ref$size,
48
- _ref$mode = _ref.mode,
49
- mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
50
- themeFromProps = _ref.theme,
51
- textareaRef = _ref.textareaRef,
52
- value = _ref.value,
53
- tabIndex = _ref.tabIndex,
54
- label = _ref.label,
55
- _ref$boldLabel = _ref.boldLabel,
56
- boldLabel = _ref$boldLabel === void 0 ? false : _ref$boldLabel,
57
- note = _ref.note,
58
- restProps = _objectWithoutProperties(_ref, _excluded);
59
-
60
- var theme = useThemeWithUndefined(themeFromProps);
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: function onFocus() {
80
- return setFocused(true);
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
- })), busy && /*#__PURE__*/React.createElement("span", {
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": "_themeLight_1aj65iv_8",
3
- "themeDark": "_themeDark_1aj65iv_11",
4
- "sizeS": "_sizeS_1aj65iv_15",
5
- "sizeM": "_sizeM_1aj65iv_18",
6
- "sizeL": "_sizeL_1aj65iv_21",
7
- "classic": "_classic_1aj65iv_25",
8
- "rock": "_rock_1aj65iv_28",
9
- "labelWrapper": "_labelWrapper_1aj65iv_32",
10
- "wrapper": "_wrapper_1aj65iv_39",
11
- "disabled": "_disabled_1aj65iv_47",
12
- "inner": "_inner_1aj65iv_52",
13
- "focused": "_focused_1aj65iv_104",
14
- "error": "_error_1aj65iv_129",
15
- "filled": "_filled_1aj65iv_133",
16
- "busyIcon": "_busyIcon_1aj65iv_167",
17
- "errorMessage": "_errorMessage_1aj65iv_187",
18
- "errorIcon": "_errorIcon_1aj65iv_199",
19
- "note": "_note_1aj65iv_205",
20
- "label": "_label_1aj65iv_32"
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.5",
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.14.0",
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": "^0.2.5",
29
- "@rescui/scripts": "^0.3.4",
30
- "@rescui/typography": "^0.19.0",
31
- "@rescui/visual-regression": "^0.1.2",
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": "69a84812628809943698f0b27643c83dc449f119"
39
+ "gitHead": "6e43cc893fafb22b990273901bc0a070fb15761f"
40
40
  }