v47.3.2 (#680)

YoussefHenna · web-flow · commit 7176b5d6edaf · 2023-05-11T00:32:41.000+03:00
* Upgraded packages to expo 48 versions * v48.0.0 * ci on 47 branch instead of 46 * yarn.lock * Upgrade rn + remove webpack config resolution * Cast aspect ratio to number * Remove fonts from examples to get rid of warnings * Remove webpack alias for react-native * Move deprecated components into deprecated folder + minor cleanup * Delete rn maps patch * Added deprecated comments * Fixed linting * Downgrade date time picker due to react-native-datetimepicker/datetimepicker#750 not fixed yet * v47.3.2
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -4,7 +4,7 @@ on:
   push:
     branches:
       - master
-      - 46
+      - 47
   pull_request:
     types: [assigned, opened, synchronize, reopened]
 
@@ -61,8 +61,8 @@ jobs:
             --yes \
             --no-verify-access
 
-      - name: Release packages (46)
-        if: github.event_name != 'pull_request' && github.ref == 'refs/heads/46'
+      - name: Release packages (47)
+        if: github.event_name != 'pull_request' && github.ref == 'refs/heads/47'
         env:
           NODE_AUTH_TOKEN: ${{ secrets.JIGSAW_AUTH_TOKEN }}
         run: |
@@ -71,8 +71,8 @@ jobs:
             --yes \
             --no-verify-access
 
-      - name: Release packages (46)
-        if: github.event_name != 'pull_request' && github.ref == 'refs/heads/46'
+      - name: Release packages (47)
+        if: github.event_name != 'pull_request' && github.ref == 'refs/heads/47'
         env:
           NODE_AUTH_TOKEN: ${{ secrets.JIGSAW_AUTH_TOKEN }}
         run: |
diff --git a/example/package.json b/example/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@draftbit/example",
   "description": "Example app for @draftbit/ui",
-  "version": "47.3.1",
+  "version": "47.3.2",
   "private": true,
   "main": "__generated__/AppEntry.js",
   "scripts": {
@@ -15,8 +15,8 @@
     "clean:modules": "rimraf node_modules"
   },
   "dependencies": {
-    "@draftbit/maps": "47.3.1",
-    "@draftbit/ui": "47.3.1",
+    "@draftbit/maps": "47.3.2",
+    "@draftbit/ui": "47.3.2",
     "@expo/dev-server": "0.1.123",
     "@expo/webpack-config": "^0.17.2",
     "@react-navigation/drawer": "^5.12.9",
diff --git a/example/src/DatePickerExample.js b/example/src/DatePickerExample.js
@@ -123,7 +123,6 @@ function DatePickerExample({ theme }) {
           mode={"date"}
           style={{
             backgroundColor: "red",
-            fontFamily: "AbrilFatface_400Regular",
             fontSize: 22,
             paddingBottom: 16,
             paddingTop: 16,
@@ -139,7 +138,6 @@ function DatePickerExample({ theme }) {
           mode={"time"}
           style={{
             backgroundColor: "black",
-            fontFamily: "AbrilFatface_400Regular",
             fontSize: 26,
             color: `white`,
             paddingBottom: 16,
diff --git a/example/src/LayoutExample.js b/example/src/LayoutExample.js
@@ -39,11 +39,9 @@ function LayoutExample({ theme }) {
       </Section>
       <Divider />
       <Divider />
-      <Surface>
-        <Section title="Circle">
-          <Circle />
-        </Section>
-      </Surface>
+      <Section title="Circle">
+        <Circle bgColor="black" />
+      </Section>
     </ScreenContainer>
   );
 }
diff --git a/example/src/PickerExample.js b/example/src/PickerExample.js
@@ -155,7 +155,6 @@ function PickerExample({ theme }) {
           style={{
             fontSize: 30,
             color: "red",
-            fontFamily: "Courier New",
           }}
           leftIconName={"AntDesign/caretleft"}
         />
diff --git a/example/src/TextFieldExample.js b/example/src/TextFieldExample.js
@@ -90,7 +90,6 @@ export default function TextFieldExample() {
             style={{
               fontSize: 30,
               color: "red",
-              fontFamily: "Courier New",
             }}
           />
           <TextField
diff --git a/lerna.json b/lerna.json
@@ -1,5 +1,5 @@
 {
-  "version": "47.3.1",
+  "version": "47.3.2",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "packages": ["packages/*", "example"],
diff --git a/package.json b/package.json
@@ -84,6 +84,9 @@
           "bracketSpacing": true
         }
       ]
+    },
+    "parserOptions": {
+      "requireConfigFile": false
     }
   },
   "resolutions": {
@@ -103,7 +106,8 @@
     "tabWidth": 2,
     "trailingComma": "es5",
     "useTabs": false,
-    "bracketSpacing": true
+    "bracketSpacing": true,
+    "endOfLine": "auto"
   },
   "lint-staged": {
     "*.{js,ts,tsx,jsx}": "eslint --cache --fix",
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "47.3.1",
+  "version": "47.3.2",
   "description": "Core (non-native) Components",
   "main": "lib/src/index.js",
   "types": "lib/src/index.d.ts",
@@ -39,7 +39,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "47.3.1",
+    "@draftbit/types": "47.3.2",
     "@expo/vector-icons": "^13.0.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
diff --git a/packages/core/src/components/AspectRatio.tsx b/packages/core/src/components/AspectRatio.tsx
@@ -21,9 +21,9 @@ const AspectRatio: React.FC<React.PropsWithChildren<Props>> = (props) => {
   if (layout) {
     const { width = 0, height = 0 } = layout;
     if (width === 0) {
-      style.push({ width: height * (1 / aspectRatio), height });
+      style.push({ width: height * (1 / +aspectRatio), height });
     } else {
-      style.push({ width, height: width * (1 / aspectRatio) });
+      style.push({ width, height: width * (1 / +aspectRatio) });
     }
   }
   return (
diff --git a/packages/core/src/components/Justification.ts b/packages/core/src/components/Justification.ts
diff --git a/packages/core/src/components/Picker/Picker.tsx b/packages/core/src/components/Picker/Picker.tsx
@@ -15,7 +15,7 @@ import { Picker as NativePicker } from "@react-native-picker/picker";
 
 import { withTheme } from "../../theming";
 import Portal from "../Portal/Portal";
-import Button from "../DeprecatedButton";
+import Button from "../../deprecated-components/DeprecatedButton";
 import Touchable from "../Touchable";
 import type { Theme } from "../../styles/DefaultTheme";
 import type { IconSlot } from "../../interfaces/Icon";
diff --git a/packages/core/src/components/Picker/PickerComponent.ios.tsx b/packages/core/src/components/Picker/PickerComponent.ios.tsx
@@ -8,7 +8,7 @@ import { Picker as NativePicker } from "@react-native-picker/picker";
 import { withTheme } from "../../theming";
 
 import Portal from "../Portal/Portal";
-import Button from "../DeprecatedButton";
+import Button from "../../deprecated-components/DeprecatedButton";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
 import { PickerComponentProps } from "./PickerTypes";
diff --git a/packages/core/src/components/ResizeMode.ts b/packages/core/src/components/ResizeMode.ts
diff --git a/packages/core/src/deprecated-components/AnimatedCircularProgress.tsx b/packages/core/src/deprecated-components/AnimatedCircularProgress.tsx
@@ -20,6 +20,9 @@ type Props = {
   onAnimationComplete?: Animated.EndCallback | undefined;
 } & CircularProgressProps;
 
+/**
+ * @deprecated DEPRECATED
+ */
 const AnimatedCircularProgress: React.FC<React.PropsWithChildren<Props>> = ({
   duration = 500,
   easing = Easing.out(Easing.ease),
diff --git a/packages/core/src/deprecated-components/CircularProgress.tsx b/packages/core/src/deprecated-components/CircularProgress.tsx
@@ -22,6 +22,9 @@ export type Props = {
   dashedTint?: { width: number; gap: number };
 };
 
+/**
+ * @deprecated DEPRECATED
+ */
 class CircularProgress extends React.Component<Props> {
   polarToCartesian = (
     centerX: number,
diff --git a/packages/core/src/deprecated-components/Container.tsx b/packages/core/src/deprecated-components/Container.tsx
@@ -11,7 +11,14 @@ import { withTheme } from "../theming";
 
 import Elevation from "../components/Elevation";
 import type { Theme } from "../styles/DefaultTheme";
-import { ResizeModeType } from "../components/ResizeMode";
+
+type ResizeModeType =
+  | "cover"
+  | "contain"
+  | "stretch"
+  | "repeat"
+  | "center"
+  | undefined;
 
 type Props = {
   theme: Theme;
diff --git a/packages/core/src/deprecated-components/DeprecatedButton.tsx b/packages/core/src/deprecated-components/DeprecatedButton.tsx
@@ -11,8 +11,8 @@ import {
   PressableProps,
 } from "react-native";
 import color from "color";
-import Config from "./Config";
-import Elevation from "./Elevation";
+import Config from "../components/Config";
+import Elevation from "../components/Elevation";
 import { withTheme } from "../theming";
 
 import type { Theme } from "../styles/DefaultTheme";
@@ -66,6 +66,9 @@ type Props = {
 } & PressableProps &
   IconSlot;
 
+/**
+ * @deprecated DEPRECATED
+ */
 const Button: React.FC<React.PropsWithChildren<Props>> = ({
   Icon,
   icon,
diff --git a/packages/core/src/deprecated-components/DeprecatedCardWrapper.tsx b/packages/core/src/deprecated-components/DeprecatedCardWrapper.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { withTheme } from "../theming";
-import Touchable from "./Touchable";
+import Touchable from "../components/Touchable";
 import { StyleProp, ViewStyle } from "react-native";
 import theme from "../styles/DefaultTheme";
 
@@ -23,6 +23,9 @@ const getWidth = (numColumns: number) => {
   }
 };
 
+/**
+ * @deprecated DEPRECATED
+ */
 const Card: React.FC<React.PropsWithChildren<Props>> = ({
   numColumns = 3,
   children,
diff --git a/packages/core/src/deprecated-components/DeprecatedFAB.tsx b/packages/core/src/deprecated-components/DeprecatedFAB.tsx
@@ -10,9 +10,9 @@ import {
   PressableProps,
 } from "react-native";
 import color from "color";
-import Config from "./Config";
-import Text from "./Text";
-import Elevation from "./Elevation";
+import Config from "../components/Config";
+import Text from "../components/Text";
+import Elevation from "../components/Elevation";
 import { withTheme } from "../theming";
 
 import type { Theme } from "../styles/DefaultTheme";
@@ -68,6 +68,9 @@ type Props = {
 } & PressableProps &
   IconSlot;
 
+/**
+ * @deprecated DEPRECATED
+ */
 const FAB: React.FC<React.PropsWithChildren<Props>> = ({
   Icon,
   icon,
diff --git a/packages/core/src/deprecated-components/ProgressCircle.tsx b/packages/core/src/deprecated-components/ProgressCircle.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Text, StyleProp, ViewStyle, TextStyle } from "react-native";
-import AnimatedCircularProgress from "../components/AnimatedCircularProgress";
+import AnimatedCircularProgress from "./AnimatedCircularProgress";
 import { withTheme } from "../theming";
 import themeT from "../styles/DefaultTheme";
 import { colorTypes } from "@draftbit/types";
diff --git a/packages/maps/package.json b/packages/maps/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/maps",
-  "version": "47.3.1",
+  "version": "47.3.2",
   "description": "Map Components",
   "main": "lib/src/index.js",
   "types": "lib/src/index.d.ts",
@@ -37,8 +37,8 @@
   },
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
-    "@draftbit/types": "47.3.1",
-    "@draftbit/web-maps": "47.3.1",
+    "@draftbit/types": "47.3.2",
+    "@draftbit/web-maps": "47.3.2",
     "react-native-maps": "1.3.2"
   },
   "eslintIgnore": [
diff --git a/packages/native/package.json b/packages/native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/native",
-  "version": "47.3.1",
+  "version": "47.3.2",
   "description": "Draftbit UI Components that Depend on Native Components",
   "main": "lib/src/index.js",
   "types": "lib/src/index.d.ts",
@@ -37,7 +37,7 @@
   },
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
-    "@draftbit/types": "47.3.1",
+    "@draftbit/types": "47.3.2",
     "@expo/vector-icons": "^13.0.0",
     "@react-native-community/datetimepicker": "6.3.5",
     "@react-native-community/slider": "4.2.4",
diff --git a/packages/types/package.json b/packages/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/types",
-  "version": "47.3.1",
+  "version": "47.3.2",
   "description": "Shared constants and types between native and core components",
   "main": "lib/src/index.js",
   "types": "lib/src/index.d.ts",
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/ui",
-  "version": "47.3.1",
+  "version": "47.3.2",
   "description": "Draftbit UI Library",
   "main": "lib/src/index.js",
   "types": "lib/src/index.d.ts",
@@ -41,8 +41,8 @@
   },
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
-    "@draftbit/core": "47.3.1",
-    "@draftbit/native": "47.3.1"
+    "@draftbit/core": "47.3.2",
+    "@draftbit/native": "47.3.2"
   },
   "eslintIgnore": [
     "node_modules/",
diff --git a/packages/web-maps/package.json b/packages/web-maps/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/web-maps",
-  "version": "47.3.1",
+  "version": "47.3.2",
   "description": "Web Map Components",
   "main": "lib/src/index.js",
   "types": "lib/src/index.d.ts",
@@ -37,7 +37,7 @@
   },
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
-    "@draftbit/types": "47.3.1",
+    "@draftbit/types": "47.3.2",
     "@react-google-maps/api": "^2.10.2"
   },
   "eslintIgnore": [

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "version": "47.3.1",`
	`2`	`+ "version": "47.3.2",`
`3`	`3`	`"npmClient": "yarn",`
`4`	`4`	`"useWorkspaces": true,`
`5`	`5`	`"packages": ["packages/*", "example"],`
Original file line number	Diff line number	Diff line change
`@@ -84,6 +84,9 @@`
`84`	`84`	`"bracketSpacing": true`
`85`	`85`	`}`
`86`	`86`	`]`
	`87`	`+ },`
	`88`	`+ "parserOptions": {`
	`89`	`+ "requireConfigFile": false`
`87`	`90`	`}`
`88`	`91`	`},`
`89`	`92`	`"resolutions": {`
`@@ -103,7 +106,8 @@`
`103`	`106`	`"tabWidth": 2,`
`104`	`107`	`"trailingComma": "es5",`
`105`	`108`	`"useTabs": false,`
`106`		`- "bracketSpacing": true`
	`109`	`+ "bracketSpacing": true,`
	`110`	`+ "endOfLine": "auto"`
`107`	`111`	`},`
`108`	`112`	`"lint-staged": {`
`109`	`113`	`"*.{js,ts,tsx,jsx}": "eslint --cache --fix",`
Original file line number	Diff line number	Diff line change
`@@ -21,9 +21,9 @@ const AspectRatio: React.FC<React.PropsWithChildren<Props>> = (props) => {`
`21`	`21`	`if (layout) {`
`22`	`22`	`const { width = 0, height = 0 } = layout;`
`23`	`23`	`if (width === 0) {`
`24`		`- style.push({ width: height * (1 / aspectRatio), height });`
	`24`	`+ style.push({ width: height * (1 / +aspectRatio), height });`
`25`	`25`	`} else {`
`26`		`- style.push({ width, height: width * (1 / aspectRatio) });`
	`26`	`+ style.push({ width, height: width * (1 / +aspectRatio) });`
`27`	`27`	`}`
`28`	`28`	`}`
`29`	`29`	`return (`