@micromag/element-button 0.3.531 → 0.3.547

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-button",
-    "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",
         "react-intl": "^6.6.4",
@@ -70,5 +69,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "e3a59c467ad33528b38eb4badd78b6ed0e38a3a6"
+    "gitHead": "3c2f5904ce61fcfa61f673c38c2a5ec56e9e2b07"
 }

package/lib/index.js

@@ -1,97 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var core = require('@micromag/core');
-var components = require('@micromag/core/components');
-var utils = require('@micromag/core/utils');
-
-var styles = {"container":"micromag-element-button-container","disabled":"micromag-element-button-disabled","border":"micromag-element-button-border"};
-
-var _excluded = ["textStyle", "buttonStyle", "type", "disabled", "focusable", "inline", "onClick", "children", "className", "withoutExternalBorder", "refButton"],
-  _excluded2 = ["body"];
-var propTypes = {
-  textStyle: core.PropTypes.textStyle,
-  buttonStyle: core.PropTypes.boxStyle,
-  type: PropTypes.oneOf(['button', 'submit']),
-  disabled: PropTypes.bool,
-  focusable: PropTypes.bool,
-  inline: PropTypes.bool,
-  onClick: PropTypes.func,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  withoutExternalBorder: PropTypes.bool,
-  refButton: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any // eslint-disable-line
-  })])
-};
-var defaultProps = {
-  textStyle: null,
-  buttonStyle: null,
-  type: 'button',
-  disabled: false,
-  focusable: true,
-  inline: false,
-  onClick: null,
-  children: null,
-  className: null,
-  withoutExternalBorder: true,
-  refButton: null
-};
-var Button = function Button(_ref) {
-  var textStyle = _ref.textStyle,
-    buttonStyle = _ref.buttonStyle,
-    type = _ref.type,
-    disabled = _ref.disabled,
-    focusable = _ref.focusable,
-    inline = _ref.inline,
-    onClick = _ref.onClick,
-    children = _ref.children,
-    className = _ref.className,
-    withoutExternalBorder = _ref.withoutExternalBorder,
-    refButton = _ref.refButton,
-    buttonProps = _objectWithoutProperties(_ref, _excluded);
-  var finalStyles = null;
-  // eslint-disable-next-line no-unused-vars
-  var _ref2 = buttonProps || {};
-    _ref2.body;
-    var otherProps = _objectWithoutProperties(_ref2, _excluded2);
-  if (textStyle !== null) {
-    finalStyles = _objectSpread(_objectSpread({}, finalStyles), utils.getStyleFromText(textStyle));
-  }
-  if (buttonStyle !== null) {
-    finalStyles = _objectSpread(_objectSpread(_objectSpread({}, finalStyles), utils.getStyleFromBox(buttonStyle)), {}, {
-      display: withoutExternalBorder && inline ? 'inline-block' : null
-    });
-  }
-  if (!withoutExternalBorder) {
-    var _ref3 = finalStyles || {},
-      _ref3$borderWidth = _ref3.borderWidth,
-      borderWidth = _ref3$borderWidth === void 0 ? null : _ref3$borderWidth;
-    var margin = borderWidth !== null && borderWidth > 0 ? '-1px' : null;
-    finalStyles = _objectSpread(_objectSpread({}, finalStyles), {}, {
-      display: inline ? 'inline-block' : null
-    }, margin !== null ? {
-      margin: margin
-    } : null);
-  }
-  return /*#__PURE__*/React.createElement(components.Button, Object.assign({
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
-    disabled: disabled,
-    style: finalStyles,
-    onClick: onClick,
-    refButton: refButton,
-    type: type,
-    focusable: focusable,
-    withoutBootstrapStyles: true
-  }, otherProps), children);
-};
-Button.propTypes = propTypes;
-Button.defaultProps = defaultProps;
-var Button$1 = Button;
-
-module.exports = Button$1;