@shoutem/ui 4.9.1 → 4.9.2

package/components/Icon/assets/camera.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.82322 4.82322C8.87011 4.77634 8.9337 4.75 9 4.75H15C15.0663 4.75 15.1299 4.77634 15.1768 4.82322C15.2237 4.87011 15.25 4.9337 15.25 5C15.25 5.72935 15.5397 6.42882 16.0555 6.94454C16.5712 7.46027 17.2707 7.75 18 7.75H19C19.3315 7.75 19.6495 7.8817 19.8839 8.11612C20.1183 8.35054 20.25 8.66848 20.25 9V18C20.25 18.3315 20.1183 18.6495 19.8839 18.8839C19.6495 19.1183 19.3315 19.25 19 19.25H5C4.66848 19.25 4.35054 19.1183 4.11612 18.8839C3.8817 18.6495 3.75 18.3315 3.75 18V9C3.75 8.66848 3.8817 8.35054 4.11612 8.11612C4.35054 7.8817 4.66848 7.75 5 7.75H6C6.72935 7.75 7.42882 7.46027 7.94454 6.94454C8.46027 6.42882 8.75 5.72935 8.75 5C8.75 4.9337 8.77634 4.87011 8.82322 4.82322ZM3.05546 7.05546C3.57118 6.53973 4.27065 6.25 5 6.25H6C6.33152 6.25 6.64946 6.1183 6.88388 5.88388C7.1183 5.64946 7.25 5.33152 7.25 5C7.25 4.53587 7.43437 4.09075 7.76256 3.76256C8.09075 3.43438 8.53587 3.25 9 3.25H15C15.4641 3.25 15.9092 3.43438 16.2374 3.76256C16.5656 4.09075 16.75 4.53587 16.75 5C16.75 5.33152 16.8817 5.64946 17.1161 5.88388C17.3505 6.1183 17.6685 6.25 18 6.25H19C19.7293 6.25 20.4288 6.53973 20.9445 7.05546C21.4603 7.57118 21.75 8.27065 21.75 9V18C21.75 18.7293 21.4603 19.4288 20.9445 19.9445C20.4288 20.4603 19.7293 20.75 19 20.75H5C4.27065 20.75 3.57118 20.4603 3.05546 19.9445C2.53973 19.4288 2.25 18.7293 2.25 18V9C2.25 8.27065 2.53973 7.57118 3.05546 7.05546ZM9.75 13C9.75 11.7574 10.7574 10.75 12 10.75C13.2426 10.75 14.25 11.7574 14.25 13C14.25 14.2426 13.2426 15.25 12 15.25C10.7574 15.25 9.75 14.2426 9.75 13ZM12 9.25C9.92893 9.25 8.25 10.9289 8.25 13C8.25 15.0711 9.92893 16.75 12 16.75C14.0711 16.75 15.75 15.0711 15.75 13C15.75 10.9289 14.0711 9.25 12 9.25Z" fill="black"/>
+</svg>

package/components/Icon/assets/comments.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<title>comments</title>
+<path d="M4.66602 3.83398C4.26819 3.83398 3.88666 3.99202 3.60536 4.27332C3.32405 4.55463 3.16602 4.93616 3.16602 5.33398V9.33398C3.16602 9.73181 3.32405 10.1133 3.60536 10.3946C3.88666 10.6759 4.26819 10.834 4.66602 10.834H5.99935C6.13196 10.834 6.25913 10.8867 6.3529 10.9804L7.99935 12.6269L9.6458 10.9804C9.73956 10.8867 9.86674 10.834 9.99935 10.834H11.3327C11.7305 10.834 12.112 10.6759 12.3933 10.3946C12.6746 10.1133 12.8327 9.73181 12.8327 9.33398V5.33398C12.8327 4.93616 12.6746 4.55463 12.3933 4.27332C12.112 3.99202 11.7305 3.83398 11.3327 3.83398H4.66602ZM2.89825 3.56622C3.36709 3.09738 4.00297 2.83398 4.66602 2.83398H11.3327C11.9957 2.83398 12.6316 3.09738 13.1004 3.56622C13.5693 4.03506 13.8327 4.67094 13.8327 5.33398V9.33398C13.8327 9.99703 13.5693 10.6329 13.1004 11.1018C12.6316 11.5706 11.9957 11.834 11.3327 11.834H10.2065L8.3529 13.6875C8.25913 13.7813 8.13196 13.834 7.99935 13.834C7.86674 13.834 7.73956 13.7813 7.6458 13.6875L5.79224 11.834H4.66602C4.00297 11.834 3.36709 11.5706 2.89825 11.1018C2.42941 10.6329 2.16602 9.99703 2.16602 9.33398V5.33398C2.16602 4.67094 2.42941 4.03506 2.89825 3.56622ZM4.83398 6C4.83398 5.72386 5.05784 5.5 5.33398 5.5H10.6673C10.9435 5.5 11.1673 5.72386 11.1673 6C11.1673 6.27614 10.9435 6.5 10.6673 6.5H5.33398C5.05784 6.5 4.83398 6.27614 4.83398 6ZM5.33398 8.16602C5.05784 8.16602 4.83398 8.38987 4.83398 8.66602C4.83398 8.94216 5.05784 9.16602 5.33398 9.16602H9.33398C9.61013 9.16602 9.83398 8.94216 9.83398 8.66602C9.83398 8.38987 9.61013 8.16602 9.33398 8.16602H5.33398Z" />
+</svg>

