Merge branch 'master' of github.com:draftbit/react-native-jigsaw into…

… sieu/p-5297-add-timer-component

example/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@draftbit/example",
   "description": "Example app for @draftbit/ui",
-  "version": "50.2.7",
+  "version": "50.2.8",
   "private": true,
   "scripts": {
     "android": "expo start --android",
@@ -14,8 +14,8 @@
     "clean:modules": "rimraf node_modules"
   },
   "dependencies": {
-    "@draftbit/maps": "50.2.7",
-    "@draftbit/ui": "50.2.7",
+    "@draftbit/maps": "50.2.8",
+    "@draftbit/ui": "50.2.8",
     "@expo/dev-server": "0.1.123",
     "@expo/webpack-config": "~19.0.1",
     "@react-navigation/drawer": "^6.6.3",

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "50.2.7",
+  "version": "50.2.8",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "packages": ["packages/*", "example"],

package.json

@@ -23,9 +23,9 @@
     "clean": "lerna run clean",
     "clean:modules": "lerna run clean:modules && rm -rf node_modules",
     "typescript": "tsc --composite false",
-    "version:expo": "lerna version major --no-push --exact",
-    "version:major": "lerna version minor --no-push --exact",
-    "version:minor": "lerna version patch --no-push --exact",
+    "version:expo": "lerna version major --no-push --exact --force-publish",
+    "version:major": "lerna version minor --no-push --exact --force-publish",
+    "version:minor": "lerna version patch --no-push --exact --force-publish",
     "version:patch": "echo \"No patch versions: See root README.md\"",
     "prepare": "husky install",
     "tsc": "echo 'You are trying to run \"tsc\" in the workspace root. Run it from an individual package instead.' && exit 1"

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "50.2.7",
+  "version": "50.2.8",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/theme": "50.2.4",
+    "@draftbit/theme": "50.2.8",
     "@expo/vector-icons": "^14.0.0",
     "@gorhom/bottom-sheet": "5.0.0-alpha.7",
     "@material-ui/core": "^4.11.0",

packages/core/src/components/NumberInput.tsx

@@ -30,7 +30,8 @@ const NumberInput = React.forwardRef<NativeTextInput, Props>(
     const [currentStringNumberValue, setCurrentStringNumberValue] =
       useState("");
 
-    const delayedValue = useDebounce(value, changeTextDelay);
+    const [valueToDebounce, setValueToDebounce] = React.useState(value);
+    const delayedValue = useDebounce(valueToDebounce, changeTextDelay);
 
     const formatValueToStringNumber = (valueToFormat?: number | string) => {
       if (valueToFormat != null) {
@@ -92,7 +93,10 @@ const NumberInput = React.forwardRef<NativeTextInput, Props>(
         ref={ref}
         keyboardType="numeric"
         value={currentStringNumberValue}
-        onChangeText={handleChangeText}
+        onChangeText={(newValue) => {
+          handleChangeText(newValue);
+          setValueToDebounce(newValue);
+        }}
         {...props}
       />
     );

packages/core/src/components/TextField.tsx

@@ -407,6 +407,10 @@ class TextField extends React.Component<Props, State> {
       paddingLeft,
       paddingRight,
       borderRadius,
+      borderTopLeftRadius,
+      borderTopRightRadius,
+      borderBottomLeftRadius,
+      borderBottomRightRadius,
       borderWidth,
       borderTopWidth,
       borderRightWidth,
@@ -428,6 +432,10 @@ class TextField extends React.Component<Props, State> {
             paddingLeft,
             paddingRight,
             borderRadius,
+            borderTopLeftRadius,
+            borderTopRightRadius,
+            borderBottomLeftRadius,
+            borderBottomRightRadius,
             borderWidth,
             borderTopWidth,
             borderRightWidth,

packages/core/src/components/TextInput.tsx

@@ -24,12 +24,14 @@ const TextInput = React.forwardRef<NativeTextInput, TextInputProps>(
       disabled = false,
       editable = true,
       value,
+      onChangeText,
       ...rest
     },
     ref
   ) => {
     const theme = useTheme();
-    const delayedValue = useDebounce(value, changeTextDelay);
+    const [valueToDebounce, setValueToDebounce] = React.useState(value);
+    const delayedValue = useDebounce(valueToDebounce, changeTextDelay);
 
     useOnUpdate(() => {
       if (delayedValue !== undefined) {
@@ -49,6 +51,10 @@ const TextInput = React.forwardRef<NativeTextInput, TextInputProps>(
           { color: theme.colors.text.strong },
           style,
         ]}
+        onChangeText={(newValue) => {
+          onChangeText?.(newValue);
+          setValueToDebounce(newValue);
+        }}
         {...rest}
       />
     );

packages/maps/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/maps",
-  "version": "50.2.7",
+  "version": "50.2.8",
   "description": "Map Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -39,8 +39,8 @@
   },
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
-    "@draftbit/core": "50.2.7",
-    "@draftbit/theme": "50.2.4",
+    "@draftbit/core": "50.2.8",
+    "@draftbit/theme": "50.2.8",
     "@react-google-maps/api": "~2.18.1",
     "@teovilla/react-native-web-maps": "^0.9.4",
     "color": "^4.2.3",

packages/native/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/native",
-  "version": "50.2.4",
+  "version": "50.2.8",
   "description": "Draftbit UI Components that Depend on Native Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -39,7 +39,7 @@
   },
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
-    "@draftbit/theme": "50.2.4",
+    "@draftbit/theme": "50.2.8",
     "@expo/vector-icons": "^14.0.0",
     "@react-native-community/datetimepicker": "7.6.1",
     "@react-native-community/slider": "4.4.2",

packages/theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/theme",
-  "version": "50.2.4",
+  "version": "50.2.8",
   "description": "Draftbit's themeing system",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/ui",
-  "version": "50.2.7",
+  "version": "50.2.8",
   "description": "Draftbit UI Library",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -43,9 +43,9 @@
   },
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
-    "@draftbit/core": "50.2.7",
-    "@draftbit/native": "50.2.4",
-    "@draftbit/theme": "50.2.4",
+    "@draftbit/core": "50.2.8",
+    "@draftbit/native": "50.2.8",
+    "@draftbit/theme": "50.2.8",
     "react-native-reanimated": "~3.6.2"
   },
   "devDependencies": {