synapsefi-ui - npm Package Compare versions

Comparing version 1.6.3 to 1.6.4

dist/components/Dropdown/Dropdown.js

@@ -272,2 +272,3 @@ 'use strict';
       var tabs = filteredOptions.map(function (item, idx) {
+
         var display = !!renderOptionItem ? renderOptionItem(item) : item.text;
@@ -288,3 +289,7 @@
             selected: _this3.state.selection.includes(item.key) }),
-          display
+          _react2.default.createElement(
+            Styles.TabItemText,
+            null,
+            display
+          )
         );
@@ -291,0 +296,0 @@ });

dist/components/Dropdown/styles/Dropdown.styles.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.FirstListWrapper = exports.StyledSearchIcon = exports.FlexStartAlign = exports.SearchInput = exports.MainContainer = exports.DropdownContainer = exports.PlaceHolder = exports.DownArrow = exports.TabItem = exports.MenuItem = exports.MenuList = exports.StyledCheckedSquare = undefined;
+exports.FirstListWrapper = exports.StyledSearchIcon = exports.FlexStartAlign = exports.SearchInput = exports.MainContainer = exports.DropdownContainer = exports.PlaceHolder = exports.DownArrow = exports.TabItemText = exports.TabItem = exports.MenuItem = exports.MenuList = exports.StyledCheckedSquare = undefined;
 
@@ -16,14 +16,15 @@ var _templateObject = _taggedTemplateLiteral(['\n  height: 20px;\n  width: 20px;\n\n  margin-right: 16px;\n  border: 2px solid #8c8c8c;\n  border: ', ';\n  box-sizing: border-box;\n  border-radius: 2px;\n\n  path:first-of-type {\n    fill: white;\n    ', '\n  }\n'], ['\n  height: 20px;\n  width: 20px;\n\n  margin-right: 16px;\n  border: 2px solid #8c8c8c;\n  border: ', ';\n  box-sizing: border-box;\n  border-radius: 2px;\n\n  path:first-of-type {\n    fill: white;\n    ', '\n  }\n']),
     _templateObject7 = _taggedTemplateLiteral(['\n    outline: none;\n    background-color: ', ';\n    color: ', ';\n  '], ['\n    outline: none;\n    background-color: ', ';\n    color: ', ';\n  ']),
-    _templateObject8 = _taggedTemplateLiteral(['\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n\n  border-top: 6px solid ', ';\n\n  border-radius: 2px;\n\n  display: flex;\n  align-self: center;\n'], ['\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n\n  border-top: 6px solid ', ';\n\n  border-radius: 2px;\n\n  display: flex;\n  align-self: center;\n']),
-    _templateObject9 = _taggedTemplateLiteral(['\n  color: ', ';\n  font-size: 16px;\n  // width: ', ';\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n'], ['\n  color: ', ';\n  font-size: 16px;\n  // width: ', ';\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n']),
-    _templateObject10 = _taggedTemplateLiteral(['', ''], ['', '']),
-    _templateObject11 = _taggedTemplateLiteral(['85%'], ['85%']),
-    _templateObject12 = _taggedTemplateLiteral(['100%'], ['100%']),
-    _templateObject13 = _taggedTemplateLiteral(['\n  width: ', ';\n  position: relative;\n'], ['\n  width: ', ';\n  position: relative;\n']),
-    _templateObject14 = _taggedTemplateLiteral(['\n  display: flex;\n  align-items: center;\n'], ['\n  display: flex;\n  align-items: center;\n']),
-    _templateObject15 = _taggedTemplateLiteral(['\n  ', '\n\n  border-width: 0px;\n  height: 100%;\n  margin-bottom: 0px;\n  font-size: 16px;\n\n  outline: none;\n\n  width: 85%;\n  padding-left: 0px;\n'], ['\n  ', '\n\n  border-width: 0px;\n  height: 100%;\n  margin-bottom: 0px;\n  font-size: 16px;\n\n  outline: none;\n\n  width: 85%;\n  padding-left: 0px;\n']),
-    _templateObject16 = _taggedTemplateLiteral(['\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  \n  font-size: 16px;\n  \n  color: ', ';\n  // width: ', ';\n  width: 100%;\n\n  overflow: hidden;\n  white-space: nowrap;\n'], ['\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  \n  font-size: 16px;\n  \n  color: ', ';\n  // width: ', ';\n  width: 100%;\n\n  overflow: hidden;\n  white-space: nowrap;\n']),
-    _templateObject17 = _taggedTemplateLiteral(['90%'], ['90%']),
-    _templateObject18 = _taggedTemplateLiteral(['\n  width: 16px;\n  height: 16px;\n  fill: ', ';\n  margin-right: 8px;\n'], ['\n  width: 16px;\n  height: 16px;\n  fill: ', ';\n  margin-right: 8px;\n']),
-    _templateObject19 = _taggedTemplateLiteral(['\n  overflow: hidden;\n  white-space: nowrap;\n\n  width: 90%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n'], ['\n  overflow: hidden;\n  white-space: nowrap;\n\n  width: 90%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n']);
+    _templateObject8 = _taggedTemplateLiteral(['\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n  text-overflow: ellipsis;\n'], ['\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n  text-overflow: ellipsis;\n']),
+    _templateObject9 = _taggedTemplateLiteral(['\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n\n  border-top: 6px solid ', ';\n\n  border-radius: 2px;\n\n  display: flex;\n  align-self: center;\n'], ['\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n\n  border-top: 6px solid ', ';\n\n  border-radius: 2px;\n\n  display: flex;\n  align-self: center;\n']),
+    _templateObject10 = _taggedTemplateLiteral(['\n  color: ', ';\n  font-size: 16px;\n  // width: ', ';\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n'], ['\n  color: ', ';\n  font-size: 16px;\n  // width: ', ';\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n']),
+    _templateObject11 = _taggedTemplateLiteral(['', ''], ['', '']),
+    _templateObject12 = _taggedTemplateLiteral(['85%'], ['85%']),
+    _templateObject13 = _taggedTemplateLiteral(['100%'], ['100%']),
+    _templateObject14 = _taggedTemplateLiteral(['\n  width: ', ';\n  position: relative;\n'], ['\n  width: ', ';\n  position: relative;\n']),
+    _templateObject15 = _taggedTemplateLiteral(['\n  display: flex;\n  align-items: center;\n'], ['\n  display: flex;\n  align-items: center;\n']),
+    _templateObject16 = _taggedTemplateLiteral(['\n  ', '\n\n  border-width: 0px;\n  height: 100%;\n  margin-bottom: 0px;\n  font-size: 16px;\n\n  outline: none;\n\n  width: 85%;\n  padding-left: 0px;\n'], ['\n  ', '\n\n  border-width: 0px;\n  height: 100%;\n  margin-bottom: 0px;\n  font-size: 16px;\n\n  outline: none;\n\n  width: 85%;\n  padding-left: 0px;\n']),
+    _templateObject17 = _taggedTemplateLiteral(['\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  \n  font-size: 16px;\n  \n  color: ', ';\n  // width: ', ';\n  width: 100%;\n\n  overflow: hidden;\n  white-space: nowrap;\n'], ['\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  \n  font-size: 16px;\n  \n  color: ', ';\n  // width: ', ';\n  width: 100%;\n\n  overflow: hidden;\n  white-space: nowrap;\n']),
+    _templateObject18 = _taggedTemplateLiteral(['90%'], ['90%']),
+    _templateObject19 = _taggedTemplateLiteral(['\n  width: 16px;\n  height: 16px;\n  fill: ', ';\n  margin-right: 8px;\n'], ['\n  width: 16px;\n  height: 16px;\n  fill: ', ';\n  margin-right: 8px;\n']),
+    _templateObject20 = _taggedTemplateLiteral(['\n  overflow: hidden;\n  white-space: nowrap;\n\n  width: 90%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n'], ['\n  overflow: hidden;\n  white-space: nowrap;\n\n  width: 90%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n']);
 
