@cloudflare/component-arrow-swivel - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+<a name="1.0.7"></a>
+## [1.0.7](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-arrow-swivel@1.0.6...@cloudflare/component-arrow-swivel@1.0.7) (2018-06-05)
+
+
+
+
+**Note:** Version bump only for package @cloudflare/component-arrow-swivel
+
 <a name="1.0.6"></a>
@@ -8,0 +16,0 @@ ## [1.0.6](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/component-arrow-swivel@1.0.5...@cloudflare/component-arrow-swivel@1.0.6) (2018-05-25)

es/ArrowSwivel.js

@@ -0,3 +1,21 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _index = require('@cloudflare/component-icon/src/index.js');
+
+var _index2 = require('@cloudflare/style-container/src/index.js');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -9,8 +27,3 @@
 
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Icon } from '@cloudflare/component-icon';
-import { createComponent } from '@cloudflare/style-container';
-
-var CaretIconWrapper = createComponent(function (_ref) {
+var CaretIconWrapper = (0, _index2.createComponent)(function (_ref) {
   var isActive = _ref.isActive,
@@ -53,3 +66,3 @@ startAngle = _ref.startAngle,
 
-      return React.createElement(
+      return _react2.default.createElement(
         CaretIconWrapper,
@@ -63,3 +76,3 @@ {
         },
-        React.createElement(Icon, {
+        _react2.default.createElement(_index.Icon, {
           label: 'caret-right',
@@ -75,12 +88,12 @@ type: 'caret-right',
   return ArrowSwivel;
-}(React.Component);
+}(_react2.default.Component);
 
 ArrowSwivel.propTypes = {
-  isActive: PropTypes.bool,
-  startAngle: PropTypes.number,
-  endAngle: PropTypes.number,
-  onClick: PropTypes.func,
-  duration: PropTypes.number,
-  color: PropTypes.string,
-  size: PropTypes.string
+  isActive: _propTypes2.default.bool,
+  startAngle: _propTypes2.default.number,
+  endAngle: _propTypes2.default.number,
+  onClick: _propTypes2.default.func,
+  duration: _propTypes2.default.number,
+  color: _propTypes2.default.string,
+  size: _propTypes2.default.string
 };
@@ -97,2 +110,2 @@
 
-export default ArrowSwivel;
+exports.default = ArrowSwivel;

es/ArrowSwivelTheme.js

@@ -1,3 +0,7 @@
-export default (function () {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = function () {
   return {};
-});
+};

es/index.js

@@ -1,7 +0,22 @@
-import ArrowSwivelUnstyled from './ArrowSwivel';
-import ArrowSwivelTheme from './ArrowSwivelTheme';
-import { applyTheme } from '@cloudflare/style-container';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrowSwivelTheme = exports.ArrowSwivelUnstyled = exports.ArrowSwivel = undefined;
 
-var ArrowSwivel = applyTheme(ArrowSwivelUnstyled, ArrowSwivelTheme);
+var _ArrowSwivel = require('./ArrowSwivel');
 
-export { ArrowSwivel, ArrowSwivelUnstyled, ArrowSwivelTheme };
+var _ArrowSwivel2 = _interopRequireDefault(_ArrowSwivel);
+
+var _ArrowSwivelTheme = require('./ArrowSwivelTheme');
+
+var _ArrowSwivelTheme2 = _interopRequireDefault(_ArrowSwivelTheme);
+
+var _index = require('@cloudflare/style-container/src/index.js');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var ArrowSwivel = (0, _index.applyTheme)(_ArrowSwivel2.default, _ArrowSwivelTheme2.default);
+
+exports.ArrowSwivel = ArrowSwivel;
+exports.ArrowSwivelUnstyled = _ArrowSwivel2.default;
+exports.ArrowSwivelTheme = _ArrowSwivelTheme2.default;

lib/ArrowSwivel.js

@@ -7,2 +7,4 @@ 'use strict';
 
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
 var _react = require('react');
@@ -16,49 +18,74 @@
 
-var _componentIcon = require('@cloudflare/component-icon');
+var _index = require('@cloudflare/component-icon/src/index.js');
 
-var _styleContainer = require('@cloudflare/style-container');
+var _index2 = require('@cloudflare/style-container/src/index.js');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const CaretIconWrapper = (0, _styleContainer.createComponent)(({ isActive, startAngle, endAngle, duration }) => ({
-  position: 'relative',
-  top: '0.2rem',
-  display: 'inline-block',
-  '& svg': {
-    transform: isActive ? `rotate(${endAngle}deg)` : `rotate(${startAngle}deg)`,
-    transition: `transform ${duration}ms ease`
-  }
-}), 'span', ['onClick']);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var CaretIconWrapper = (0, _index2.createComponent)(function (_ref) {
+  var isActive = _ref.isActive,
+      startAngle = _ref.startAngle,
+      endAngle = _ref.endAngle,
+      duration = _ref.duration;
+  return {
+    position: 'relative',
+    top: '0.2rem',
+    display: 'inline-block',
+    '& svg': {
+      transform: isActive ? 'rotate(' + endAngle + 'deg)' : 'rotate(' + startAngle + 'deg)',
+      transition: 'transform ' + duration + 'ms ease'
+    }
+  };
+}, 'span', ['onClick']);
 CaretIconWrapper.setDisplayName('CaretIconWrapper');
 
-class ArrowSwivel extends _react2.default.Component {
-  render() {
-    const {
-      onClick,
-      isActive,
-      startAngle,
-      endAngle,
-      duration,
-      color,
-      size
-    } = this.props;
-    return _react2.default.createElement(
-      CaretIconWrapper,
-      {
-        startAngle: startAngle,
-        endAngle: endAngle,
-        onClick: onClick,
-        isActive: isActive,
-        duration: duration
-      },
-      _react2.default.createElement(_componentIcon.Icon, {
-        label: 'caret-right',
-        type: 'caret-right',
-        color: color,
-        size: size
-      })
-    );
+var ArrowSwivel = function (_React$Component) {
+  _inherits(ArrowSwivel, _React$Component);
+
+  function ArrowSwivel() {
+    _classCallCheck(this, ArrowSwivel);
+
+    return _possibleConstructorReturn(this, (ArrowSwivel.__proto__ || Object.getPrototypeOf(ArrowSwivel)).apply(this, arguments));
   }
-}
 
+  _createClass(ArrowSwivel, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          onClick = _props.onClick,
+          isActive = _props.isActive,
+          startAngle = _props.startAngle,
+          endAngle = _props.endAngle,
+          duration = _props.duration,
+          color = _props.color,
+          size = _props.size;
+
+      return _react2.default.createElement(
+        CaretIconWrapper,
+        {
+          startAngle: startAngle,
+          endAngle: endAngle,
+          onClick: onClick,
+          isActive: isActive,
+          duration: duration
+        },
+        _react2.default.createElement(_index.Icon, {
+          label: 'caret-right',
+          type: 'caret-right',
+          color: color,
+          size: size
+        })
+      );
+    }
+  }]);
+
+  return ArrowSwivel;
+}(_react2.default.Component);
+
 ArrowSwivel.propTypes = {
@@ -65,0 +92,0 @@ isActive: _propTypes2.default.bool,

lib/ArrowSwivelTheme.js

@@ -7,2 +7,4 @@ "use strict";
 
-exports.default = () => ({});
+exports.default = function () {
+  return {};
+};

lib/index.js

@@ -16,7 +16,7 @@ 'use strict';
 
-var _styleContainer = require('@cloudflare/style-container');
+var _index = require('@cloudflare/style-container/src/index.js');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ArrowSwivel = (0, _styleContainer.applyTheme)(_ArrowSwivel2.default, _ArrowSwivelTheme2.default);
+var ArrowSwivel = (0, _index.applyTheme)(_ArrowSwivel2.default, _ArrowSwivelTheme2.default);
 
@@ -23,0 +23,0 @@ exports.ArrowSwivel = ArrowSwivel;

package.json

 {
   "name": "@cloudflare/component-arrow-swivel",
   "description": "",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "main": "lib/index.js",
@@ -15,4 +15,4 @@ "module": "es/index.js",
   "dependencies": {
-    "@cloudflare/component-icon": "^1.0.6",
-    "@cloudflare/style-container": "^1.0.6",
+    "@cloudflare/component-icon": "^1.0.7",
+    "@cloudflare/style-container": "^1.0.7",
     "prop-types": "^15.6.0"
@@ -19,0 +19,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

25074

increased by15.63%

Lines of code

284

increased by16.39%

Dependency changes

• Updated@cloudflare/component-icon@^1.0.7

• Updated@cloudflare/style-container@^1.0.7