synapsefi-ui - npm Package Compare versions

Comparing version 1.3.4 to 1.3.5

dist/components/buttonRelated/AnchorButton.js

@@ -7,3 +7,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteral(['\n  border: none;\n  cursor: pointer;\n  outline: none;\n\n  background-color: ', ';\n  font-size: ', ';\n\n  ', ';\n\n  ', ';\n  ', ';\n  ', ';\n\n  color: ', ';\n  &:hover {\n    color: ', ';\n  }\n  &:active {\n    color: ', ';\n  }\n'], ['\n  border: none;\n  cursor: pointer;\n  outline: none;\n\n  background-color: ', ';\n  font-size: ', ';\n\n  ', ';\n\n  ', ';\n  ', ';\n  ', ';\n\n  color: ', ';\n  &:hover {\n    color: ', ';\n  }\n  &:active {\n    color: ', ';\n  }\n']),
+var _templateObject = _taggedTemplateLiteral(['\n  border: none;\n  cursor: pointer;\n  outline: none;\n  padding: 0;\n\n  background-color: ', ';\n  font-size: ', ';\n\n  ', ';\n\n  ', ';\n  ', ';\n  ', ';\n\n  color: ', ';\n  &:hover {\n    color: ', ';\n  }\n  &:active {\n    color: ', ';\n  }\n'], ['\n  border: none;\n  cursor: pointer;\n  outline: none;\n  padding: 0;\n\n  background-color: ', ';\n  font-size: ', ';\n\n  ', ';\n\n  ', ';\n  ', ';\n  ', ';\n\n  color: ', ';\n  &:hover {\n    color: ', ';\n  }\n  &:active {\n    color: ', ';\n  }\n']),
     _templateObject2 = _taggedTemplateLiteral(['', ';'], ['', ';']);
@@ -10,0 +10,0 @@

dist/components/buttonRelated/ButtonGroup.js

@@ -7,3 +7,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteral(['\n  flex: 1;\n\n  display: flex;\n  justify-content: flex-end;\n\n  & > button {\n    &:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  ', ';\n\n  ', ';\n'], ['\n  flex: 1;\n\n  display: flex;\n  justify-content: flex-end;\n\n  & > button {\n    &:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  ', ';\n\n  ', ';\n']),
+var _templateObject = _taggedTemplateLiteral(['\n  flex: 1;\n\n  display: flex;\n  justify-content: flex-end;\n\n  & > button {\n    &:not(:last-child) {\n      margin-right: ', ';\n    }\n  }\n\n  ', ';\n\n  ', ';\n'], ['\n  flex: 1;\n\n  display: flex;\n  justify-content: flex-end;\n\n  & > button {\n    &:not(:last-child) {\n      margin-right: ', ';\n    }\n  }\n\n  ', ';\n\n  ', ';\n']),
     _templateObject2 = _taggedTemplateLiteral(['align-items: flex-end;'], ['align-items: flex-end;']),
@@ -24,2 +24,6 @@ _templateObject3 = _taggedTemplateLiteral(['\n      & > button {\n        flex: 1;\n      }\n    '], ['\n      & > button {\n        flex: 1;\n      }\n    ']);
 