@@ -70,26 +71,28 @@ var _styledComponents = require('styled-components');
 
-var DownArrow = exports.DownArrow = _styledComponents2.default.div(_templateObject8, _colors2.default.MEDIUM_GRAY);
+var TabItemText = exports.TabItemText = _styledComponents2.default.div(_templateObject8);
 
-var PlaceHolder = exports.PlaceHolder = _styledComponents2.default.span(_templateObject9, function (props) {
-  return props.empty && (0, _styledComponents.css)(_templateObject10, _colors2.default.WARM_LIGHT);
+var DownArrow = exports.DownArrow = _styledComponents2.default.div(_templateObject9, _colors2.default.MEDIUM_GRAY);
+
+var PlaceHolder = exports.PlaceHolder = _styledComponents2.default.span(_templateObject10, function (props) {
+  return props.empty && (0, _styledComponents.css)(_templateObject11, _colors2.default.WARM_LIGHT);
 }, function (props) {
-  return props.searchable && (0, _styledComponents.css)(_templateObject11) || (0, _styledComponents.css)(_templateObject12);
+  return props.searchable && (0, _styledComponents.css)(_templateObject12) || (0, _styledComponents.css)(_templateObject13);
 });
 
-var DropdownContainer = exports.DropdownContainer = _styledComponents2.default.div(_templateObject13, function (props) {
+var DropdownContainer = exports.DropdownContainer = _styledComponents2.default.div(_templateObject14, function (props) {
   return props.width ? '' + props.width : '288px';
 });
 
-var MainContainer = exports.MainContainer = _styledComponents2.default.div(_templateObject14);
+var MainContainer = exports.MainContainer = _styledComponents2.default.div(_templateObject15);
 
-var SearchInput = exports.SearchInput = _styledComponents2.default.input(_templateObject15, _Input.baseInputStyling);
+var SearchInput = exports.SearchInput = _styledComponents2.default.input(_templateObject16, _Input.baseInputStyling);
 
-var FlexStartAlign = exports.FlexStartAlign = _styledComponents2.default.div(_templateObject16, function (props) {
+var FlexStartAlign = exports.FlexStartAlign = _styledComponents2.default.div(_templateObject17, function (props) {
   return props.empty && _colors2.default.WARM_LIGHT;
 }, function (props) {
-  return props.searchable && (0, _styledComponents.css)(_templateObject17) || (0, _styledComponents.css)(_templateObject12);
+  return props.searchable && (0, _styledComponents.css)(_templateObject18) || (0, _styledComponents.css)(_templateObject13);
 });
 
-var StyledSearchIcon = exports.StyledSearchIcon = (0, _styledComponents2.default)(_SvgIcons.search)(_templateObject18, _colors2.default.WARM_LIGHT);
+var StyledSearchIcon = exports.StyledSearchIcon = (0, _styledComponents2.default)(_SvgIcons.search)(_templateObject19, _colors2.default.WARM_LIGHT);
 
-var FirstListWrapper = exports.FirstListWrapper = _styledComponents2.default.div(_templateObject19);
+var FirstListWrapper = exports.FirstListWrapper = _styledComponents2.default.div(_templateObject20);

package.json

 {
   "name": "synapsefi-ui",
   "description": "synapsefi-ui",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "main": "index.js",
@@ -6,0 +6,0 @@ "license": "MIT",

No alert changes

Improved metrics

Total package byte prevSize

191548

increased by0.24%

Lines of code

3268

increased by0.18%

No dependency changes