package/components/Icon/assets/gallery.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.16602 4.66602C3.16602 3.83759 3.83759 3.16602 4.66602 3.16602H11.3327C12.1611 3.16602 12.8327 3.83759 12.8327 4.66602V8.79221L12.3542 8.31373L12.3543 8.31367L12.3473 8.307C11.9701 7.94404 11.5063 7.7207 11.0007 7.7207C10.495 7.7207 10.0312 7.94404 9.65396 8.307L9.6539 8.30693L9.6471 8.31373L9.33366 8.62717L7.68624 6.97975L7.6863 6.97968L7.67937 6.97301C7.30217 6.61005 6.83835 6.38672 6.33268 6.38672C5.82701 6.38672 5.36319 6.61005 4.98599 6.97301L4.98593 6.97295L4.97913 6.97975L3.16602 8.79286V4.66602ZM10.0408 9.33428L11.0196 10.3131C11.2148 10.5083 11.2148 10.8249 11.0196 11.0202C10.8243 11.2155 10.5077 11.2155 10.3125 11.0202L6.98275 7.69048C6.753 7.47063 6.52824 7.38672 6.33268 7.38672C6.13712 7.38672 5.91236 7.47064 5.6826 7.69049L3.16602 10.2071V11.3327C3.16602 12.1611 3.83759 12.8327 4.66602 12.8327H11.3327C12.1611 12.8327 12.8327 12.1611 12.8327 11.3327V10.2064L11.6507 9.02447C11.421 8.80462 11.1962 8.7207 11.0007 8.7207C10.8051 8.7207 10.5803 8.80462 10.3506 9.02447L10.0408 9.33428ZM13.8327 10.0368V11.3327C13.8327 12.7134 12.7134 13.8327 11.3327 13.8327H4.66602C3.2853 13.8327 2.16602 12.7134 2.16602 11.3327V10.0001V9.99988V4.66602C2.16602 3.2853 3.2853 2.16602 4.66602 2.16602H11.3327C12.7134 2.16602 13.8327 3.2853 13.8327 4.66602V9.96445C13.8344 9.98853 13.8344 10.0127 13.8327 10.0368ZM10 4.83398C9.72386 4.83398 9.5 5.05784 9.5 5.33398C9.5 5.61013 9.72386 5.83398 10 5.83398H10.0075C10.2836 5.83398 10.5075 5.61013 10.5075 5.33398C10.5075 5.05784 10.2836 4.83398 10.0075 4.83398H10Z" fill="black"/>
+</svg>

package/components/Icon/assets/index.js

@@ -10,6 +10,7 @@ import back from './back.svg';
 import books from './books.svg';
 import call from './call.svg';
 import camSwitch from './cam-switch.svg';
+import camera from './camera.svg';
 import cart from './cart.svg';
 import checkboxOff from './checkbox-off.svg';
 import checkboxOn from './checkbox-on.svg';
@@ -18,6 +19,7 @@ import checkboxRectangleOn from './checkbox-rectangle-on.svg';
 import clearText from './clear-text.svg';
 import close from './close.svg';
 import comment from './comment.svg';
+import comments from './comments.svg';
 import deals from './deals.svg';
 import directions from './directions.svg';
 import downArrow from './down-arrow.svg';
@@ -34,6 +36,7 @@ import facebook from './facebook.svg';
 import facebookLogo from './facebook-logo.svg';
 import folder from './folder.svg';
 import friends from './friends.svg';
+import gallery from './gallery.svg';
 import gift from './gift.svg';
 import github from './github.svg';
 import hangUp from './hang-up.svg';
@@ -43,6 +46,7 @@ import instagram from './instagram.svg';
 import laptop from './laptop.svg';
 import leftArrow from './left-arrow.svg';
 import like from './like.svg';
