@panneau/field-number 3.0.222 → 3.0.224

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-number",
-    "version": "3.0.222",
+    "version": "3.0.224",
     "description": "A number field",
     "keywords": [
         "javascript"
@@ -33,8 +33,11 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
+    "exports": {
+        ".": "./es/index.js"
+    },
     "files": [
         "lib",
         "es",
@@ -54,10 +57,10 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.222",
-        "@panneau/element-icon": "^3.0.222",
-        "@panneau/field-text": "^3.0.222",
-        "@panneau/themes": "^3.0.222",
+        "@panneau/core": "^3.0.224",
+        "@panneau/element-icon": "^3.0.224",
+        "@panneau/field-text": "^3.0.224",
+        "@panneau/themes": "^3.0.224",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2"
@@ -65,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1d7f6c2943965c2c26fb6ce1d8f3c85eb88b2146"
+    "gitHead": "c95bd465867c4c7d112bf0ed66036574cc05c627"
 }

package/lib/index.js

@@ -1,150 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var classNames = require('classnames');
-var isNaN = require('lodash/isNaN');
-var isNumber = require('lodash/isNumber');
-var PropTypes = require('prop-types');
-var React = require('react');
-var Icon = require('@panneau/element-icon');
-var TextField = require('@panneau/field-text');
-
-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"};
-
-var _excluded = ["value", "step", "floatStep", "float", "dataList", "autoComplete", "disabled", "className", "onChange"];
-var propTypes = {
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  step: PropTypes.number,
-  floatStep: PropTypes.number,
-  "float": PropTypes.bool,
-  dataList: PropTypes.arrayOf(PropTypes.number),
-  autoComplete: PropTypes.bool,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  onChange: PropTypes.func
-};
-var defaultProps = {
-  value: null,
-  step: 1,
-  floatStep: 0.1,
-  "float": false,
-  dataList: null,
-  autoComplete: false,
-  disabled: false,
-  className: null,
-  onChange: null
-};
-function isNumeric(str) {
-  if (typeof str !== 'string') return false; // we only process strings!
-  return !isNaN(str) &&
-  // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
-  !isNaN(parseFloat(str));
-}
-var NumberField = function NumberField(_ref) {
-  var value = _ref.value,
-    step = _ref.step,
-    floatStep = _ref.floatStep,
-    _float = _ref["float"],
-    dataList = _ref.dataList,
-    autoComplete = _ref.autoComplete,
-    disabled = _ref.disabled,
-    className = _ref.className,
-    onChange = _ref.onChange,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var parseValue = React.useCallback(function (newValue) {
-    if (newValue !== null) {
-      if (_float) {
-        return newValue;
-      }
-      if (isNumber(newValue)) {
-        return newValue;
-      }
-      if (isNumeric(newValue)) {
-        return _float ? parseFloat(newValue) : parseInt(newValue, 10);
-      }
-    }
-    return null;
-  }, [_float]);
-  var onInputChange = React.useCallback(function (val) {
-    if (onChange !== null) {
-      if (_float) {
-        onChange(val !== null && val.length > 0 ? val : null);
-      } else {
-        onChange(val !== null && val.length > 0 ? parseValue(val) : null);
-      }
-      onChange(val !== null && val.length > 0 ? parseValue(val) : null);
-    }
-  }, [onChange, _float]);
-
-  // Datalist
-
-  var hasDataList = dataList !== null;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    dataListActive = _useState2[0],
-    setDataListActive = _useState2[1];
-  var onInputFocus = React.useCallback(function () {
-    if (hasDataList) {
-      setDataListActive(true);
-    }
-  }, [setDataListActive, hasDataList]);
-  var onInputBlur = React.useCallback(function () {
-    if (hasDataList && dataListActive) {
-      setDataListActive(false);
-    }
-  }, [setDataListActive, hasDataList, dataListActive]);
-  var onDataListClick = React.useCallback(function (dataListValue) {
-    if (onChange !== null && dataListValue !== null) {
-      onChange(parseValue(dataListValue));
-      setDataListActive(false);
-    }
-  }, [onChange, setDataListActive]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)])
-  }, /*#__PURE__*/React.createElement(TextField, Object.assign({
-    type: "number",
-    className: styles.input,
-    value: value !== null ? "".concat(value) : '',
-    step: _float ? floatStep : step,
-    autoComplete: autoComplete ? 'on' : 'off',
-    onChange: onInputChange,
-    onFocus: onInputFocus,
-    onBlur: onInputBlur,
-    disabled: disabled
-  }, props)), !disabled && hasDataList ? /*#__PURE__*/React.createElement("div", {
-    className: styles.arrow
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: dataListActive ? 'caret-up' : 'caret-down'
-  })) : null, !disabled && hasDataList && dataListActive ? /*#__PURE__*/React.createElement("ul", {
-    className: styles.dataListItems
-  }, dataList.map(function (dataListValue) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: "data-list-".concat(dataListValue),
-      className: styles.dataListItem
-    }, /*#__PURE__*/React.createElement("button", {
-      className: styles.dataListItemButton,
-      type: "button",
-      onTouchStart: function onTouchStart() {
-        onDataListClick(dataListValue);
-      },
-      onMouseDown: function onMouseDown() {
-        onDataListClick(dataListValue);
-      }
-    }, dataListValue));
-  })) : null);
-};
-NumberField.propTypes = propTypes;
-NumberField.defaultProps = defaultProps;
-var NumberField$1 = NumberField;
-
-var definition = {
-  id: 'number',
-  component: 'Number'
-};
-
-exports.default = NumberField$1;
-exports.definition = definition;