@commercetools-uikit/multiline-text-input 12.2.3 → 12.2.7
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-input.cjs.dev.js +24 -24
- package/dist/commercetools-uikit-multiline-text-input.cjs.prod.js +9 -9
- package/dist/commercetools-uikit-multiline-text-input.esm.js +2 -2
- package/dist/declarations/src/export-types.d.ts +2 -2
- package/dist/declarations/src/index.d.ts +3 -3
- package/dist/declarations/src/multiline-text-input.d.ts +26 -26
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +14 -18
|
@@ -42,9 +42,9 @@ var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
|
|
|
42
42
|
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
43
43
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
44
44
|
|
|
45
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
45
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
46
46
|
|
|
47
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
47
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
48
48
|
|
|
49
49
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
50
50
|
var defaultProps = {
|
|
@@ -85,9 +85,9 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
85
85
|
// amount of lines it should have when collapsed
|
|
86
86
|
|
|
87
87
|
var shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
|
|
88
|
-
return jsxRuntime.jsx(Constraints__default[
|
|
88
|
+
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
89
89
|
max: props.horizontalConstraint,
|
|
90
|
-
children: jsxRuntime.jsxs(Stack__default[
|
|
90
|
+
children: jsxRuntime.jsxs(Stack__default["default"], {
|
|
91
91
|
scale: "xs",
|
|
92
92
|
children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread({
|
|
93
93
|
name: props.name,
|
|
@@ -107,7 +107,7 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
107
107
|
isOpen: isOpen
|
|
108
108
|
}, utils.filterDataAttributes(props))), shouldRenderToggleButton && jsxRuntime.jsx("div", {
|
|
109
109
|
css: _ref,
|
|
110
|
-
children: jsxRuntime.jsx(FlatButton__default[
|
|
110
|
+
children: jsxRuntime.jsx(FlatButton__default["default"], {
|
|
111
111
|
onClick: function onClick() {
|
|
112
112
|
return toggle();
|
|
113
113
|
},
|
|
@@ -125,21 +125,21 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
125
125
|
};
|
|
126
126
|
|
|
127
127
|
MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
128
|
-
name: _pt__default[
|
|
129
|
-
autoComplete: _pt__default[
|
|
130
|
-
id: _pt__default[
|
|
131
|
-
value: _pt__default[
|
|
132
|
-
onChange: _pt__default[
|
|
133
|
-
onBlur: _pt__default[
|
|
134
|
-
onFocus: _pt__default[
|
|
135
|
-
isAutofocussed: _pt__default[
|
|
136
|
-
defaultExpandMultilineText: _pt__default[
|
|
137
|
-
isDisabled: _pt__default[
|
|
138
|
-
isReadOnly: _pt__default[
|
|
139
|
-
placeholder: _pt__default[
|
|
140
|
-
hasError: _pt__default[
|
|
141
|
-
hasWarning: _pt__default[
|
|
142
|
-
horizontalConstraint: _pt__default[
|
|
128
|
+
name: _pt__default["default"].string,
|
|
129
|
+
autoComplete: _pt__default["default"].string,
|
|
130
|
+
id: _pt__default["default"].string,
|
|
131
|
+
value: _pt__default["default"].string.isRequired,
|
|
132
|
+
onChange: _pt__default["default"].func,
|
|
133
|
+
onBlur: _pt__default["default"].func,
|
|
134
|
+
onFocus: _pt__default["default"].func,
|
|
135
|
+
isAutofocussed: _pt__default["default"].bool,
|
|
136
|
+
defaultExpandMultilineText: _pt__default["default"].bool,
|
|
137
|
+
isDisabled: _pt__default["default"].bool,
|
|
138
|
+
isReadOnly: _pt__default["default"].bool,
|
|
139
|
+
placeholder: _pt__default["default"].string,
|
|
140
|
+
hasError: _pt__default["default"].bool,
|
|
141
|
+
hasWarning: _pt__default["default"].bool,
|
|
142
|
+
horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
|
|
143
143
|
} : {};
|
|
144
144
|
MultilineTextInput.displayName = 'MultilineTextInput'; // The minimum ammount of rows the MultilineTextInput will show.
|
|
145
145
|
// When the input is closed, this is used as the maximum row count as well
|
|
@@ -148,14 +148,14 @@ MultilineTextInput.displayName = 'MultilineTextInput'; // The minimum ammount of
|
|
|
148
148
|
MultilineTextInput.MIN_ROW_COUNT = 1;
|
|
149
149
|
|
|
150
150
|
MultilineTextInput.isEmpty = function (value) {
|
|
151
|
-
return !value || _trimInstanceProperty__default[
|
|
151
|
+
return !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
|
|
152
152
|
};
|
|
153
153
|
|
|
154
154
|
MultilineTextInput.defaultProps = defaultProps;
|
|
155
155
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
156
156
|
|
|
157
|
-
// NOTE: This string will be replaced
|
|
158
|
-
var version =
|
|
157
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
158
|
+
var version = "12.2.7";
|
|
159
159
|
|
|
160
|
-
exports[
|
|
160
|
+
exports["default"] = MultilineTextInput$1;
|
|
161
161
|
exports.version = version;
|
|
@@ -41,9 +41,9 @@ var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
|
|
|
41
41
|
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
42
42
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
43
43
|
|
|
44
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
44
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
45
45
|
|
|
46
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
46
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
47
47
|
var defaultProps = {
|
|
48
48
|
defaultExpandMultilineText: false
|
|
49
49
|
};
|
|
@@ -77,9 +77,9 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
77
77
|
// amount of lines it should have when collapsed
|
|
78
78
|
|
|
79
79
|
var shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
|
|
80
|
-
return jsxRuntime.jsx(Constraints__default[
|
|
80
|
+
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
81
81
|
max: props.horizontalConstraint,
|
|
82
|
-
children: jsxRuntime.jsxs(Stack__default[
|
|
82
|
+
children: jsxRuntime.jsxs(Stack__default["default"], {
|
|
83
83
|
scale: "xs",
|
|
84
84
|
children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread({
|
|
85
85
|
name: props.name,
|
|
@@ -99,7 +99,7 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
99
99
|
isOpen: isOpen
|
|
100
100
|
}, utils.filterDataAttributes(props))), shouldRenderToggleButton && jsxRuntime.jsx("div", {
|
|
101
101
|
css: _ref,
|
|
102
|
-
children: jsxRuntime.jsx(FlatButton__default[
|
|
102
|
+
children: jsxRuntime.jsx(FlatButton__default["default"], {
|
|
103
103
|
onClick: function onClick() {
|
|
104
104
|
return toggle();
|
|
105
105
|
},
|
|
@@ -124,14 +124,14 @@ MultilineTextInput.displayName = 'MultilineTextInput'; // The minimum ammount of
|
|
|
124
124
|
MultilineTextInput.MIN_ROW_COUNT = 1;
|
|
125
125
|
|
|
126
126
|
MultilineTextInput.isEmpty = function (value) {
|
|
127
|
-
return !value || _trimInstanceProperty__default[
|
|
127
|
+
return !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
|
|
128
128
|
};
|
|
129
129
|
|
|
130
130
|
MultilineTextInput.defaultProps = defaultProps;
|
|
131
131
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
132
132
|
|
|
133
|
-
// NOTE: This string will be replaced
|
|
134
|
-
var version =
|
|
133
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
134
|
+
var version = "12.2.7";
|
|
135
135
|
|
|
136
|
-
exports[
|
|
136
|
+
exports["default"] = MultilineTextInput$1;
|
|
137
137
|
exports.version = version;
|
|
@@ -134,7 +134,7 @@ MultilineTextInput.isEmpty = function (value) {
|
|
|
134
134
|
MultilineTextInput.defaultProps = defaultProps;
|
|
135
135
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
136
136
|
|
|
137
|
-
// NOTE: This string will be replaced
|
|
138
|
-
var version =
|
|
137
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
138
|
+
var version = "12.2.7";
|
|
139
139
|
|
|
140
140
|
export { MultilineTextInput$1 as default, version };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { TMultilineTextInputProps as MultilineTextInputProps } from './multiline-text-input';
|
|
2
|
-
export declare type TMultilineTextInputProps = MultilineTextInputProps;
|
|
1
|
+
import type { TMultilineTextInputProps as MultilineTextInputProps } from './multiline-text-input';
|
|
2
|
+
export declare type TMultilineTextInputProps = MultilineTextInputProps;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default } from './multiline-text-input';
|
|
2
|
-
export { default as version } from './version';
|
|
3
|
-
export * from './export-types';
|
|
1
|
+
export { default } from './multiline-text-input';
|
|
2
|
+
export { default as version } from './version';
|
|
3
|
+
export * from './export-types';
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { ChangeEventHandler, FocusEventHandler } from 'react';
|
|
2
|
-
export declare type TMultilineTextInputProps = {
|
|
3
|
-
name?: string;
|
|
4
|
-
autoComplete?: string;
|
|
5
|
-
id?: string;
|
|
6
|
-
value: string;
|
|
7
|
-
onChange?: ChangeEventHandler;
|
|
8
|
-
onBlur?: FocusEventHandler;
|
|
9
|
-
onFocus?: FocusEventHandler;
|
|
10
|
-
isAutofocussed?: boolean;
|
|
11
|
-
defaultExpandMultilineText?: boolean;
|
|
12
|
-
isDisabled?: boolean;
|
|
13
|
-
isReadOnly?: boolean;
|
|
14
|
-
placeholder?: string;
|
|
15
|
-
hasError?: boolean;
|
|
16
|
-
hasWarning?: boolean;
|
|
17
|
-
horizontalConstraint?: 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
|
|
18
|
-
};
|
|
19
|
-
declare const MultilineTextInput: {
|
|
20
|
-
(props: TMultilineTextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
|
-
displayName: string;
|
|
22
|
-
MIN_ROW_COUNT: number;
|
|
23
|
-
isEmpty(value: TMultilineTextInputProps['value']): boolean;
|
|
24
|
-
defaultProps: Pick<TMultilineTextInputProps, "defaultExpandMultilineText">;
|
|
25
|
-
};
|
|
26
|
-
export default MultilineTextInput;
|
|
1
|
+
import { ChangeEventHandler, FocusEventHandler } from 'react';
|
|
2
|
+
export declare type TMultilineTextInputProps = {
|
|
3
|
+
name?: string;
|
|
4
|
+
autoComplete?: string;
|
|
5
|
+
id?: string;
|
|
6
|
+
value: string;
|
|
7
|
+
onChange?: ChangeEventHandler;
|
|
8
|
+
onBlur?: FocusEventHandler;
|
|
9
|
+
onFocus?: FocusEventHandler;
|
|
10
|
+
isAutofocussed?: boolean;
|
|
11
|
+
defaultExpandMultilineText?: boolean;
|
|
12
|
+
isDisabled?: boolean;
|
|
13
|
+
isReadOnly?: boolean;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
hasError?: boolean;
|
|
16
|
+
hasWarning?: boolean;
|
|
17
|
+
horizontalConstraint?: 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
|
|
18
|
+
};
|
|
19
|
+
declare const MultilineTextInput: {
|
|
20
|
+
(props: TMultilineTextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
MIN_ROW_COUNT: number;
|
|
23
|
+
isEmpty(value: TMultilineTextInputProps['value']): boolean;
|
|
24
|
+
defaultProps: Pick<TMultilineTextInputProps, "defaultExpandMultilineText">;
|
|
25
|
+
};
|
|
26
|
+
export default MultilineTextInput;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
|
|
2
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/multiline-text-input",
|
|
3
3
|
"description": "A controlled text input component for multi-line strings with validation states.",
|
|
4
|
-
"version": "12.2.
|
|
4
|
+
"version": "12.2.7",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -19,22 +18,19 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-multiline-text-input.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-multiline-text-input.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/constraints": "12.2.
|
|
29
|
-
"@commercetools-uikit/design-system": "12.2.
|
|
30
|
-
"@commercetools-uikit/flat-button": "12.2.
|
|
31
|
-
"@commercetools-uikit/hooks": "12.2.
|
|
32
|
-
"@commercetools-uikit/icons": "12.2.
|
|
33
|
-
"@commercetools-uikit/input-utils": "12.2.
|
|
34
|
-
"@commercetools-uikit/spacings-inline": "12.2.
|
|
35
|
-
"@commercetools-uikit/spacings-stack": "12.2.
|
|
36
|
-
"@commercetools-uikit/tooltip": "12.2.
|
|
37
|
-
"@commercetools-uikit/utils": "12.2.
|
|
22
|
+
"@babel/runtime": "7.16.3",
|
|
23
|
+
"@babel/runtime-corejs3": "7.16.3",
|
|
24
|
+
"@commercetools-uikit/constraints": "12.2.5",
|
|
25
|
+
"@commercetools-uikit/design-system": "12.2.5",
|
|
26
|
+
"@commercetools-uikit/flat-button": "12.2.5",
|
|
27
|
+
"@commercetools-uikit/hooks": "12.2.5",
|
|
28
|
+
"@commercetools-uikit/icons": "12.2.7",
|
|
29
|
+
"@commercetools-uikit/input-utils": "12.2.7",
|
|
30
|
+
"@commercetools-uikit/spacings-inline": "12.2.5",
|
|
31
|
+
"@commercetools-uikit/spacings-stack": "12.2.5",
|
|
32
|
+
"@commercetools-uikit/tooltip": "12.2.5",
|
|
33
|
+
"@commercetools-uikit/utils": "12.2.5",
|
|
38
34
|
"@emotion/react": "^11.4.0",
|
|
39
35
|
"@emotion/styled": "^11.3.0",
|
|
40
36
|
"downshift": "6.1.7",
|
|
@@ -44,7 +40,7 @@
|
|
|
44
40
|
},
|
|
45
41
|
"devDependencies": {
|
|
46
42
|
"react": "17.0.2",
|
|
47
|
-
"react-intl": "5.
|
|
43
|
+
"react-intl": "5.21.2"
|
|
48
44
|
},
|
|
49
45
|
"peerDependencies": {
|
|
50
46
|
"react": "17.x",
|