@panneau/field-number 2.0.14 → 2.0.17

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.
Files changed (3) hide show
  1. package/es/index.js +9 -5
  2. package/lib/index.js +10 -6
  3. package/package.json +5 -5
package/es/index.js CHANGED
@@ -1,18 +1,18 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
3
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
4
- import React, { useCallback, useState } from 'react';
5
4
  import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
6
5
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
7
6
  import classNames from 'classnames';
8
7
  import isNaN from 'lodash/isNaN';
9
8
  import isNumber from 'lodash/isNumber';
10
9
  import PropTypes from 'prop-types';
10
+ import React, { useCallback, useState } from 'react';
11
11
  import TextField from '@panneau/field-text';
12
12
 
13
13
  var styles = {"container":"panneau-field-number-container","arrow":"panneau-field-number-arrow","arrowIcon":"panneau-field-number-arrowIcon","dataListItems":"panneau-field-number-dataListItems","dataListItem":"panneau-field-number-dataListItem","dataListItemButton":"panneau-field-number-dataListItemButton"};
14
14
 
15
- var _excluded = ["value", "step", "floatStep", "float", "dataList", "autoComplete", "className", "onChange"];
15
+ var _excluded = ["value", "step", "floatStep", "float", "dataList", "autoComplete", "disabled", "className", "onChange"];
16
16
  var propTypes = {
17
17
  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
18
18
  step: PropTypes.number,
@@ -20,6 +20,7 @@ var propTypes = {
20
20
  "float": PropTypes.bool,
21
21
  dataList: PropTypes.arrayOf(PropTypes.number),
22
22
  autoComplete: PropTypes.bool,
23
+ disabled: PropTypes.bool,
23
24
  className: PropTypes.string,
24
25
  onChange: PropTypes.func
25
26
  };
@@ -30,6 +31,7 @@ var defaultProps = {
30
31
  "float": false,
31
32
  dataList: null,
32
33
  autoComplete: false,
34
+ disabled: false,
33
35
  className: null,
34
36
  onChange: null
35
37
  };
@@ -46,6 +48,7 @@ var NumberField = function NumberField(_ref) {
46
48
  _float = _ref["float"],
47
49
  dataList = _ref.dataList,
48
50
  autoComplete = _ref.autoComplete,
51
+ disabled = _ref.disabled,
49
52
  className = _ref.className,
50
53
  onChange = _ref.onChange,
51
54
  props = _objectWithoutProperties(_ref, _excluded);
@@ -107,13 +110,14 @@ var NumberField = function NumberField(_ref) {
107
110
  autoComplete: autoComplete ? 'on' : 'off',
108
111
  onChange: onInputChange,
109
112
  onFocus: onInputFocus,
110
- onBlur: onInputBlur
111
- }, props)), hasDataList ? /*#__PURE__*/React.createElement("div", {
113
+ onBlur: onInputBlur,
114
+ disabled: disabled
115
+ }, props)), !disabled && hasDataList ? /*#__PURE__*/React.createElement("div", {
112
116
  className: styles.arrow
113
117
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
114
118
  className: styles.arrowIcon,
115
119
  icon: faChevronDown
116
- })) : null, hasDataList && dataListActive ? /*#__PURE__*/React.createElement("ul", {
120
+ })) : null, !disabled && hasDataList && dataListActive ? /*#__PURE__*/React.createElement("ul", {
117
121
  className: styles.dataListItems
118
122
  }, dataList.map(function (dataListValue) {
119
123
  return /*#__PURE__*/React.createElement("li", {
package/lib/index.js CHANGED
@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
6
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
7
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
- var React = require('react');
9
8
  var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
10
9
  var reactFontawesome = require('@fortawesome/react-fontawesome');
11
10
  var classNames = require('classnames');
12
11
  var isNaN = require('lodash/isNaN');
13
12
  var isNumber = require('lodash/isNumber');
14
13
  var PropTypes = require('prop-types');
14
+ var React = require('react');
15
15
  var TextField = require('@panneau/field-text');
16
16
 
17
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,16 +19,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
19
19
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
20
20
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
21
21
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
22
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
24
23
  var isNaN__default = /*#__PURE__*/_interopDefaultLegacy(isNaN);
25
24
  var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
26
25
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
26
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
27
27
  var TextField__default = /*#__PURE__*/_interopDefaultLegacy(TextField);
28
28
 
29
29
  var styles = {"container":"panneau-field-number-container","arrow":"panneau-field-number-arrow","arrowIcon":"panneau-field-number-arrowIcon","dataListItems":"panneau-field-number-dataListItems","dataListItem":"panneau-field-number-dataListItem","dataListItemButton":"panneau-field-number-dataListItemButton"};
30
30
 
31
- var _excluded = ["value", "step", "floatStep", "float", "dataList", "autoComplete", "className", "onChange"];
31
+ var _excluded = ["value", "step", "floatStep", "float", "dataList", "autoComplete", "disabled", "className", "onChange"];
32
32
  var propTypes = {
33
33
  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
34
34
  step: PropTypes__default["default"].number,
@@ -36,6 +36,7 @@ var propTypes = {
36
36
  "float": PropTypes__default["default"].bool,
37
37
  dataList: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number),
38
38
  autoComplete: PropTypes__default["default"].bool,
39
+ disabled: PropTypes__default["default"].bool,
39
40
  className: PropTypes__default["default"].string,
40
41
  onChange: PropTypes__default["default"].func
41
42
  };
@@ -46,6 +47,7 @@ var defaultProps = {
46
47
  "float": false,
47
48
  dataList: null,
48
49
  autoComplete: false,
50
+ disabled: false,
49
51
  className: null,
50
52
  onChange: null
51
53
  };
@@ -62,6 +64,7 @@ var NumberField = function NumberField(_ref) {
62
64
  _float = _ref["float"],
63
65
  dataList = _ref.dataList,
64
66
  autoComplete = _ref.autoComplete,
67
+ disabled = _ref.disabled,
65
68
  className = _ref.className,
66
69
  onChange = _ref.onChange,
67
70
  props = _objectWithoutProperties__default["default"](_ref, _excluded);
@@ -123,13 +126,14 @@ var NumberField = function NumberField(_ref) {
123
126
  autoComplete: autoComplete ? 'on' : 'off',
124
127
  onChange: onInputChange,
125
128
  onFocus: onInputFocus,
126
- onBlur: onInputBlur
127
- }, props)), hasDataList ? /*#__PURE__*/React__default["default"].createElement("div", {
129
+ onBlur: onInputBlur,
130
+ disabled: disabled
131
+ }, props)), !disabled && hasDataList ? /*#__PURE__*/React__default["default"].createElement("div", {
128
132
  className: styles.arrow
129
133
  }, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
130
134
  className: styles.arrowIcon,
131
135
  icon: freeSolidSvgIcons.faChevronDown
132
- })) : null, hasDataList && dataListActive ? /*#__PURE__*/React__default["default"].createElement("ul", {
136
+ })) : null, !disabled && hasDataList && dataListActive ? /*#__PURE__*/React__default["default"].createElement("ul", {
133
137
  className: styles.dataListItems
134
138
  }, dataList.map(function (dataListValue) {
135
139
  return /*#__PURE__*/React__default["default"].createElement("li", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/field-number",
3
- "version": "2.0.14",
3
+ "version": "2.0.17",
4
4
  "description": "A number field",
5
5
  "keywords": [
6
6
  "javascript"
@@ -56,9 +56,9 @@
56
56
  "@fortawesome/fontawesome-svg-core": "^1.2.35",
57
57
  "@fortawesome/free-solid-svg-icons": "^5.15.3",
58
58
  "@fortawesome/react-fontawesome": "^0.1.14",
59
- "@panneau/core": "^2.0.14",
60
- "@panneau/field-text": "^2.0.14",
61
- "@panneau/themes": "^2.0.14",
59
+ "@panneau/core": "^2.0.15",
60
+ "@panneau/field-text": "^2.0.17",
61
+ "@panneau/themes": "^2.0.15",
62
62
  "classnames": "^2.2.6",
63
63
  "lodash": "^4.17.21",
64
64
  "prop-types": "^15.7.2"
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "79bf4785d664187a578822e02dd66c12d6e4d243"
69
+ "gitHead": "3c06458008eb0b0b12017ca43cae9baf1904d6dc"
70
70
  }