@micromag/element-text-input 0.3.531 → 0.3.547

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-text-input",
-    "version": "0.3.531",
+    "version": "0.3.547",
     "private": false,
     "description": "",
     "keywords": [
@@ -30,11 +30,10 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
     "exports": {
         ".": {
-            "require": "./lib/index.js",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -60,7 +59,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.531",
+        "@micromag/core": "^0.3.547",
         "classnames": "^2.2.6",
         "prop-types": "^15.7.2"
     },
@@ -68,5 +67,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "e3a59c467ad33528b38eb4badd78b6ed0e38a3a6"
+    "gitHead": "3c2f5904ce61fcfa61f673c38c2a5ec56e9e2b07"
 }

package/lib/index.js

@@ -1,112 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var core = require('@micromag/core');
-var utils = require('@micromag/core/utils');
-
-var styles = {"container":"micromag-element-text-input-container","element":"micromag-element-text-input-element"};
-
-var propTypes = {
-  label: PropTypes.string,
-  labelOutside: PropTypes.bool,
-  labelClassName: PropTypes.string,
-  textStyle: core.PropTypes.textStyle,
-  buttonStyle: core.PropTypes.boxStyle,
-  labelOutsideStyle: core.PropTypes.textStyle,
-  margin: core.PropTypes.margin,
-  multiline: PropTypes.bool,
-  value: PropTypes.string,
-  onChange: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  required: PropTypes.bool,
-  disabled: PropTypes.bool,
-  focusable: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps = {
-  label: null,
-  labelOutside: false,
-  labelClassName: null,
-  textStyle: null,
-  buttonStyle: null,
-  labelOutsideStyle: null,
-  margin: null,
-  multiline: false,
-  value: '',
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  required: false,
-  disabled: false,
-  focusable: true,
-  className: null
-};
-var TextInput = function TextInput(_ref) {
-  var label = _ref.label,
-    labelOutside = _ref.labelOutside,
-    labelClassName = _ref.labelClassName,
-    textStyle = _ref.textStyle,
-    buttonStyle = _ref.buttonStyle,
-    labelOutsideStyle = _ref.labelOutsideStyle,
-    margin = _ref.margin,
-    multiline = _ref.multiline,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    required = _ref.required,
-    disabled = _ref.disabled,
-    focusable = _ref.focusable,
-    className = _ref.className;
-  var containerStyle = {};
-  var labelStyle = {};
-  var elementStyle = {};
-  if (margin !== null) {
-    containerStyle = _objectSpread(_objectSpread({}, containerStyle), utils.getStyleFromMargin(margin));
-  }
-  if (labelOutsideStyle !== null) {
-    labelStyle = _objectSpread(_objectSpread({}, labelStyle), utils.getStyleFromText(labelOutsideStyle));
-  }
-  if (textStyle !== null) {
-    elementStyle = _objectSpread(_objectSpread({}, elementStyle), utils.getStyleFromText(textStyle));
-  }
-  if (buttonStyle !== null) {
-    elementStyle = _objectSpread(_objectSpread({}, elementStyle), utils.getStyleFromBox(buttonStyle));
-  }
-  var containerProps = {
-    className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.element, !labelOutside)]),
-    style: containerStyle
-  };
-  var elementProps = _objectSpread(_objectSpread({
-    className: styles.element
-  }, !labelOutside ? containerProps : null), {}, {
-    style: elementStyle,
-    placeholder: !labelOutside ? label : undefined,
-    value: value,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    required: required,
-    disabled: disabled
-  });
-  var element = multiline ? /*#__PURE__*/React.createElement("textarea", Object.assign({}, elementProps, {
-    tabIndex: focusable ? '0' : '-1'
-  })) : /*#__PURE__*/React.createElement("input", Object.assign({}, elementProps, {
-    type: "text",
-    tabIndex: focusable ? '0' : '-1'
-  }));
-  return !labelOutside ? element : /*#__PURE__*/React.createElement("label", containerProps, /*#__PURE__*/React.createElement("div", {
-    className: labelClassName,
-    style: labelStyle
-  }, label), element);
-};
-TextInput.propTypes = propTypes;
-TextInput.defaultProps = defaultProps;
-var TextInput$1 = TextInput;
-
-module.exports = TextInput$1;