+var _AnchorButton = require('./AnchorButton');
+
+var _AnchorButton2 = _interopRequireDefault(_AnchorButton);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -30,2 +34,4 @@
 var BtnWrapper = _styledComponents2.default.div(_templateObject, function (props) {
+  return props.gap ? props.gap : '16px';
+}, function (props) {
   return props.bottom && (0, _styledComponents.css)(_templateObject2);
@@ -36,33 +42,71 @@ }, function (props) {
 
+var renderAnchorBtn = function renderAnchorBtn(_ref) {
+  var style = _ref.style,
+      fontSize = _ref.fontSize,
+      text = _ref.text,
+      onClick = _ref.onClick;
+  return _react2.default.createElement(_AnchorButton2.default, {
+    key: text,
+    text: text,
+    onClick: onClick && function () {
+      return onClick();
+    }
+    //
+    , primary: style === 'primary',
+    secondary: style === 'secondary',
+    tertiary: style === 'tertiary',
+    remove: style === 'remove'
+    //
+    , fontSize: fontSize
+  });
+};
+
+var renderRegularBtn = function renderRegularBtn(_ref2) {
+  var style = _ref2.style,
+      size = _ref2.size,
+      text = _ref2.text,
+      onClick = _ref2.onClick;
+  return _react2.default.createElement(
+    _Button2.default,
+    {
+      key: text,
+      onClick: onClick && function () {
+        return onClick();
+      }
+      //
+      , primary: style === 'primary',
+      secondary: style === 'secondary',
+      tertiary: style === 'tertiary',
+      remove: style === 'remove',
+      isDisabled: style === 'isDisabled',
+      isLoading: style === 'isLoading'
+      //
+      , small: size === 'small',
+      medium: size === 'medium',
+      large: size === 'large'
+    },
+    text
+  );
+};
+
 var ButtonGroup = function ButtonGroup(props) {
+  var fullWidthBtn = props.fullWidthBtn,
+      bottom = props.bottom,
+      btnObjs = props.btnObjs,
+      isAnchorButton = props.isAnchorButton,
+      gap = props.gap;
+
+
   return _react2.default.createElement(
     BtnWrapper,
-    { fullWidthBtn: props.fullWidthBtn, bottom: props.bottom },
-    props.btnObjs.map(function (_ref, idx) {
-      var style = _ref.style,
-          size = _ref.size,
-          text = _ref.text,
-          onClick = _ref.onClick;
+    { fullWidthBtn: fullWidthBtn, bottom: bottom, gap: gap },
+    btnObjs.map(function (_ref3) {
+      var style = _ref3.style,
+          size = _ref3.size,
+          fontSize = _ref3.fontSize,
+          text = _ref3.text,
+          onClick = _ref3.onClick;
 
-      return _react2.default.createElement(
-        _Button2.default,
-        {
-          key: idx,
-          onClick: onClick && function () {
-            return onClick();
-          }
-          //
-          , primary: style === 'primary',
-          secondary: style === 'secondary',
-          tertiary: style === 'tertiary',
-          remove: style === 'remove',
-          isDisabled: style === 'isDisabled',
-          isLoading: style === 'isLoading'
-          //
-          , small: size === 'small',
-          medium: size === 'medium',
-          large: size === 'large'
-        },
-        text
-      );
+      if (isAnchorButton) return renderAnchorBtn({ style: style, fontSize: fontSize, text: text, onClick: onClick });
+      return renderRegularBtn({ style: style, size: size, text: text, onClick: onClick });
     })
@@ -69,0 +113,0 @@ );

dist/components/SvgIcons.js

@@ -11,3 +11,3 @@ 'use strict';
 var _templateObject = _taggedTemplateLiteral(['\n  from { transform: rotate(0deg); }\n  to { transform: rotate(-360deg); }\n'], ['\n  from { transform: rotate(0deg); }\n  to { transform: rotate(-360deg); }\n']),
-    _templateObject2 = _taggedTemplateLiteral(['\n  display: block;\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n'], ['\n  display: block;\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n']),
+    _templateObject2 = _taggedTemplateLiteral(['\n  display: block;\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n'], ['\n  display: block;\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n']),
     _templateObject3 = _taggedTemplateLiteral(['', ';'], ['', ';']),
@@ -17,3 +17,6 @@ _templateObject4 = _taggedTemplateLiteral(['cursor: pointer;'], ['cursor: pointer;']),
     _templateObject6 = _taggedTemplateLiteral(['animation: ', ' 2.5s linear infinite;'], ['animation: ', ' 2.5s linear infinite;']),
-    _templateObject7 = _taggedTemplateLiteral(['animation: ', ' 1s linear infinite;'], ['animation: ', ' 1s linear infinite;']);
+    _templateObject7 = _taggedTemplateLiteral(['animation: ', ' 1s linear infinite;'], ['animation: ', ' 1s linear infinite;']),
+    _templateObject8 = _taggedTemplateLiteral(['transform: rotate(90deg);'], ['transform: rotate(90deg);']),
+    _templateObject9 = _taggedTemplateLiteral(['transform: rotate(180deg);'], ['transform: rotate(180deg);']),
+    _templateObject10 = _taggedTemplateLiteral(['transform: rotate(270deg);'], ['transform: rotate(270deg);']);
 
@@ -100,2 +103,8 @@ var _react = require('react');
   return props.rotate_ccw_fast && (0, _styledComponents.css)(_templateObject7, rotateCounterClockwise);
+}, function (props) {
+  return props.right && (0, _styledComponents.css)(_templateObject8);
+}, function (props) {
+  return props.down && (0, _styledComponents.css)(_templateObject9);
+}, function (props) {
+  return props.left && (0, _styledComponents.css)(_templateObject10);
 });
@@ -102,0 +111,0 @@

dist/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.FormTypeConstants = exports.Form = exports.Accordion = exports.DropdownHead = exports.DropdownContent = exports.Dropdown = exports.RadioGroup = exports.CheckboxGroup = exports.Textarea = exports.Input = exports.AlertMessage = exports.ErrorMessage = exports.Label = exports.Table = exports.SvgIcons = exports.Modal = exports.CloseButton = exports.ButtonGroup = exports.Button = exports.AnchorButton = exports.colors = undefined;
+exports.LoadingCube = exports.FormTypeConstants = exports.Form = exports.Accordion = exports.DropdownHead = exports.DropdownContent = exports.Dropdown = exports.RadioGroup = exports.CheckboxGroup = exports.Textarea = exports.Input = exports.AlertMessage = exports.ErrorMessage = exports.Label = exports.Table = exports.SvgIcons = exports.Modal = exports.CloseButton = exports.ButtonGroup = exports.Button = exports.AnchorButton = exports.colors = undefined;
 
@@ -89,2 +89,6 @@ var _AnchorButton = require('./components/buttonRelated/AnchorButton');
 
+var _LoadingCube = require('./components/LoadingCube/LoadingCube');
+
+var _LoadingCube2 = _interopRequireDefault(_LoadingCube);
+
 var _colors = require('./colors');
@@ -125,2 +129,4 @@
 var Form = exports.Form = _Form2.default;
-var FormTypeConstants = exports.FormTypeConstants = (0, _FormTypeConstants2.default)();
+var FormTypeConstants = exports.FormTypeConstants = (0, _FormTypeConstants2.default)();
+
+var LoadingCube = exports.LoadingCube = _LoadingCube2.default;

package.json

 {
   "name": "synapsefi-ui",
   "description": "synapsefi-ui",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "main": "index.js",
@@ -36,3 +36,4 @@ "license": "MIT",
     "webpack-cli": "^2.1.2",
-    "webpack-dev-server": "^3.1.4"
+    "webpack-dev-server": "^3.1.4",
+    "color": "^3.0.0"
   },
@@ -42,4 +43,5 @@ "peerDependencies": {
     "react-onclickoutside": "^6.7.1",
-    "react-animate-height": "^2.0.1"
+    "react-animate-height": "^2.0.1",
+    "color": "^3.0.0"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

182878

increased by3.61%

Number of package files

33

increased by3.13%

Lines of code

3116

increased by3.28%

Worsened metrics

Dependency count

4

increased by33.33%

Dev dependency count

19

increased by5.56%

No dependency changes