chore: bump version 4.0.0-rc.1 (#3423)

packages/base/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.0.0-rc.1 (2022-03-28)
+
+
+### Bug Fixes
+
+* pkg entry point for react-native cli ([#3403](https://github.com/react-native-elements/react-native-elements/issues/3403)) ([2c4bf8a](https://github.com/react-native-elements/react-native-elements/commit/2c4bf8a4a31498ce4dd2aefe22cff5cfc13363f1))
+* remove Partial Color Type ([#3418](https://github.com/react-native-elements/react-native-elements/issues/3418)) ([c9c2bdc](https://github.com/react-native-elements/react-native-elements/commit/c9c2bdc58198392727c1b6affccf6201724a2391))
+* **Tab, TabView:** conditional rendering ([#3397](https://github.com/react-native-elements/react-native-elements/issues/3397)) ([781e47a](https://github.com/react-native-elements/react-native-elements/commit/781e47adbedb4b93daa37ee659d3e9ef7b9ed5aa))
+* **TabView:** swipe issue ([#3380](https://github.com/react-native-elements/react-native-elements/issues/3380)) ([fc3bb93](https://github.com/react-native-elements/react-native-elements/commit/fc3bb9365ef9cc1d8ba512ad38c5cc4ce83dc311))
+
+
+
+# 4.0.0-rc.0 (2022-03-16)
+
+
+### Bug Fixes
+
+* **AirbnbRating:** add props to parent component ([#3335](https://github.com/react-native-elements/react-native-elements/issues/3335)) ([f859d68](https://github.com/react-native-elements/react-native-elements/commit/f859d685f6415558f26b406cf05741aca84accd6))
+* change TextProps from type to interface to enable declaration me… ([#3198](https://github.com/react-native-elements/react-native-elements/issues/3198)) ([c850731](https://github.com/react-native-elements/react-native-elements/commit/c8507312644c1e5bd4228f04a3f09b0f3e8c866e))
+* **Dialog:** remove container view ([#3384](https://github.com/react-native-elements/react-native-elements/issues/3384)) ([bcff691](https://github.com/react-native-elements/react-native-elements/commit/bcff691f733aae5b003126575f5e3e55d0500d31))
+* **docs:** broken props and links ([29fe60b](https://github.com/react-native-elements/react-native-elements/commit/29fe60b6147fb12169c978e3827d693c4e51b161))
+* **FAB:** add small size style ([#3322](https://github.com/react-native-elements/react-native-elements/issues/3322)) ([b4a7296](https://github.com/react-native-elements/react-native-elements/commit/b4a729645b064ae7854eb32eeb060b8c0ac18cc2))
+* **Icon:** preserve custom testID property ([#3376](https://github.com/react-native-elements/react-native-elements/issues/3376)) ([9f713f1](https://github.com/react-native-elements/react-native-elements/commit/9f713f158b41e8a40fae92bb5d168d38c7502cc3))
+* **ListItem:** remove Accordion height animation ([#3352](https://github.com/react-native-elements/react-native-elements/issues/3352)) ([217f623](https://github.com/react-native-elements/react-native-elements/commit/217f6235cbab43710d0e0cc045d24f9dc3505f6f))
+* **Slider:** Fix issues with scrub and allowTouchTrack ([#3203](https://github.com/react-native-elements/react-native-elements/issues/3203)) ([74de9ea](https://github.com/react-native-elements/react-native-elements/commit/74de9ea3b3f0b02f40435aa7367fa602d8150650))
+* **themeColors:** add support for dark mode ([#3078](https://github.com/react-native-elements/react-native-elements/issues/3078)) ([8a7743e](https://github.com/react-native-elements/react-native-elements/commit/8a7743ebe6ade1cbab9bd5b0b896d05c65976b20))
+
+
+### Features
+
+* Add style props to TabView component ([#3191](https://github.com/react-native-elements/react-native-elements/issues/3191)) ([efb76aa](https://github.com/react-native-elements/react-native-elements/commit/efb76aab455b2c93e875f691b82227b838b97ab2))
+* **BottomSheet:** add onBackdropPress handler ([#3074](https://github.com/react-native-elements/react-native-elements/issues/3074)) ([de1a02b](https://github.com/react-native-elements/react-native-elements/commit/de1a02b551cd1ef8ea33d164b4bea6d434e5a914))
+* **ListItem:** add `onSwipeBegin`,`onSwipeEnd`, resetCallback ([#3180](https://github.com/react-native-elements/react-native-elements/issues/3180)) ([2a5a8b0](https://github.com/react-native-elements/react-native-elements/commit/2a5a8b039da3a6b62d82445815229e244dacde83))
+* **Skeleton:** new universal component package ([#3357](https://github.com/react-native-elements/react-native-elements/issues/3357)) ([1cca2db](https://github.com/react-native-elements/react-native-elements/commit/1cca2db1967330ef42a67c9b885a460ed27a4762))
+* **Tab:** add horizontally scrollable Tab.Items ([#3336](https://github.com/react-native-elements/react-native-elements/issues/3336)) ([a0a919b](https://github.com/react-native-elements/react-native-elements/commit/a0a919bbda0888bb57fb94c329a59fd6f325cc2d))
+* **TabView:** add `disableSwipe` & `disableTransition` prop ([#3372](https://github.com/react-native-elements/react-native-elements/issues/3372)) ([b45e1a9](https://github.com/react-native-elements/react-native-elements/commit/b45e1a9555fb061ca6f7e6102d3c04f9b7cc78e8))
+
+
+
+
+
 # 4.0.0-rc.0 (2022-03-16)
 
 ### Bug Fixes

packages/base/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rneui/base",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.0-rc.1",
   "description": "Cross Platform React Native UI Toolkit",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/circular-slider/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.0.0 (2022-03-28)
+
+
+### Bug Fixes
+
+* pkg entry point for react-native cli ([#3403](https://github.com/react-native-elements/react-native-elements/issues/3403)) ([2c4bf8a](https://github.com/react-native-elements/react-native-elements/commit/2c4bf8a4a31498ce4dd2aefe22cff5cfc13363f1))
+
+
+
+# 4.0.0-rc.0 (2022-03-16)
+
+
+### Features
+
+* **Skeleton:** new universal component package ([#3357](https://github.com/react-native-elements/react-native-elements/issues/3357)) ([1cca2db](https://github.com/react-native-elements/react-native-elements/commit/1cca2db1967330ef42a67c9b885a460ed27a4762))
+
+
+
+
+
 # 0.1.0 (2022-03-16)
 
 ### Features

packages/circular-slider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rneui/circular-slider",
-  "version": "0.0.0-alpha.0",
+  "version": "1.0.0",
   "description": "React Native Elements Next Gen Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/themed/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.0.0-rc.1 (2022-03-28)
+
+
+### Bug Fixes
+
+* pkg entry point for react-native cli ([#3403](https://github.com/react-native-elements/react-native-elements/issues/3403)) ([2c4bf8a](https://github.com/react-native-elements/react-native-elements/commit/2c4bf8a4a31498ce4dd2aefe22cff5cfc13363f1))
+* remove Partial Color Type ([#3418](https://github.com/react-native-elements/react-native-elements/issues/3418)) ([c9c2bdc](https://github.com/react-native-elements/react-native-elements/commit/c9c2bdc58198392727c1b6affccf6201724a2391))
+
+
+
+# 4.0.0-rc.0 (2022-03-16)
+
+
+### Bug Fixes
+
+* collectCoverage ([483af88](https://github.com/react-native-elements/react-native-elements/commit/483af88803a48f343ff2965d9770f9a5ea71a033))
+
+
+### Features
+
+* **Skeleton:** new universal component package ([#3357](https://github.com/react-native-elements/react-native-elements/issues/3357)) ([1cca2db](https://github.com/react-native-elements/react-native-elements/commit/1cca2db1967330ef42a67c9b885a460ed27a4762))
+
+
+
+
+
 # 4.0.0-rc.0 (2022-03-16)
 
 ### Bug Fixes

packages/themed/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rneui/themed",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.0-rc.1",
   "description": "Cross Platform React Native UI Toolkit",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -44,10 +44,10 @@
     "logo": "https://opencollective.com/react-native-elements/logo.txt"
   },
   "peerDependencies": {
-    "@rneui/base": "^4.0.0-alpha.0"
+    "@rneui/base": "4.0.0-rc.1"
   },
   "devDependencies": {
-    "@rneui/base": "^4.0.0-alpha.0"
+    "@rneui/base": "4.0.0-rc.1"
   },
   "jest": {
     "displayName": "@rneui/themed",

website/docs/migration-guide.md

@@ -9,12 +9,6 @@ React Native Elements v4 introduces many features including few new components,
 
 ## Core changes
 
-In the same directory as your package.json file, create or edit an .npmrc file to include a line specifying GitHub Packages URL.
-
-```text
-@rneui:registry=https://npm.pkg.github.com
-```
-
 To use the v4 version, you first need to update the package names:
 
 ```diff

website/versioned_docs/version-4.0.0-rc.0/component_usage/ListItem.mdx → website/versioned_docs/version-4.0.0-rc.1/component_usage/ListItem.mdx

@@ -235,67 +235,6 @@ import LinearGradient from 'react-native-linear-gradient'; // Only if no expo
 </ListItem>;
 ```
 
-### ListItem Accordion
-
-<img src="/img/accorsion.gif" width="500" />
-
-```js
-<ListItem.Accordion
-  content={
-    <>
-      <Icon name="place" size={30} />
-      <ListItem.Content>
-        <ListItem.Title>List Accordion</ListItem.Title>
-      </ListItem.Content>
-    </>
-  }
-  isExpanded={expanded}
-  onPress={() => {
-    setExpanded(!expanded);
-  }}
->
-  {list2.map((l, i) => (
-    <ListItem key={i} onPress={log} bottomDivider>
-      <Avatar title={l.name[0]} source={{ uri: l.avatar_url }} />
-      <ListItem.Content>
-        <ListItem.Title>{l.name}</ListItem.Title>
-        <ListItem.Subtitle>{l.subtitle}</ListItem.Subtitle>
-      </ListItem.Content>
-      <ListItem.Chevron />
-    </ListItem>
-  ))}
-</ListItem.Accordion>
-```
-
-### ListItem Swipeable
-
-<img src="/img/swipeable.gif" width="500" />
-
-```js
-<ListItem.Swipeable
-  leftContent={
-    <Button
-      title="Info"
-      icon={{ name: 'info', color: 'white' }}
-      buttonStyle={{ minHeight: '100%' }}
-    />
-  }
-  rightContent={
-    <Button
-      title="Delete"
-      icon={{ name: 'delete', color: 'white' }}
-      buttonStyle={{ minHeight: '100%', backgroundColor: 'red' }}
-    />
-  }
->
-  <Icon name="My Icon" />
-  <ListItem.Content>
-    <ListItem.Title>Hello Swiper</ListItem.Title>
-  </ListItem.Content>
-  <ListItem.Chevron />
-</ListItem.Swipeable>
-```
-
 ```SnackPlayer name=RNE ListItem
 import React, { useState } from 'react';
 import { View, StyleSheet, Image, FlatList } from 'react-native';

website/versioned_docs/version-4.0.0-rc.0/components/Input.mdx → website/versioned_docs/version-4.0.0-rc.1/components/Input.mdx

@@ -39,5 +39,6 @@ Includes all [React Native TextInput](https://reactnative.dev/docs/textinput#pro
 | `renderErrorMessage`      | boolean                                                 |         |             |
 | `rightIcon`               | IconNode                                                |         |             |
 | `rightIconContainerStyle` | View Style                                              |         |             |
+| `shake`                   | Function                                                |         |             |
 
 </div>

website/versioned_docs/version-4.0.0-rc.1/components/TabView.mdx

@@ -0,0 +1,36 @@
+---
+id: tabview
+title: TabView
+---
+
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+import {} from "react-native-elements";
+import Usage from "../component_usage/TabView.mdx";
+
+Tabs organize content across different screens, data sets, and other interactions.
+TabView enables swipeable tabs.
+
+## Usage
+
+<Usage />
+
+## Props
+
+<div class='table-responsive'>
+
+| Name                    | Type                   | Default    | Description                                                                                      |
+| ----------------------- | ---------------------- | ---------- | ------------------------------------------------------------------------------------------------ |
+| `animationConfig`       | AnimationConfig        | `{}`       | Define the animation configurations.                                                             |
+| `animationType`         | `spring` or `timing`   | `spring`   | Choose the animation type among `spring` and `timing`. This is visible when there is tab change. |
+| `containerStyle`        | View Style             |            | Styling for Component container.                                                                 |
+| `disableSwipe`          | Boolean                | `false`    | Swipe disabled or not                                                                            |
+| `disableTransition`     | Boolean                | `false`    | Disables transition                                                                              |
+| `minSwipeRatio`         | number                 | `0.4`      | Minimum distance to swipe before the view changes.                                               |
+| `minSwipeSpeed`         | number                 | `1`        | Minimum speed to swipe before the view changes.                                                  |
+| `onChange`              | (value: number) => any | `Function` | On Index Change Callback.                                                                        |
+| `onSwipeStart`          | (direction) => void    | `Function` | Handler when the user swipes the view.                                                           |
+| `tabItemContainerStyle` | View Style             |            | Styling for TabView.Item Component container.                                                    |
+| `value`                 | number                 | `0`        | Child position index value.                                                                      |
+
+</div>

website/versioned_docs/version-4.0.0-rc.1/customization/Color.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+
+const colors = {
+  primary: '#2089dc',
+  secondary: '#ca71eb',
+  background: '#ffffff',
+  white: '#ffffff',
+  black: '#242424',
+  grey0: '#393e42',
+  grey1: '#43484d',
+  grey2: '#5e6977',
+  grey3: '#86939e',
+  grey4: '#bdc6cf',
+  grey5: '#e1e8ee',
+  greyOutline: '#bbb',
+  searchBg: '#303337',
+  success: '#52c41a',
+  error: '#ff190c',
+  warning: '#faad14',
+  disabled: 'hsl(208, 8%, 90%)',
+};
+
+export const Palette = () => {
+  return (
+    <div
+      style={{
+        display: 'flex',
+        gap: '20px',
+        flexWrap: 'wrap',
+      }}
+    >
+      {Object.entries(colors).map(([key, color]) => {
+        return (
+          <div>
+            <div
+              style={{
+                background: color,
+                width: '80px',
+                height: '70px',
+                display: 'block',
+                borderRadius: '6px',
+              }}
+            ></div>
+            <small>{key}</small>
+          </div>
+        );
+      })}
+    </div>
+  );
+};