@adactive/arc-itemcarousel - npm Package Compare versions

Comparing version 0.0.2-y.44.4 to 0.0.2-y.44.5

package.json

 {
   "name": "@adactive/arc-itemcarousel",
-  "version": "0.0.2-y.44.4",
+  "version": "0.0.2-y.44.5",
   "description": "Adsum Item Carousel Component",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -7,2 +7,4 @@ # Item Carousel component
 
+![image](https://user-images.githubusercontent.com/8574893/40474107-b5d27b88-5f70-11e8-9748-fbafb9679ef0.png)
+
 [Live examples here](https://adactivesas.github.io/adsum-react-components/packages/adsum-itemCarousel/examples/)
@@ -63,2 +65,3 @@
     +onItemClicked: () => null,
+    +listWrapperCSS?: CSSStyleDeclaration,
     +thumbNailWrapperCSS?: CSSStyleDeclaration,
@@ -88,2 +91,4 @@ +logoWrapperCSS?: CSSStyleDeclaration,
 
+**listWrapperCSS** -> To customise CSS for the overall list
+
 **thumbNailWrapperCSS** -> To customise CSS for the overall thumbnail css
@@ -103,4 +108,5 @@
 
-![image](https://user-images.githubusercontent.com/8574893/40462559-089edeac-5f43-11e8-8a6a-05a48ca9f2a3.png)
+![image](https://user-images.githubusercontent.com/8574893/40474237-12f20d92-5f71-11e8-9140-16e7c353d0d6.png)
 
+
 ## Copy component inside your project src folder  
@@ -107,0 +113,0 @@

src/AdsumItemCarousel.js

@@ -24,2 +24,3 @@ // @flow
     +onItemClicked: () => null,
+    +listWrapperCSS?: CSSStyleDeclaration,
     +thumbNailWrapperCSS?: CSSStyleDeclaration,
@@ -86,5 +87,7 @@ +logoWrapperCSS?: CSSStyleDeclaration,
     generatePagination(items: Array<Array<ItemObject>>): Array<Element<'ul'>> | Element<'ul'> {
+        const { listWrapperCSS } = this.props;
+
         if (items.length > 0) {
             return _.map(items, (item: Array<ItemObject>, index: number) =>
-                <ul className="row item" key={index}>
+                <ul className="row item" key={index} style={listWrapperCSS}>
                     { this.generateThumbNails(item) }
@@ -95,3 +98,3 @@ </ul>
             return (
-                <ul className="row item" key="0">
+                <ul className="row item" key="0" style={listWrapperCSS}>
                     <li className="no-result" >No items</li>
@@ -121,3 +124,3 @@ </ul>
         return _.map(items, (item: ItemObject, index: number) =>
-            <li className="col-md-3 thumbnail-wrapper" key={index} onClick={(): void => this.onItemClicked(item)} style={thumbNailWrapperCSS}>
+            <li className="thumbnail-wrapper" key={index} onClick={(): void => this.onItemClicked(item)} style={thumbNailWrapperCSS}>
                 <span className="btn btn-standard width height">
@@ -124,0 +127,0 @@ <div className="flex-center">

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

Improved metrics

Total package byte prevSize

24080

increased by1.58%

Lines of code

360

increased by0.56%

Number of lines in readme file

114

increased by5.56%

No dependency changes