infinite-autocomplete - npm Package Compare versions

Comparing version 4.0.0-rc to 4.0.0-rc2

package.json

 {
   "name": "infinite-autocomplete",
-  "version": "4.0.0-rc",
+  "version": "4.0.0-rc2",
   "description": "infinite-autocomplete",
@@ -15,3 +15,2 @@ "main": "dist/index.js",
   "devDependencies": {
-    "lodash": "^4.17.11",
     "@babel/core": "7.2.0",
@@ -22,5 +21,5 @@ "babel-eslint": "^10.0.1",
     "ghooks": "^2.0.4",
+    "lodash": "^4.17.11",
     "parcel-bundler": "^1.6.1",
-    "rimraf": "^2.6.3",
-    "sass": "^1.17.3"
+    "rimraf": "^2.6.3"
   },
@@ -27,0 +26,0 @@ "config": {

src/constants/index.js

 export const DEFAULT_FETCH_SIZE = 10;
 export const DEFAULT_DATA = [];
 export const noop = () => {};
+export const STYLES_ID = 'infinite-autocomplete-style';

src/index.js

 import { curry, flow, get, debounce, each, throttle } from 'lodash/fp';
 import mainTemplate from './templates/mainTemplate';
-import './templates/style.scss';
+import styles from './templates/styles';
 import {
@@ -13,3 +13,4 @@ setInnerHTML,
     pushToHandlers,
-    setOptionsScrollHandler
+    setOptionsScrollHandler,
+    applyStyles
 } from './utils';
@@ -28,2 +29,4 @@ import onInputChange from './onInputChange';
 
+    applyStyles(styles);
+
     const templateCreationPipeline = flow([
@@ -30,0 +33,0 @@ mainTemplate,

src/utils/index.js

 import { curry, isFunction, constant, get, flow } from 'lodash/fp';
 import optionsTemplate from '../templates/optionsTemplate';
+import { STYLES_ID } from '../constants';
 
@@ -16,2 +17,12 @@ export const setInnerHTML = curry((containerEle, htmlTemplate) => {
 
+export const applyStyles = (styles) => {
+    const isMainWrapperStyleApplied = document.head.querySelector(`#${STYLES_ID}`);
+    if (!isMainWrapperStyleApplied) {
+      const mainWrapperStyle = document.createElement('style');
+      mainWrapperStyle.id = STYLES_ID;
+      mainWrapperStyle.innerHTML = styles;
+      document.head.appendChild(mainWrapperStyle);
+    }
+};
+
 export const setInputChangeHandler = (handler, inputEle) => () => {
@@ -18,0 +29,0 @@ inputEle.addEventListener('input', handler);

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

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

616713

increased by0.31%

Dev dependency count

8

decreased by-11.11%

Lines of code

8651

increased by0.56%

Number of medium supply chain risk alerts

2

decreased by-33.33%

Worsened metrics

Number of package files

22

decreased by-8.33%

No dependency changes