@panneau/field-number 3.0.119 → 3.0.130
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/index.js +23 -36
- package/package.json +8 -7
package/lib/index.js
CHANGED
|
@@ -13,32 +13,19 @@ var React = require('react');
|
|
|
13
13
|
var Icon = require('@panneau/element-icon');
|
|
14
14
|
var TextField = require('@panneau/field-text');
|
|
15
15
|
|
|
16
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
-
|
|
18
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
19
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
20
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
21
|
-
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
22
|
-
var isNaN__default = /*#__PURE__*/_interopDefaultLegacy(isNaN);
|
|
23
|
-
var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
|
|
24
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
25
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
26
|
-
var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
|
|
27
|
-
var TextField__default = /*#__PURE__*/_interopDefaultLegacy(TextField);
|
|
28
|
-
|
|
29
16
|
var styles = {"container":"panneau-field-number-container","arrow":"panneau-field-number-arrow","dataListItems":"panneau-field-number-dataListItems","dataListItem":"panneau-field-number-dataListItem","dataListItemButton":"panneau-field-number-dataListItemButton"};
|
|
30
17
|
|
|
31
18
|
var _excluded = ["value", "step", "floatStep", "float", "dataList", "autoComplete", "disabled", "className", "onChange"];
|
|
32
19
|
var propTypes = {
|
|
33
|
-
value:
|
|
34
|
-
step:
|
|
35
|
-
floatStep:
|
|
36
|
-
"float":
|
|
37
|
-
dataList:
|
|
38
|
-
autoComplete:
|
|
39
|
-
disabled:
|
|
40
|
-
className:
|
|
41
|
-
onChange:
|
|
20
|
+
value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
21
|
+
step: PropTypes.number,
|
|
22
|
+
floatStep: PropTypes.number,
|
|
23
|
+
"float": PropTypes.bool,
|
|
24
|
+
dataList: PropTypes.arrayOf(PropTypes.number),
|
|
25
|
+
autoComplete: PropTypes.bool,
|
|
26
|
+
disabled: PropTypes.bool,
|
|
27
|
+
className: PropTypes.string,
|
|
28
|
+
onChange: PropTypes.func
|
|
42
29
|
};
|
|
43
30
|
var defaultProps = {
|
|
44
31
|
value: null,
|
|
@@ -53,9 +40,9 @@ var defaultProps = {
|
|
|
53
40
|
};
|
|
54
41
|
function isNumeric(str) {
|
|
55
42
|
if (typeof str !== 'string') return false; // we only process strings!
|
|
56
|
-
return !
|
|
43
|
+
return !isNaN(str) &&
|
|
57
44
|
// use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
|
|
58
|
-
!
|
|
45
|
+
!isNaN(parseFloat(str));
|
|
59
46
|
}
|
|
60
47
|
var NumberField = function NumberField(_ref) {
|
|
61
48
|
var value = _ref.value,
|
|
@@ -67,13 +54,13 @@ var NumberField = function NumberField(_ref) {
|
|
|
67
54
|
disabled = _ref.disabled,
|
|
68
55
|
className = _ref.className,
|
|
69
56
|
onChange = _ref.onChange,
|
|
70
|
-
props =
|
|
57
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
71
58
|
var parseValue = React.useCallback(function (newValue) {
|
|
72
59
|
if (newValue !== null) {
|
|
73
60
|
if (_float) {
|
|
74
61
|
return newValue;
|
|
75
62
|
}
|
|
76
|
-
if (
|
|
63
|
+
if (isNumber(newValue)) {
|
|
77
64
|
return newValue;
|
|
78
65
|
}
|
|
79
66
|
if (isNumeric(newValue)) {
|
|
@@ -97,7 +84,7 @@ var NumberField = function NumberField(_ref) {
|
|
|
97
84
|
|
|
98
85
|
var hasDataList = dataList !== null;
|
|
99
86
|
var _useState = React.useState(false),
|
|
100
|
-
_useState2 =
|
|
87
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
101
88
|
dataListActive = _useState2[0],
|
|
102
89
|
setDataListActive = _useState2[1];
|
|
103
90
|
var onInputFocus = React.useCallback(function () {
|
|
@@ -116,9 +103,9 @@ var NumberField = function NumberField(_ref) {
|
|
|
116
103
|
setDataListActive(false);
|
|
117
104
|
}
|
|
118
105
|
}, [onChange, setDataListActive]);
|
|
119
|
-
return /*#__PURE__*/
|
|
120
|
-
className:
|
|
121
|
-
}, /*#__PURE__*/
|
|
106
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
107
|
+
className: classNames([styles.container, _defineProperty({}, className, className !== null)])
|
|
108
|
+
}, /*#__PURE__*/React.createElement(TextField, Object.assign({
|
|
122
109
|
type: "number",
|
|
123
110
|
className: styles.input,
|
|
124
111
|
value: value !== null ? "".concat(value) : '',
|
|
@@ -128,17 +115,17 @@ var NumberField = function NumberField(_ref) {
|
|
|
128
115
|
onFocus: onInputFocus,
|
|
129
116
|
onBlur: onInputBlur,
|
|
130
117
|
disabled: disabled
|
|
131
|
-
}, props)), !disabled && hasDataList ? /*#__PURE__*/
|
|
118
|
+
}, props)), !disabled && hasDataList ? /*#__PURE__*/React.createElement("div", {
|
|
132
119
|
className: styles.arrow
|
|
133
|
-
}, /*#__PURE__*/
|
|
120
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
134
121
|
name: dataListActive ? 'caret-up' : 'caret-down'
|
|
135
|
-
})) : null, !disabled && hasDataList && dataListActive ? /*#__PURE__*/
|
|
122
|
+
})) : null, !disabled && hasDataList && dataListActive ? /*#__PURE__*/React.createElement("ul", {
|
|
136
123
|
className: styles.dataListItems
|
|
137
124
|
}, dataList.map(function (dataListValue) {
|
|
138
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
139
126
|
key: "data-list-".concat(dataListValue),
|
|
140
127
|
className: styles.dataListItem
|
|
141
|
-
}, /*#__PURE__*/
|
|
128
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
142
129
|
className: styles.dataListItemButton,
|
|
143
130
|
type: "button",
|
|
144
131
|
onTouchStart: function onTouchStart() {
|
|
@@ -159,5 +146,5 @@ var definition = {
|
|
|
159
146
|
component: 'Number'
|
|
160
147
|
};
|
|
161
148
|
|
|
162
|
-
exports
|
|
149
|
+
exports.default = NumberField$1;
|
|
163
150
|
exports.definition = definition;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/field-number",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.130",
|
|
4
4
|
"description": "A number field",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -41,7 +41,8 @@
|
|
|
41
41
|
"assets"
|
|
42
42
|
],
|
|
43
43
|
"scripts": {
|
|
44
|
-
"
|
|
44
|
+
"prepublishOnly": "npm run build",
|
|
45
|
+
"build": "../../scripts/prepare-package.sh"
|
|
45
46
|
},
|
|
46
47
|
"devDependencies": {
|
|
47
48
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -53,10 +54,10 @@
|
|
|
53
54
|
},
|
|
54
55
|
"dependencies": {
|
|
55
56
|
"@babel/runtime": "^7.12.5",
|
|
56
|
-
"@panneau/core": "^3.0.
|
|
57
|
-
"@panneau/element-icon": "^3.0.
|
|
58
|
-
"@panneau/field-text": "^3.0.
|
|
59
|
-
"@panneau/themes": "^3.0.
|
|
57
|
+
"@panneau/core": "^3.0.130",
|
|
58
|
+
"@panneau/element-icon": "^3.0.130",
|
|
59
|
+
"@panneau/field-text": "^3.0.130",
|
|
60
|
+
"@panneau/themes": "^3.0.130",
|
|
60
61
|
"classnames": "^2.2.6",
|
|
61
62
|
"lodash": "^4.17.21",
|
|
62
63
|
"prop-types": "^15.7.2"
|
|
@@ -64,5 +65,5 @@
|
|
|
64
65
|
"publishConfig": {
|
|
65
66
|
"access": "public"
|
|
66
67
|
},
|
|
67
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "e6070daacb45351ccbef67ae8006f1a293ca8e2b"
|
|
68
69
|
}
|