unicorn-demo-app 7.1.1 → 7.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unicorn-demo-app",
-  "version": "7.1.1",
+  "version": "7.2.0",
   "main": "src/index.js",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",
   "license": "MIT",
@@ -16,7 +16,7 @@
     "demoRelease": "node ./scripts/demoRelease.js"
   },
   "devDependencies": {
-    "react-native-ui-lib": "*",
+    "react-native-ui-lib": "7.1.0",
     "shell-utils": "^1.0.10"
   },
   "peerDependencies": {

package/src/index.js

@@ -198,6 +198,9 @@ module.exports = {
       get ColorsScreen() {
         return require('./screens/foundationScreens/ColorsScreen').default;
       },
+      get DarkMode() {
+        return require('./screens/foundationScreens/DarkModeScreen').default;
+      },
       get TypographyScreen() {
         return require('./screens/foundationScreens/TypographyScreen').default;
       },
@@ -214,10 +217,40 @@ module.exports = {
       get ProgressBarScreen() {
         return require('./screens/componentScreens/ProgressBarScreen').default;
       },
+      get ScrollBar() {
+        return require('./screens/componentScreens/ScrollBarScreen').default;
+      },
+      get Marquee() {
+        return require('./screens/componentScreens/MarqueeScreen').default;
+      },
+      get NumberInput() {
+        return require('./screens/componentScreens/NumberInputScreen').default;
+      },
+      get WheelPicker() {
+        return require('./screens/componentScreens/WheelPickerScreen').default;
+      },
+      get GridList() {
+        return require('./screens/componentScreens/GridListScreen').default;
+      },
+      get SortableGridList() {
+        return require('./screens/componentScreens/SortableGridListScreen').default;
+      },
       // Incubator
       get PanViewScreen() {
         return require('./screens/incubatorScreens/PanViewScreen').default;
       },
+      get IncubatorSlider() {
+        return require('./screens/incubatorScreens/IncubatorSliderScreen').default;
+      },
+      get IncubatorDialog() {
+        return require('./screens/incubatorScreens/IncubatorDialogScreen').default;
+      },
+      get IncubatorToast() {
+        return require('./screens/incubatorScreens/IncubatorToastScreen').default;
+      },
+      get IncubatorExpandableOverlay() {
+        return require('./screens/incubatorScreens/IncubatorExpandableOverlayScreen').default;
+      },
       // realExamples
       get AppleMusic() {
         return require('./screens/realExamples/AppleMusic').default;
@@ -237,6 +270,30 @@ module.exports = {
       // wrapperScreens
       get TouchableOpacityScreen() {
         return require('./screens/componentScreens/TouchableOpacityScreen').default;
+      },
+      get Modal() {
+        return require('./screens/componentScreens/ModalScreen').default;
+      },
+      get Timeline() {
+        return require('./screens/componentScreens/TimelineScreen').default;
+      },
+      get WithScrollEnabler() {
+        return require('./screens/componentScreens/WithScrollEnablerScreen').default;
+      },
+      get WithScrollReached() {
+        return require('./screens/componentScreens/WithScrollReachedScreen').default;
+      },
+      get Fader() {
+        return require('./screens/componentScreens/FaderScreen').default;
+      },
+      get GridView() {
+        return require('./screens/componentScreens/GridViewScreen').default;
+      },
+      get Playground() {
+        return require('./screens/PlaygroundScreen').default;
+      },
+      get KeyboardAwareScrollView() {
+        return require('./screens/componentScreens/KeyboardAwareScrollViewScreen').default;
       }
     };
   },

package/src/screens/incubatorScreens/IncubatorSliderScreen.tsx

@@ -6,9 +6,9 @@ import {renderBooleanOption} from '../ExampleScreenPresenter';
 const VALUE = 20;
 const NEGATIVE_VALUE = -30;
 const MIN = 0;
-const MAX = 100;
-const INITIAL_MIN = 10;
-const INITIAL_MAX = 70;
+const MAX = Constants.screenWidth - 40; // horizontal margins 20
+const INITIAL_MIN = 30;
+const INITIAL_MAX = 270;
 
 const IncubatorSliderScreen = () => {
   const [disableRTL, setDisableRTL] = useState<boolean>(false);
@@ -161,7 +161,6 @@ const IncubatorSliderScreen = () => {
           <Incubator.Slider
             ref={rangeSlider}
             useRange
-            useGap
             onRangeChange={onRangeChange}
             minimumValue={MIN}
             maximumValue={MAX}

package/src/screens/realExamples/ProductPage/index.tsx

@@ -77,13 +77,12 @@ class Product extends Component {
               migrate
               value={selectedColor}
               onChange={(value: string) => this.setState({selectedColor: value})}
-              rightIconSource={{}}
-              rightIconStyle={{
+              trailingAccessory={<Icon {...{
                 width: 24,
                 height: 24,
                 backgroundColor: colorOptions[selectedColor].color,
                 borderRadius: 12
-              }}
+              }} />}
             >
               {_.map(colorOptions, (colorOption, colorKey) => {
                 return <Picker.Item key={colorKey} value={colorKey} label={colorOption.name}/>;