@lendi-ui/auto-complete - npm Package Compare versions

Comparing version 5.2.6 to 5.2.7

CHANGELOG.md

 ## [5.1.0] 2020-03-17 [FUNNEL-1124](
 
+## 5.2.7
+
+### Patch Changes
+
+- edd8cd69: updating style for overlap AutoCompleteMenuListItem in AutoComplete component
+  updating street type list
+  allow street types be empty
+
 ## 5.2.6
@@ -4,0 +12,0 @@

dist/auto-complete.cjs.dev.js

@@ -24,12 +24,2 @@ 'use strict';
 
-function _templateObject13() {
-  var data = _taggedTemplateLiteral(["\n          top: ", ";\n          width: ", ";\n          height: ", ";\n        "]);
-
-  _templateObject13 = function _templateObject13() {
-    return data;
-  };
-
-  return data;
-}
-
 function _templateObject12() {
@@ -56,3 +46,3 @@ var data = _taggedTemplateLiteral(["\n          top: ", ";\n          width: ", ";\n          height: ", ";\n        "]);
 function _templateObject10() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n"]);
+  var data = _taggedTemplateLiteral(["\n          top: ", ";\n          width: ", ";\n          height: ", ";\n        "]);
 
@@ -77,3 +67,3 @@ _templateObject10 = function _templateObject10() {
 function _templateObject8() {
-  var data = _taggedTemplateLiteral(["\n  cursor: pointer;\n"]);
+  var data = _taggedTemplateLiteral(["\n  ", ";\n"]);
 
@@ -88,3 +78,3 @@ _templateObject8 = function _templateObject8() {
 function _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n"]);
+  var data = _taggedTemplateLiteral(["\n  cursor: pointer;\n"]);
 
@@ -99,3 +89,3 @@ _templateObject7 = function _templateObject7() {
 function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n  min-width: 110px;\n"]);
+  var data = _taggedTemplateLiteral(["\n  ", ";\n"]);
 
@@ -110,3 +100,3 @@ _templateObject6 = function _templateObject6() {
 function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n          background-color: initial;\n          color: initial;\n        "]);
+  var data = _taggedTemplateLiteral(["\n  ", ";\n  min-width: 110px;\n"]);
 
@@ -121,3 +111,3 @@ _templateObject5 = function _templateObject5() {
 function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n          ", ";\n          ", ";\n        "]);
+  var data = _taggedTemplateLiteral(["\n          background-color: initial;\n          color: initial;\n        "]);
 
@@ -132,3 +122,3 @@ _templateObject4 = function _templateObject4() {
 function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n    max-height: 40px;\n  "]);
+  var data = _taggedTemplateLiteral(["\n          ", ";\n          ", ";\n        "]);
 
@@ -143,3 +133,3 @@ _templateObject3 = function _templateObject3() {
 function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  width: auto;\n  word-wrap: break-word;\n  list-style: none;\n  ", ";\n  ", ";\n  max-height: 48px;\n  ", ";\n  font-family: ", ";\n  :hover {\n    ", ";\n    ", " cursor: pointer;\n    font-weight: 700;\n  }\n\n  ", ";\n"]);
+  var data = _taggedTemplateLiteral(["\n  width: auto;\n  word-wrap: break-word;\n  list-style: none;\n  ", ";\n  ", ";\n\n  font-family: ", ";\n  :hover {\n    ", ";\n    ", " cursor: pointer;\n    font-weight: 700;\n  }\n\n  ", ";\n"]);
 
@@ -165,12 +155,12 @@ _templateObject2 = function _templateObject2() {
 var AutoCompleteList = styled__default['default'].ul(_templateObject(), spacing.m('nil'), spacing.py('xxs'), spacing.px('nil'), theme.select('borderRadius'), color.bg('shade.0'), depth.depth(1), props => props.customWidth ? props.customWidth + 'px' : 'auto');
-var AutoCompleteListItem = styled__default['default'].li(_templateObject2(), spacing.px('sm'), spacing.py('xs'), breakpoint.gte('tablet')(_templateObject3()), theme.select('typography.body.fontFamily'), color.bg('secondary.500'), color.fg('shade.0'), (_ref) => {
+var AutoCompleteListItem = styled__default['default'].li(_templateObject2(), spacing.px('sm'), spacing.py('xs'), theme.select('typography.body.fontFamily'), color.bg('secondary.500'), color.fg('shade.0'), (_ref) => {
   var {
     isActive
   } = _ref;
-  return isActive ? styled.css(_templateObject4(), color.bg('secondary.500'), color.fg('shade.0')) : styled.css(_templateObject5());
+  return isActive ? styled.css(_templateObject3(), color.bg('secondary.500'), color.fg('shade.0')) : styled.css(_templateObject4());
 });
-var AutoCompleteWrapper = styled__default['default'].div(_templateObject6(), utils.normalise);
-var AfterIconWrapper = styled__default['default'].span(_templateObject7(), spacing.p('sm'));
-var CloseWrapper = styled__default['default'].span(_templateObject8());
-var SpinnerWrapper = styled__default['default'](Spinner__default['default'])(_templateObject9(), (_ref2) => {
+var AutoCompleteWrapper = styled__default['default'].div(_templateObject5(), utils.normalise);
+var AfterIconWrapper = styled__default['default'].span(_templateObject6(), spacing.p('sm'));
+var CloseWrapper = styled__default['default'].span(_templateObject7());
+var SpinnerWrapper = styled__default['default'](Spinner__default['default'])(_templateObject8(), (_ref2) => {
   var {
@@ -181,3 +171,3 @@ size
 });
-var CloseIcon = styled__default['default'](Close__default['default'])(_templateObject10(), (_ref3) => {
+var CloseIcon = styled__default['default'](Close__default['default'])(_templateObject9(), (_ref3) => {
   var {
@@ -192,9 +182,9 @@ size
     case 'sm':
-      return styled.css(_templateObject11(), utils.deriveSize(0.35), utils.deriveSize(1), utils.deriveSize(1));
+      return styled.css(_templateObject10(), utils.deriveSize(0.35), utils.deriveSize(1), utils.deriveSize(1));
 
     case 'md':
-      return styled.css(_templateObject12(), utils.deriveSize(0.45), utils.deriveSize(1.25), utils.deriveSize(1.25));
+      return styled.css(_templateObject11(), utils.deriveSize(0.45), utils.deriveSize(1.25), utils.deriveSize(1.25));
 
     case 'lg':
-      return styled.css(_templateObject13(), utils.deriveSize(0.35), utils.deriveSize(1.75), utils.deriveSize(1.75));
+      return styled.css(_templateObject12(), utils.deriveSize(0.35), utils.deriveSize(1.75), utils.deriveSize(1.75));
 
@@ -201,0 +191,0 @@ default:

dist/auto-complete.cjs.prod.js

@@ -17,9 +17,2 @@ "use strict";
 
-function _templateObject13() {
-  var data = _taggedTemplateLiteral([ "\n          top: ", ";\n          width: ", ";\n          height: ", ";\n        " ]);
-  return _templateObject13 = function() {
-    return data;
-  }, data;
-}
-
 function _templateObject12() {
@@ -40,3 +33,3 @@ var data = _taggedTemplateLiteral([ "\n          top: ", ";\n          width: ", ";\n          height: ", ";\n        " ]);
 function _templateObject10() {
-  var data = _taggedTemplateLiteral([ "\n  ", ";\n" ]);
+  var data = _taggedTemplateLiteral([ "\n          top: ", ";\n          width: ", ";\n          height: ", ";\n        " ]);
   return _templateObject10 = function() {
@@ -55,3 +48,3 @@ return data;
 function _templateObject8() {
-  var data = _taggedTemplateLiteral([ "\n  cursor: pointer;\n" ]);
+  var data = _taggedTemplateLiteral([ "\n  ", ";\n" ]);
   return _templateObject8 = function() {
@@ -63,3 +56,3 @@ return data;
 function _templateObject7() {
-  var data = _taggedTemplateLiteral([ "\n  ", ";\n" ]);
+  var data = _taggedTemplateLiteral([ "\n  cursor: pointer;\n" ]);
   return _templateObject7 = function() {
@@ -71,3 +64,3 @@ return data;
 function _templateObject6() {
-  var data = _taggedTemplateLiteral([ "\n  ", ";\n  min-width: 110px;\n" ]);
+  var data = _taggedTemplateLiteral([ "\n  ", ";\n" ]);
   return _templateObject6 = function() {
@@ -79,3 +72,3 @@ return data;
 function _templateObject5() {
-  var data = _taggedTemplateLiteral([ "\n          background-color: initial;\n          color: initial;\n        " ]);
+  var data = _taggedTemplateLiteral([ "\n  ", ";\n  min-width: 110px;\n" ]);
   return _templateObject5 = function() {
@@ -87,3 +80,3 @@ return data;
 function _templateObject4() {
-  var data = _taggedTemplateLiteral([ "\n          ", ";\n          ", ";\n        " ]);
+  var data = _taggedTemplateLiteral([ "\n          background-color: initial;\n          color: initial;\n        " ]);
   return _templateObject4 = function() {
@@ -95,3 +88,3 @@ return data;
 function _templateObject3() {
-  var data = _taggedTemplateLiteral([ "\n    max-height: 40px;\n  " ]);
+  var data = _taggedTemplateLiteral([ "\n          ", ";\n          ", ";\n        " ]);
   return _templateObject3 = function() {
@@ -103,3 +96,3 @@ return data;
 function _templateObject2() {
-  var data = _taggedTemplateLiteral([ "\n  width: auto;\n  word-wrap: break-word;\n  list-style: none;\n  ", ";\n  ", ";\n  max-height: 48px;\n  ", ";\n  font-family: ", ";\n  :hover {\n    ", ";\n    ", " cursor: pointer;\n    font-weight: 700;\n  }\n\n  ", ";\n" ]);
+  var data = _taggedTemplateLiteral([ "\n  width: auto;\n  word-wrap: break-word;\n  list-style: none;\n  ", ";\n  ", ";\n\n  font-family: ", ";\n  :hover {\n    ", ";\n    ", " cursor: pointer;\n    font-weight: 700;\n  }\n\n  ", ";\n" ]);
   return _templateObject2 = function() {
@@ -125,9 +118,9 @@ return data;
 
-var AutoCompleteList = styled__default.default.ul(_templateObject(), spacing.m("nil"), spacing.py("xxs"), spacing.px("nil"), theme.select("borderRadius"), color.bg("shade.0"), depth.depth(1), props => props.customWidth ? props.customWidth + "px" : "auto"), AutoCompleteListItem = styled__default.default.li(_templateObject2(), spacing.px("sm"), spacing.py("xs"), breakpoint.gte("tablet")(_templateObject3()), theme.select("typography.body.fontFamily"), color.bg("secondary.500"), color.fg("shade.0"), _ref => {
+var AutoCompleteList = styled__default.default.ul(_templateObject(), spacing.m("nil"), spacing.py("xxs"), spacing.px("nil"), theme.select("borderRadius"), color.bg("shade.0"), depth.depth(1), props => props.customWidth ? props.customWidth + "px" : "auto"), AutoCompleteListItem = styled__default.default.li(_templateObject2(), spacing.px("sm"), spacing.py("xs"), theme.select("typography.body.fontFamily"), color.bg("secondary.500"), color.fg("shade.0"), _ref => {
   var {isActive: isActive} = _ref;
-  return isActive ? styled.css(_templateObject4(), color.bg("secondary.500"), color.fg("shade.0")) : styled.css(_templateObject5());
-}), AutoCompleteWrapper = styled__default.default.div(_templateObject6(), utils.normalise), AfterIconWrapper = styled__default.default.span(_templateObject7(), spacing.p("sm")), CloseWrapper = styled__default.default.span(_templateObject8()), SpinnerWrapper = styled__default.default(Spinner__default.default)(_templateObject9(), _ref2 => {
+  return isActive ? styled.css(_templateObject3(), color.bg("secondary.500"), color.fg("shade.0")) : styled.css(_templateObject4());
+}), AutoCompleteWrapper = styled__default.default.div(_templateObject5(), utils.normalise), AfterIconWrapper = styled__default.default.span(_templateObject6(), spacing.p("sm")), CloseWrapper = styled__default.default.span(_templateObject7()), SpinnerWrapper = styled__default.default(Spinner__default.default)(_templateObject8(), _ref2 => {
   var {size: size} = _ref2;
   return iconBySizeMixin(size);
-}), CloseIcon = styled__default.default(Close__default.default)(_templateObject10(), _ref3 => {
+}), CloseIcon = styled__default.default(Close__default.default)(_templateObject9(), _ref3 => {
   var {size: size} = _ref3;
@@ -138,9 +131,9 @@ return iconBySizeMixin(size);
    case "sm":
-    return styled.css(_templateObject11(), utils.deriveSize(.35), utils.deriveSize(1), utils.deriveSize(1));
+    return styled.css(_templateObject10(), utils.deriveSize(.35), utils.deriveSize(1), utils.deriveSize(1));
 
    case "md":
-    return styled.css(_templateObject12(), utils.deriveSize(.45), utils.deriveSize(1.25), utils.deriveSize(1.25));
+    return styled.css(_templateObject11(), utils.deriveSize(.45), utils.deriveSize(1.25), utils.deriveSize(1.25));
 
    case "lg":
-    return styled.css(_templateObject13(), utils.deriveSize(.35), utils.deriveSize(1.75), utils.deriveSize(1.75));
+    return styled.css(_templateObject12(), utils.deriveSize(.35), utils.deriveSize(1.75), utils.deriveSize(1.75));
 
@@ -147,0 +140,0 @@ default:

dist/auto-complete.esm.js

@@ -7,3 +7,3 @@ import { Component, createElement, createRef, cloneElement } from 'react';
 import { normalise, deriveSize } from '@lendi-ui/utils';
-import { gte, map } from '@lendi-ui/breakpoint';
+import { map } from '@lendi-ui/breakpoint';
 import { m, py, px, p } from '@lendi-ui/spacing';
@@ -15,12 +15,2 @@ import { bg, fg } from '@lendi-ui/color';
 
-function _templateObject13() {
-  var data = _taggedTemplateLiteral(["\n          top: ", ";\n          width: ", ";\n          height: ", ";\n        "]);
-
-  _templateObject13 = function _templateObject13() {
-    return data;
-  };
-
-  return data;
-}
-
 function _templateObject12() {
@@ -47,3 +37,3 @@ var data = _taggedTemplateLiteral(["\n          top: ", ";\n          width: ", ";\n          height: ", ";\n        "]);
 function _templateObject10() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n"]);
+  var data = _taggedTemplateLiteral(["\n          top: ", ";\n          width: ", ";\n          height: ", ";\n        "]);
 
@@ -68,3 +58,3 @@ _templateObject10 = function _templateObject10() {
 function _templateObject8() {
-  var data = _taggedTemplateLiteral(["\n  cursor: pointer;\n"]);
+  var data = _taggedTemplateLiteral(["\n  ", ";\n"]);
 
@@ -79,3 +69,3 @@ _templateObject8 = function _templateObject8() {
 function _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n"]);
+  var data = _taggedTemplateLiteral(["\n  cursor: pointer;\n"]);
 
@@ -90,3 +80,3 @@ _templateObject7 = function _templateObject7() {
 function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n  min-width: 110px;\n"]);
+  var data = _taggedTemplateLiteral(["\n  ", ";\n"]);
 
@@ -101,3 +91,3 @@ _templateObject6 = function _templateObject6() {
 function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n          background-color: initial;\n          color: initial;\n        "]);
+  var data = _taggedTemplateLiteral(["\n  ", ";\n  min-width: 110px;\n"]);
 
@@ -112,3 +102,3 @@ _templateObject5 = function _templateObject5() {
 function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n          ", ";\n          ", ";\n        "]);
+  var data = _taggedTemplateLiteral(["\n          background-color: initial;\n          color: initial;\n        "]);
 
@@ -123,3 +113,3 @@ _templateObject4 = function _templateObject4() {
 function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n    max-height: 40px;\n  "]);
+  var data = _taggedTemplateLiteral(["\n          ", ";\n          ", ";\n        "]);
 
@@ -134,3 +124,3 @@ _templateObject3 = function _templateObject3() {
 function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  width: auto;\n  word-wrap: break-word;\n  list-style: none;\n  ", ";\n  ", ";\n  max-height: 48px;\n  ", ";\n  font-family: ", ";\n  :hover {\n    ", ";\n    ", " cursor: pointer;\n    font-weight: 700;\n  }\n\n  ", ";\n"]);
+  var data = _taggedTemplateLiteral(["\n  width: auto;\n  word-wrap: break-word;\n  list-style: none;\n  ", ";\n  ", ";\n\n  font-family: ", ";\n  :hover {\n    ", ";\n    ", " cursor: pointer;\n    font-weight: 700;\n  }\n\n  ", ";\n"]);
 
@@ -156,12 +146,12 @@ _templateObject2 = function _templateObject2() {
 var AutoCompleteList = styled.ul(_templateObject(), m('nil'), py('xxs'), px('nil'), select('borderRadius'), bg('shade.0'), depth(1), props => props.customWidth ? props.customWidth + 'px' : 'auto');
-var AutoCompleteListItem = styled.li(_templateObject2(), px('sm'), py('xs'), gte('tablet')(_templateObject3()), select('typography.body.fontFamily'), bg('secondary.500'), fg('shade.0'), (_ref) => {
+var AutoCompleteListItem = styled.li(_templateObject2(), px('sm'), py('xs'), select('typography.body.fontFamily'), bg('secondary.500'), fg('shade.0'), (_ref) => {
   var {
     isActive
   } = _ref;
-  return isActive ? css(_templateObject4(), bg('secondary.500'), fg('shade.0')) : css(_templateObject5());
+  return isActive ? css(_templateObject3(), bg('secondary.500'), fg('shade.0')) : css(_templateObject4());
 });
-var AutoCompleteWrapper = styled.div(_templateObject6(), normalise);
-var AfterIconWrapper = styled.span(_templateObject7(), p('sm'));
-var CloseWrapper = styled.span(_templateObject8());
-var SpinnerWrapper = styled(Spinner)(_templateObject9(), (_ref2) => {
+var AutoCompleteWrapper = styled.div(_templateObject5(), normalise);
+var AfterIconWrapper = styled.span(_templateObject6(), p('sm'));
+var CloseWrapper = styled.span(_templateObject7());
+var SpinnerWrapper = styled(Spinner)(_templateObject8(), (_ref2) => {
   var {
@@ -172,3 +162,3 @@ size
 });
-var CloseIcon = styled(Close)(_templateObject10(), (_ref3) => {
+var CloseIcon = styled(Close)(_templateObject9(), (_ref3) => {
   var {
@@ -183,9 +173,9 @@ size
     case 'sm':
-      return css(_templateObject11(), deriveSize(0.35), deriveSize(1), deriveSize(1));
+      return css(_templateObject10(), deriveSize(0.35), deriveSize(1), deriveSize(1));
 
     case 'md':
-      return css(_templateObject12(), deriveSize(0.45), deriveSize(1.25), deriveSize(1.25));
+      return css(_templateObject11(), deriveSize(0.45), deriveSize(1.25), deriveSize(1.25));
 
     case 'lg':
-      return css(_templateObject13(), deriveSize(0.35), deriveSize(1.75), deriveSize(1.75));
+      return css(_templateObject12(), deriveSize(0.35), deriveSize(1.75), deriveSize(1.75));
 
@@ -192,0 +182,0 @@ default:

package.json

 {
   "name": "@lendi-ui/auto-complete",
-  "version": "5.2.6",
+  "version": "5.2.7",
   "license": "ISC",
@@ -5,0 +5,0 @@ "source": "src/index.tsx",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Unpublished package

Supply chain risk

Package version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Unpublished package

Supply chain risk

Package version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

101752

decreased by-0.59%

Lines of code

2130

decreased by-0.93%

No dependency changes