@panneau/field-number 2.0.15 → 2.0.18

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 (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +13 -11
  3. package/lib/index.js +15 -12
  4. package/package.json +4 -6
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .panneau-field-number-container{position:relative}.panneau-field-number-container input{-moz-appearance:textfield;padding-right:20px}.panneau-field-number-container input::-webkit-inner-spin-button,.panneau-field-number-container input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.panneau-field-number-container .panneau-field-number-arrow{display:-ms-flexbox;display:flex;height:100%;pointer-events:none;position:absolute;right:0;top:0;width:20px}.panneau-field-number-container .panneau-field-number-arrowIcon{font-size:10px;margin:auto}.panneau-field-number-container .panneau-field-number-dataListItems{background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:4px;left:0;list-style-type:none;padding:0;position:absolute;top:100%;width:100%;z-index:2}.panneau-field-number-container .panneau-field-number-dataListItem{width:100%}.panneau-field-number-container .panneau-field-number-dataListItemButton{background-color:rgba(0,0,0,0);border:0;text-align:left;width:100%}.panneau-field-number-container .panneau-field-number-dataListItemButton:hover{background-color:rgba(0,0,0,.1)}
1
+ .panneau-field-number-container{position:relative}.panneau-field-number-container input{-moz-appearance:textfield;padding-right:20px}.panneau-field-number-container input::-webkit-inner-spin-button,.panneau-field-number-container input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.panneau-field-number-container .panneau-field-number-arrow{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;width:30px}.panneau-field-number-container .panneau-field-number-dataListItems{background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:4px;left:0;list-style-type:none;padding:0;position:absolute;top:100%;width:100%;z-index:2}.panneau-field-number-container .panneau-field-number-dataListItem{width:100%}.panneau-field-number-container .panneau-field-number-dataListItemButton{background-color:rgba(0,0,0,0);border:0;text-align:left;width:100%}.panneau-field-number-container .panneau-field-number-dataListItemButton:hover{background-color:rgba(0,0,0,.1)}
package/es/index.js CHANGED
@@ -1,18 +1,17 @@
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
- import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
6
- import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
7
4
  import classNames from 'classnames';
8
5
  import isNaN from 'lodash/isNaN';
9
6
  import isNumber from 'lodash/isNumber';
10
7
  import PropTypes from 'prop-types';
8
+ import React, { useCallback, useState } from 'react';
9
+ import Icon from '@panneau/element-icon';
11
10
  import TextField from '@panneau/field-text';
12
11
 
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"};
12
+ 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"};
14
13
 
15
- var _excluded = ["value", "step", "floatStep", "float", "dataList", "autoComplete", "className", "onChange"];
14
+ var _excluded = ["value", "step", "floatStep", "float", "dataList", "autoComplete", "disabled", "className", "onChange"];
16
15
  var propTypes = {
17
16
  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
18
17
  step: PropTypes.number,
@@ -20,6 +19,7 @@ var propTypes = {
20
19
  "float": PropTypes.bool,
21
20
  dataList: PropTypes.arrayOf(PropTypes.number),
22
21
  autoComplete: PropTypes.bool,
22
+ disabled: PropTypes.bool,
23
23
  className: PropTypes.string,
24
24
  onChange: PropTypes.func
25
25
  };
@@ -30,6 +30,7 @@ var defaultProps = {
30
30
  "float": false,
31
31
  dataList: null,
32
32
  autoComplete: false,
33
+ disabled: false,
33
34
  className: null,
34
35
  onChange: null
35
36
  };
@@ -46,6 +47,7 @@ var NumberField = function NumberField(_ref) {
46
47
  _float = _ref["float"],
47
48
  dataList = _ref.dataList,
48
49
  autoComplete = _ref.autoComplete,
50
+ disabled = _ref.disabled,
49
51
  className = _ref.className,
50
52
  onChange = _ref.onChange,
51
53
  props = _objectWithoutProperties(_ref, _excluded);
@@ -107,13 +109,13 @@ var NumberField = function NumberField(_ref) {
107
109
  autoComplete: autoComplete ? 'on' : 'off',
108
110
  onChange: onInputChange,
109
111
  onFocus: onInputFocus,
110
- onBlur: onInputBlur
111
- }, props)), hasDataList ? /*#__PURE__*/React.createElement("div", {
112
+ onBlur: onInputBlur,
113
+ disabled: disabled
114
+ }, props)), !disabled && hasDataList ? /*#__PURE__*/React.createElement("div", {
112
115
  className: styles.arrow
113
- }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
114
- className: styles.arrowIcon,
115
- icon: faChevronDown
116
- })) : null, hasDataList && dataListActive ? /*#__PURE__*/React.createElement("ul", {
116
+ }, /*#__PURE__*/React.createElement(Icon, {
117
+ name: dataListActive ? 'caret-up' : 'caret-down'
118
+ })) : null, !disabled && hasDataList && dataListActive ? /*#__PURE__*/React.createElement("ul", {
117
119
  className: styles.dataListItems
118
120
  }, dataList.map(function (dataListValue) {
119
121
  return /*#__PURE__*/React.createElement("li", {
package/lib/index.js CHANGED
@@ -5,13 +5,12 @@ 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
- var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
10
- var reactFontawesome = require('@fortawesome/react-fontawesome');
11
8
  var classNames = require('classnames');
12
9
  var isNaN = require('lodash/isNaN');
13
10
  var isNumber = require('lodash/isNumber');
14
11
  var PropTypes = require('prop-types');
12
+ var React = require('react');
13
+ var Icon = require('@panneau/element-icon');
15
14
  var TextField = require('@panneau/field-text');
16
15
 
17
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,16 +18,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
19
18
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
20
19
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
21
20
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
21
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
24
22
  var isNaN__default = /*#__PURE__*/_interopDefaultLegacy(isNaN);
25
23
  var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
26
24
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
25
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
+ var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
27
27
  var TextField__default = /*#__PURE__*/_interopDefaultLegacy(TextField);
28
28
 
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"};
29
+ 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
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,13 @@ 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
- }, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
130
- className: styles.arrowIcon,
131
- icon: freeSolidSvgIcons.faChevronDown
132
- })) : null, hasDataList && dataListActive ? /*#__PURE__*/React__default["default"].createElement("ul", {
133
+ }, /*#__PURE__*/React__default["default"].createElement(Icon__default["default"], {
134
+ name: dataListActive ? 'caret-up' : 'caret-down'
135
+ })) : null, !disabled && hasDataList && dataListActive ? /*#__PURE__*/React__default["default"].createElement("ul", {
133
136
  className: styles.dataListItems
134
137
  }, dataList.map(function (dataListValue) {
135
138
  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.15",
3
+ "version": "2.0.18",
4
4
  "description": "A number field",
5
5
  "keywords": [
6
6
  "javascript"
@@ -53,11 +53,9 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@babel/runtime": "^7.12.5",
56
- "@fortawesome/fontawesome-svg-core": "^1.2.35",
57
- "@fortawesome/free-solid-svg-icons": "^5.15.3",
58
- "@fortawesome/react-fontawesome": "^0.1.14",
59
56
  "@panneau/core": "^2.0.15",
60
- "@panneau/field-text": "^2.0.15",
57
+ "@panneau/element-icon": "^2.0.15",
58
+ "@panneau/field-text": "^2.0.17",
61
59
  "@panneau/themes": "^2.0.15",
62
60
  "classnames": "^2.2.6",
63
61
  "lodash": "^4.17.21",
@@ -66,5 +64,5 @@
66
64
  "publishConfig": {
67
65
  "access": "public"
68
66
  },
69
- "gitHead": "7eff06c0b11fc480d1cf437036dbe0e0ef893650"
67
+ "gitHead": "185a78b0c270cdbc41a2065aa136119cb2a5737f"
70
68
  }