@micromag/element-checkbox 0.3.233 → 0.3.236

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-checkbox",
-    "version": "0.3.233",
+    "version": "0.3.236",
     "description": "",
     "keywords": [
         "javascript"
@@ -49,7 +49,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.233",
+        "@micromag/core": "^0.3.236",
         "change-case": "^4.1.2",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
@@ -60,5 +60,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1849b8fc36ca5b6c6a13045db441495bba22184f"
+    "gitHead": "8ef5fca04d5826f68ec3ffa8cd0065b4e776ed10"
 }

package/assets/css/styles.css

@@ -1 +0,0 @@
-.micromag-element-checkbox-container{position:relative}.micromag-element-checkbox-container .micromag-element-checkbox-label{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.micromag-element-checkbox-container .micromag-element-checkbox-input{margin-right:5px}

package/es/index.js

@@ -1,65 +0,0 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import PropTypes$1 from 'prop-types';
-import classNames from 'classnames';
-import { PropTypes } from '@micromag/core';
-
-var styles = {"container":"micromag-element-checkbox-container","label":"micromag-element-checkbox-label","input":"micromag-element-checkbox-input"};
-
-var propTypes = {
-  option: PropTypes.textElement,
-  value: PropTypes$1.bool,
-  onChange: PropTypes$1.func,
-  focusable: PropTypes$1.bool,
-  checkboxStyle: PropTypes$1.object,
-  // eslint-disable-line
-  className: PropTypes$1.string
-};
-var defaultProps = {
-  option: null,
-  value: null,
-  onChange: null,
-  focusable: true,
-  checkboxStyle: null,
-  className: null
-};
-
-var Checkbox = function Checkbox(_ref) {
-  var option = _ref.option,
-      value = _ref.value,
-      _onChange = _ref.onChange,
-      focusable = _ref.focusable,
-      checkboxStyle = _ref.checkboxStyle,
-      className = _ref.className;
-
-  var _ref2 = option || {},
-      _ref2$body = _ref2.body,
-      body = _ref2$body === void 0 ? null : _ref2$body;
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
-    style: _objectSpread({}, checkboxStyle)
-  }, /*#__PURE__*/React.createElement("label", {
-    className: classNames([styles.label, {
-      active: body === value
-    }])
-  }, /*#__PURE__*/React.createElement("input", {
-    className: styles.input,
-    type: "checkbox",
-    autoComplete: "off",
-    value: value === true,
-    checked: value === true,
-    tabIndex: focusable ? '0' : '-1',
-    onChange: function onChange() {
-      if (_onChange !== null) {
-        _onChange(!value);
-      }
-    }
-  }), body));
-};
-
-Checkbox.propTypes = propTypes;
-Checkbox.defaultProps = defaultProps;
-
-export { Checkbox as default };

package/lib/index.js

@@ -1,75 +0,0 @@
-'use strict';
-
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var PropTypes = require('prop-types');
-var classNames = require('classnames');
-var core = require('@micromag/core');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
-var styles = {"container":"micromag-element-checkbox-container","label":"micromag-element-checkbox-label","input":"micromag-element-checkbox-input"};
-
-var propTypes = {
-  option: core.PropTypes.textElement,
-  value: PropTypes__default["default"].bool,
-  onChange: PropTypes__default["default"].func,
-  focusable: PropTypes__default["default"].bool,
-  checkboxStyle: PropTypes__default["default"].object,
-  // eslint-disable-line
-  className: PropTypes__default["default"].string
-};
-var defaultProps = {
-  option: null,
-  value: null,
-  onChange: null,
-  focusable: true,
-  checkboxStyle: null,
-  className: null
-};
-
-var Checkbox = function Checkbox(_ref) {
-  var option = _ref.option,
-      value = _ref.value,
-      _onChange = _ref.onChange,
-      focusable = _ref.focusable,
-      checkboxStyle = _ref.checkboxStyle,
-      className = _ref.className;
-
-  var _ref2 = option || {},
-      _ref2$body = _ref2.body,
-      body = _ref2$body === void 0 ? null : _ref2$body;
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
-    style: _objectSpread__default["default"]({}, checkboxStyle)
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: classNames__default["default"]([styles.label, {
-      active: body === value
-    }])
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    className: styles.input,
-    type: "checkbox",
-    autoComplete: "off",
-    value: value === true,
-    checked: value === true,
-    tabIndex: focusable ? '0' : '-1',
-    onChange: function onChange() {
-      if (_onChange !== null) {
-        _onChange(!value);
-      }
-    }
-  }), body));
-};
-
-Checkbox.propTypes = propTypes;
-Checkbox.defaultProps = defaultProps;
-
-module.exports = Checkbox;