+import likeHeart from './like-heart.svg';
 import link from './link.svg';
 import linkedin from './linkedin.svg';
 import lock from './lock.svg';
@@ -109,6 +113,7 @@ export const defaultConfig = [
   { name: 'back', icon: back },
   { name: 'books', icon: books },
   { name: 'call', icon: call },
+  { name: 'camera', icon: camera },
   { name: 'camSwitch', icon: camSwitch },
   { name: 'cart', icon: cart },
   { name: 'checkbox-off', icon: checkboxOff },
@@ -118,6 +123,7 @@ export const defaultConfig = [
   { name: 'clear-text', icon: clearText },
   { name: 'close', icon: close },
   { name: 'comment', icon: comment },
+  { name: 'comments', icon: comments },
   { name: 'deals', icon: deals },
   { name: 'directions', icon: directions },
   { name: 'down-arrow', icon: downArrow },
@@ -133,6 +139,7 @@ export const defaultConfig = [
   { name: 'facebook', icon: facebook },
   { name: 'facebook-logo', icon: facebookLogo },
   { name: 'folder', icon: folder },
+  { name: 'gallery', icon: gallery },
   { name: 'friends', icon: friends },
   { name: 'gift', icon: gift },
   { name: 'github', icon: github },
@@ -143,6 +150,7 @@ export const defaultConfig = [
   { name: 'laptop', icon: laptop },
   { name: 'left-arrow', icon: leftArrow },
   { name: 'like', icon: like },
+  { name: 'like-heart', icon: likeHeart },
   { name: 'link', icon: link },
   { name: 'linkedin', icon: linkedin },
   { name: 'lock', icon: lock },

package/components/Icon/assets/like-heart.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<title>like-heart</title>
+<path d="M13.0001 9.04796L8.00012 14L3.00012 9.04796C2.67032 8.72703 2.41055 8.3413 2.23715 7.91505C2.06375 7.48879 1.98049 7.03126 1.99261 6.57124C2.00473 6.11123 2.11196 5.65871 2.30756 5.24218C2.50315 4.82565 2.78288 4.45412 3.12911 4.15101C3.47534 3.84789 3.88059 3.61975 4.31933 3.48094C4.75806 3.34214 5.22079 3.29568 5.67837 3.34449C6.13594 3.3933 6.57845 3.53633 6.97804 3.76456C7.37762 3.99279 7.72562 4.30129 8.00012 4.67062C8.27581 4.30397 8.62421 3.99817 9.02352 3.77236C9.42283 3.54655 9.86445 3.40559 10.3207 3.3583C10.777 3.31102 11.2382 3.35842 11.6753 3.49755C12.1124 3.63668 12.5161 3.86454 12.8612 4.16686C13.2062 4.46919 13.4851 4.83948 13.6804 5.25455C13.8757 5.66962 13.9833 6.12054 13.9963 6.57909C14.0094 7.03764 13.9276 7.49395 13.7562 7.91946C13.5848 8.34496 13.3274 8.7305 13.0001 9.05196"  stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/ListView.js

@@ -57,7 +57,6 @@ class ListView extends PureComponent {
 
     this.state = {
       status: props.loading ? Status.LOADING : Status.IDLE,
-      isScrolling: false,
     };
   }
 
@@ -177,21 +176,17 @@ class ListView extends PureComponent {
     // reference
     mappedProps.ref = this.handleListViewRef;
 
-    mappedProps.onMomentumScrollBegin = this.setStartedScrolling;
-
-    mappedProps.onMomentumScrollEnd = this.setEndedScrolling;
-
     return mappedProps;
   }
 
   // eslint-disable-next-line consistent-return
   createOnLoadMore() {
     const { onLoadMore, data } = this.props;
-    const { isScrolling, status } = this.state;
+    const { status } = this.state;
     if (onLoadMore) {
       return _.throttle(
         () => {
-          if (!_.isEmpty(data) && isScrolling && status === Status.IDLE) {
+          if (!_.isEmpty(data) && status === Status.IDLE) {
             onLoadMore();
           }
         },
@@ -201,14 +196,6 @@ class ListView extends PureComponent {
     }
   }
 
-  setStartedScrolling() {
-    this.setState({ isScrolling: true });
-  }
-
-  setEndedScrolling() {
-    this.setState({ isScrolling: true });
-  }
-
   autoHideHeader({
     nativeEvent: {
       layout: { height },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoutem/ui",
-  "version": "4.9.1",
+  "version": "4.9.2",
   "description": "Styleable set of components for React Native applications",
   "scripts": {
     "lint": "eslint .",