@commercetools-uikit/multiline-text-field 15.15.0 → 16.0.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/dist/commercetools-uikit-multiline-text-field.cjs.d.ts +1 -0
- package/dist/commercetools-uikit-multiline-text-field.cjs.d.ts.map +1 -0
- package/dist/commercetools-uikit-multiline-text-field.cjs.dev.js +23 -29
- package/dist/commercetools-uikit-multiline-text-field.cjs.prod.js +22 -28
- package/dist/commercetools-uikit-multiline-text-field.esm.js +20 -25
- package/package.json +9 -9
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commercetools-uikit-multiline-text-field.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|
|
@@ -2,15 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
6
|
-
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
7
|
-
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
8
|
-
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
9
|
-
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
10
|
-
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
11
|
-
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
12
|
-
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
13
|
-
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
14
5
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
15
6
|
var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
|
|
16
7
|
var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
|
|
@@ -20,7 +11,15 @@ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
|
|
|
20
11
|
var _pt = require('prop-types');
|
|
21
12
|
var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
|
|
22
13
|
var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
|
|
23
|
-
var
|
|
14
|
+
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
15
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
17
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
18
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
19
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
20
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
21
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
22
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
24
23
|
var react = require('react');
|
|
25
24
|
var utils = require('@commercetools-uikit/utils');
|
|
26
25
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -32,6 +31,9 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
32
31
|
|
|
33
32
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
34
33
|
|
|
34
|
+
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
35
|
+
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
36
|
+
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
35
37
|
var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
|
|
36
38
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
37
39
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
@@ -41,10 +43,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
|
|
|
41
43
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
42
44
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
43
45
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
44
|
-
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
45
|
-
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
46
|
-
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
47
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
48
46
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
49
47
|
var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
50
48
|
var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
|
|
@@ -53,28 +51,26 @@ var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
|
|
|
53
51
|
|
|
54
52
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
55
53
|
|
|
56
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
54
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
57
55
|
|
|
58
56
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
59
57
|
|
|
60
58
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
const sequentialId = utils.createSequentialId('multiline-text-field-');
|
|
60
|
+
const sequentialErrorsId = utils.createSequentialId('multiline-text-field-error-')();
|
|
63
61
|
|
|
64
|
-
|
|
62
|
+
const hasErrors = errors => {
|
|
65
63
|
var _context;
|
|
66
64
|
|
|
67
65
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
68
66
|
};
|
|
69
67
|
|
|
70
|
-
|
|
68
|
+
let MultilineTextField = /*#__PURE__*/function (_Component) {
|
|
71
69
|
_inherits(MultilineTextField, _Component);
|
|
72
70
|
|
|
73
71
|
var _super = _createSuper(MultilineTextField);
|
|
74
72
|
|
|
75
73
|
function MultilineTextField() {
|
|
76
|
-
var _context2;
|
|
77
|
-
|
|
78
74
|
var _this;
|
|
79
75
|
|
|
80
76
|
_classCallCheck(this, MultilineTextField);
|
|
@@ -83,7 +79,7 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
|
|
|
83
79
|
args[_key] = arguments[_key];
|
|
84
80
|
}
|
|
85
81
|
|
|
86
|
-
_this = _super.call
|
|
82
|
+
_this = _super.call(this, ...args);
|
|
87
83
|
_this.state = {
|
|
88
84
|
// We generate an id in case no id is provided by the parent to attach the
|
|
89
85
|
// label to the input component.
|
|
@@ -95,7 +91,7 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
|
|
|
95
91
|
_createClass(MultilineTextField, [{
|
|
96
92
|
key: "render",
|
|
97
93
|
value: function render() {
|
|
98
|
-
|
|
94
|
+
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
99
95
|
|
|
100
96
|
if (!this.props.isReadOnly) {
|
|
101
97
|
process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.onChange === 'function', 'MultilineField: "onChange" is required when field is not read only.') : void 0;
|
|
@@ -166,11 +162,9 @@ MultilineTextField.defaultProps = {
|
|
|
166
162
|
horizontalConstraint: 'scale'
|
|
167
163
|
};
|
|
168
164
|
|
|
169
|
-
MultilineTextField.getDerivedStateFromProps =
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
};
|
|
173
|
-
};
|
|
165
|
+
MultilineTextField.getDerivedStateFromProps = (props, state) => ({
|
|
166
|
+
id: utils.getFieldId(props, state, sequentialId)
|
|
167
|
+
});
|
|
174
168
|
|
|
175
169
|
MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
176
170
|
id: _pt__default["default"].string,
|
|
@@ -200,7 +194,7 @@ MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
200
194
|
var MultilineTextField$1 = MultilineTextField;
|
|
201
195
|
|
|
202
196
|
// NOTE: This string will be replaced on build time with the package version.
|
|
203
|
-
var version = "
|
|
197
|
+
var version = "16.0.0";
|
|
204
198
|
|
|
205
199
|
exports["default"] = MultilineTextField$1;
|
|
206
200
|
exports.version = version;
|
|
@@ -2,15 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
6
|
-
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
7
|
-
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
8
|
-
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
9
|
-
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
10
|
-
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
11
|
-
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
12
|
-
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
13
|
-
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
14
5
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
15
6
|
var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
|
|
16
7
|
var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
|
|
@@ -20,7 +11,15 @@ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
|
|
|
20
11
|
require('prop-types');
|
|
21
12
|
var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
|
|
22
13
|
var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
|
|
23
|
-
var
|
|
14
|
+
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
15
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
17
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
18
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
19
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
20
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
21
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
22
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
24
23
|
var react = require('react');
|
|
25
24
|
var utils = require('@commercetools-uikit/utils');
|
|
26
25
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -32,6 +31,8 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
32
31
|
|
|
33
32
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
34
33
|
|
|
34
|
+
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
35
|
+
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
35
36
|
var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
|
|
36
37
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
37
38
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
@@ -41,9 +42,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
|
|
|
41
42
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
42
43
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
43
44
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
44
|
-
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
45
|
-
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
46
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
47
45
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
48
46
|
var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
49
47
|
var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
|
|
@@ -52,28 +50,26 @@ var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
|
|
|
52
50
|
|
|
53
51
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
54
52
|
|
|
55
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
53
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
56
54
|
|
|
57
55
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
58
56
|
|
|
59
57
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
60
|
-
|
|
61
|
-
|
|
58
|
+
const sequentialId = utils.createSequentialId('multiline-text-field-');
|
|
59
|
+
const sequentialErrorsId = utils.createSequentialId('multiline-text-field-error-')();
|
|
62
60
|
|
|
63
|
-
|
|
61
|
+
const hasErrors = errors => {
|
|
64
62
|
var _context;
|
|
65
63
|
|
|
66
64
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
67
65
|
};
|
|
68
66
|
|
|
69
|
-
|
|
67
|
+
let MultilineTextField = /*#__PURE__*/function (_Component) {
|
|
70
68
|
_inherits(MultilineTextField, _Component);
|
|
71
69
|
|
|
72
70
|
var _super = _createSuper(MultilineTextField);
|
|
73
71
|
|
|
74
72
|
function MultilineTextField() {
|
|
75
|
-
var _context2;
|
|
76
|
-
|
|
77
73
|
var _this;
|
|
78
74
|
|
|
79
75
|
_classCallCheck(this, MultilineTextField);
|
|
@@ -82,7 +78,7 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
|
|
|
82
78
|
args[_key] = arguments[_key];
|
|
83
79
|
}
|
|
84
80
|
|
|
85
|
-
_this = _super.call
|
|
81
|
+
_this = _super.call(this, ...args);
|
|
86
82
|
_this.state = {
|
|
87
83
|
// We generate an id in case no id is provided by the parent to attach the
|
|
88
84
|
// label to the input component.
|
|
@@ -94,7 +90,7 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
|
|
|
94
90
|
_createClass(MultilineTextField, [{
|
|
95
91
|
key: "render",
|
|
96
92
|
value: function render() {
|
|
97
|
-
|
|
93
|
+
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
98
94
|
|
|
99
95
|
if (!this.props.isReadOnly) ;
|
|
100
96
|
|
|
@@ -161,17 +157,15 @@ MultilineTextField.defaultProps = {
|
|
|
161
157
|
horizontalConstraint: 'scale'
|
|
162
158
|
};
|
|
163
159
|
|
|
164
|
-
MultilineTextField.getDerivedStateFromProps =
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
};
|
|
168
|
-
};
|
|
160
|
+
MultilineTextField.getDerivedStateFromProps = (props, state) => ({
|
|
161
|
+
id: utils.getFieldId(props, state, sequentialId)
|
|
162
|
+
});
|
|
169
163
|
|
|
170
164
|
MultilineTextField.propTypes = {};
|
|
171
165
|
var MultilineTextField$1 = MultilineTextField;
|
|
172
166
|
|
|
173
167
|
// NOTE: This string will be replaced on build time with the package version.
|
|
174
|
-
var version = "
|
|
168
|
+
var version = "16.0.0";
|
|
175
169
|
|
|
176
170
|
exports["default"] = MultilineTextField$1;
|
|
177
171
|
exports.version = version;
|
|
@@ -1,12 +1,3 @@
|
|
|
1
|
-
import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
|
|
2
|
-
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
3
|
-
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
4
|
-
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
5
|
-
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
6
|
-
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
7
|
-
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
8
|
-
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
9
|
-
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
10
1
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
11
2
|
import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
|
|
12
3
|
import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
|
|
@@ -16,7 +7,15 @@ import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
|
|
|
16
7
|
import _pt from 'prop-types';
|
|
17
8
|
import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
|
|
18
9
|
import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
|
|
19
|
-
import
|
|
10
|
+
import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
|
|
11
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
12
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
13
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
14
|
+
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
15
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
16
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
17
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
18
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
20
19
|
import { isValidElement, Component } from 'react';
|
|
21
20
|
import { createSequentialId, warning, filterDataAttributes, getFieldId } from '@commercetools-uikit/utils';
|
|
22
21
|
import Constraints from '@commercetools-uikit/constraints';
|
|
@@ -28,28 +27,26 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
|
28
27
|
|
|
29
28
|
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; }
|
|
30
29
|
|
|
31
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
32
31
|
|
|
33
32
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
34
33
|
|
|
35
34
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
const sequentialId = createSequentialId('multiline-text-field-');
|
|
36
|
+
const sequentialErrorsId = createSequentialId('multiline-text-field-error-')();
|
|
38
37
|
|
|
39
|
-
|
|
38
|
+
const hasErrors = errors => {
|
|
40
39
|
var _context;
|
|
41
40
|
|
|
42
41
|
return errors && _someInstanceProperty(_context = _Object$values(errors)).call(_context, Boolean);
|
|
43
42
|
};
|
|
44
43
|
|
|
45
|
-
|
|
44
|
+
let MultilineTextField = /*#__PURE__*/function (_Component) {
|
|
46
45
|
_inherits(MultilineTextField, _Component);
|
|
47
46
|
|
|
48
47
|
var _super = _createSuper(MultilineTextField);
|
|
49
48
|
|
|
50
49
|
function MultilineTextField() {
|
|
51
|
-
var _context2;
|
|
52
|
-
|
|
53
50
|
var _this;
|
|
54
51
|
|
|
55
52
|
_classCallCheck(this, MultilineTextField);
|
|
@@ -58,7 +55,7 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
|
|
|
58
55
|
args[_key] = arguments[_key];
|
|
59
56
|
}
|
|
60
57
|
|
|
61
|
-
_this = _super.call
|
|
58
|
+
_this = _super.call(this, ...args);
|
|
62
59
|
_this.state = {
|
|
63
60
|
// We generate an id in case no id is provided by the parent to attach the
|
|
64
61
|
// label to the input component.
|
|
@@ -70,7 +67,7 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
|
|
|
70
67
|
_createClass(MultilineTextField, [{
|
|
71
68
|
key: "render",
|
|
72
69
|
value: function render() {
|
|
73
|
-
|
|
70
|
+
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
74
71
|
|
|
75
72
|
if (!this.props.isReadOnly) {
|
|
76
73
|
process.env.NODE_ENV !== "production" ? warning(typeof this.props.onChange === 'function', 'MultilineField: "onChange" is required when field is not read only.') : void 0;
|
|
@@ -141,11 +138,9 @@ MultilineTextField.defaultProps = {
|
|
|
141
138
|
horizontalConstraint: 'scale'
|
|
142
139
|
};
|
|
143
140
|
|
|
144
|
-
MultilineTextField.getDerivedStateFromProps =
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
};
|
|
148
|
-
};
|
|
141
|
+
MultilineTextField.getDerivedStateFromProps = (props, state) => ({
|
|
142
|
+
id: getFieldId(props, state, sequentialId)
|
|
143
|
+
});
|
|
149
144
|
|
|
150
145
|
MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
151
146
|
id: _pt.string,
|
|
@@ -175,6 +170,6 @@ MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
175
170
|
var MultilineTextField$1 = MultilineTextField;
|
|
176
171
|
|
|
177
172
|
// NOTE: This string will be replaced on build time with the package version.
|
|
178
|
-
var version = "
|
|
173
|
+
var version = "16.0.0";
|
|
179
174
|
|
|
180
175
|
export { MultilineTextField$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/multiline-text-field",
|
|
3
3
|
"description": "A controlled text input component for multi-line strings with validation states and a label.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "16.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,17 +21,17 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "
|
|
25
|
-
"@commercetools-uikit/design-system": "
|
|
26
|
-
"@commercetools-uikit/field-errors": "
|
|
27
|
-
"@commercetools-uikit/field-label": "
|
|
28
|
-
"@commercetools-uikit/multiline-text-input": "
|
|
29
|
-
"@commercetools-uikit/spacings": "
|
|
30
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/constraints": "16.0.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.0.0",
|
|
26
|
+
"@commercetools-uikit/field-errors": "16.0.0",
|
|
27
|
+
"@commercetools-uikit/field-label": "16.0.0",
|
|
28
|
+
"@commercetools-uikit/multiline-text-input": "16.0.0",
|
|
29
|
+
"@commercetools-uikit/spacings": "16.0.0",
|
|
30
|
+
"@commercetools-uikit/utils": "16.0.0",
|
|
31
31
|
"@emotion/react": "^11.10.5",
|
|
32
32
|
"@emotion/styled": "^11.10.5",
|
|
33
33
|
"prop-types": "15.8.1",
|
|
34
|
-
"react-intl": "^
|
|
34
|
+
"react-intl": "^6.3.2"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"react": "17.0.2"
|