Squashed commit of the following:

YoussefHenna · YoussefHenna · commit 0ec5ef5c90f8 · 2023-06-11T13:03:16.000+03:00
commit be86f3e Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 12:48:31 2023 +0300 Indeterminte override min and max values commit 2120226 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 12:41:50 2023 +0300 added comment to reanimated import commit 5d59586 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 12:34:24 2023 +0300 Remove duplicated comment commit a679578 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 12:15:27 2023 +0300 Update reanimated import commit 265e44c Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 11:59:33 2023 +0300 updates commit 7636b35 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 11:41:51 2023 +0300 Update imports commit 55ee080 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 11:40:31 2023 +0300 Revert "Updated babel configs" This reverts commit 42b84d9. commit 2c416b4 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 11:40:27 2023 +0300 Revert "yarn.lock" This reverts commit 7200f6d. commit 7200f6d Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 11:26:19 2023 +0300 yarn.lock commit 42b84d9 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 11:20:03 2023 +0300 Updated babel configs commit 2a0fc8e Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Sun Jun 11 10:59:14 2023 +0300 Transparent fill color commit a251ab8 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 21:56:44 2023 +0300 Change location of reanimated fix commit ee02f6f Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 21:24:46 2023 +0300 Default transparent fill to circular progress commit a648c53 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 21:18:16 2023 +0300 Add workaround for global.__reanimatedWorkletInit not defined issue commit e5e2efc Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 21:08:06 2023 +0300 Add reanimated import to 'ui' commit 8c585c2 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 20:53:44 2023 +0300 Add reanimated to 'ui' commit 680a381 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 20:47:23 2023 +0300 Revert "Update 'ui' babel config" This reverts commit ca2bb78. commit 3f9571a Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 20:46:33 2023 +0300 Start with animation + trasnparent fill circle commit ca2bb78 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 20:38:50 2023 +0300 Update 'ui' babel config commit 711a147 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 20:21:36 2023 +0300 Remove ignore tests in babel config commit a5dbd5b Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 20:00:27 2023 +0300 Revert "Add logs" This reverts commit 4a3458d. commit c8cf8f4 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 20:00:10 2023 +0300 Use babel to compile packages commit b0f5252 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 19:27:16 2023 +0300 Revert "Use componet directly" This reverts commit f005975. commit f005975 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 19:02:29 2023 +0300 Use componet directly commit d3bc204 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 18:21:51 2023 +0300 Revert "Reanimated as peer depenendy to ui" This reverts commit 1bc9bca. commit 8cd308f Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 18:21:32 2023 +0300 Revert "Reanimated as peer depenendy" This reverts commit a27b4e8. commit 6acb9c3 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 15:13:52 2023 +0300 Revert "mock __reanimatedWorkletInit" This reverts commit 61225f3. commit 61225f3 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 15:04:17 2023 +0300 mock __reanimatedWorkletInit commit 1bc9bca Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 14:49:43 2023 +0300 Reanimated as peer depenendy to ui commit a27b4e8 Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 14:31:47 2023 +0300 Reanimated as peer depenendy commit 4a3458d Author: Youssef Henna <youssef.hisham14@gmail.com> Date: Thu Jun 8 14:27:54 2023 +0300 Add logs
diff --git a/package.json b/package.json
@@ -35,6 +35,10 @@
     "packages/*"
   ],
   "devDependencies": {
+    "@babel/cli": "^7.21.5",
+    "@babel/core": "^7.22.1",
+    "@babel/preset-env": "^7.22.4",
+    "@babel/preset-typescript": "^7.21.5",
     "@react-native-community/eslint-config": "^3.2.0",
     "@testing-library/jest-native": "^5.4.2",
     "@testing-library/react-native": "^12.1.2",
@@ -47,8 +51,8 @@
     "expo-yarn-workspaces": "^2.0.0",
     "husky": ">=6",
     "jest": "^29.5.0",
-    "jest-expo": "^48.0.2",
     "jest-environment-jsdom": "^29.5.0",
+    "jest-expo": "^48.0.2",
     "json-server": "^0.16.3",
     "lerna": "^5.6.2",
     "lint-staged": ">=13",
diff --git a/packages/core/babel.config.js b/packages/core/babel.config.js
@@ -1,4 +1,7 @@
 module.exports = {
   presets: ["module:metro-react-native-babel-preset"],
-  plugins: ["react-native-reanimated/plugin"],
+  plugins: [
+    "@babel/plugin-proposal-export-namespace-from",
+    "react-native-reanimated/plugin",
+  ],
 };
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -2,9 +2,8 @@
   "name": "@draftbit/core",
   "version": "47.5.1",
   "description": "Core (non-native) Components",
-  "main": "lib/src/index.js",
-  "types": "lib/src/index.d.ts",
-  "react-native": "src/index.tsx",
+  "main": "lib/commonjs/index.js",
+  "types": "lib/typescript/src/index.d.ts",
   "files": [
     "src",
     "lib",
@@ -15,7 +14,8 @@
   "scripts": {
     "clean": "rimraf lib",
     "clean:modules": "rimraf node_modules",
-    "build": "yarn clean && yarn tsc",
+    "build:commonjs": "../../node_modules/.bin/babel src --out-dir lib/commonjs --extensions .tsx,.ts,.js,.jsx",
+    "build": "yarn clean && yarn build:commonjs  && yarn tsc",
     "test": "jest",
     "test:coverage": "jest --coverage"
   },
@@ -71,6 +71,8 @@
     "react-youtube": "^10.1.0"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
     "@types/color": "^3.0.1",
     "@types/dateformat": "^3.0.1",
     "@types/lodash.isnumber": "^3.0.6",
diff --git a/packages/core/src/components/Progress/CircularProgress/CircularProgress.tsx b/packages/core/src/components/Progress/CircularProgress/CircularProgress.tsx
@@ -80,7 +80,7 @@ export const CircularProgress: React.FC<
   }, [startPosition]);
 
   const currentFillPercentage = value / (maximumValue + minimumValue);
-  const currentAngle = useSharedValue(startAngle + currentFillPercentage * 360);
+  const currentAngle = useSharedValue(startAngle);
 
   const progressPathAnimatedProps = useAnimatedProps<PathProps>(() => {
     const isBelowMinAngle = currentAngle.value <= startAngle;
@@ -144,6 +144,7 @@ export const CircularProgress: React.FC<
             strokeLinecap={trackLineCap}
             strokeDasharray={trackCustomDashArray || trackDashArray}
             strokeDashoffset={trackDashOffset}
+            fill={"rgba(0,0,0,0)"} //Prevents default black fill
           />
         )}
         <AnimatedPath
@@ -153,6 +154,7 @@ export const CircularProgress: React.FC<
           strokeLinecap={lineCap}
           strokeDasharray={customDashArray || dashArray}
           strokeDashoffset={dashOffset}
+          fill={"rgba(0,0,0,0)"}
           onPress={() => {}} //Addresses reanimated issue with SVG (https://github.com/software-mansion/react-native-reanimated/issues/3321#issuecomment-1256983430)
         />
       </Svg>
diff --git a/packages/core/src/components/Progress/IndeterminateProgress.tsx b/packages/core/src/components/Progress/IndeterminateProgress.tsx
@@ -66,6 +66,8 @@ const IndeterminateProgress: React.FC<IndeterminateProgressProps> = ({
       dashGap={pathWidth / 2}
       dashWidth={pathWidth / 2}
       animationDuration={animationDuration}
+      minimumValue={0}
+      maximumValue={100}
       value={100}
     />
   );
diff --git a/packages/core/src/components/Progress/LinearProgress/LinearProgress.tsx b/packages/core/src/components/Progress/LinearProgress/LinearProgress.tsx
@@ -58,9 +58,7 @@ export const LinearProgress: React.FC<ValueProgressProps> = ({
   const trackProgressLineWidth = svgContainerWidth - thicknessOffset;
 
   const currentFillPercentage = value / (maximumValue + minimumValue);
-  const currentProgressLineWidth = useSharedValue(
-    currentFillPercentage * progressLineWidth
-  );
+  const currentProgressLineWidth = useSharedValue(0);
 
   const progressLineAnimatedProps = useAnimatedProps<LineProps>(() => {
     const isBelowMinWidth = currentProgressLineWidth.value <= thicknessOffset;
diff --git a/packages/core/tsconfig.json b/packages/core/tsconfig.json
@@ -2,6 +2,6 @@
   "extends": "../../tsconfig.json",
   "references": [{ "path": "../types" }],
   "compilerOptions": {
-    "outDir": "./lib/"
+    "outDir": "./lib/typescript"
   }
 }
diff --git a/packages/maps/babel.config.js b/packages/maps/babel.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ["module:metro-react-native-babel-preset"],
+};
diff --git a/packages/maps/package.json b/packages/maps/package.json
@@ -2,9 +2,8 @@
   "name": "@draftbit/maps",
   "version": "47.5.1",
   "description": "Map Components",
-  "main": "lib/src/index.js",
-  "types": "lib/src/index.d.ts",
-  "react-native": "src/index.tsx",
+  "main": "lib/commonjs/index.js",
+  "types": "lib/typescript/src/index.d.ts",
   "files": [
     "src",
     "lib",
@@ -15,7 +14,8 @@
   "scripts": {
     "clean": "rimraf lib",
     "clean:modules": "rimraf node_modules",
-    "build": "yarn clean && yarn tsc",
+    "build:commonjs": "../../node_modules/.bin/babel src --out-dir lib/commonjs --extensions .tsx,.ts,.js,.jsx",
+    "build": "yarn clean && yarn build:commonjs  && yarn tsc",
     "test": "jest",
     "test:coverage": "jest --coverage"
   },
diff --git a/packages/maps/tsconfig.json b/packages/maps/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "./lib/"
+    "outDir": "./lib/typescript"
   }
 }
diff --git a/packages/native/package.json b/packages/native/package.json
@@ -2,9 +2,8 @@
   "name": "@draftbit/native",
   "version": "47.5.1",
   "description": "Draftbit UI Components that Depend on Native Components",
-  "main": "lib/src/index.js",
-  "types": "lib/src/index.d.ts",
-  "react-native": "src/index.tsx",
+  "main": "lib/commonjs/index.js",
+  "types": "lib/typescript/src/index.d.ts",
   "files": [
     "src",
     "lib",
@@ -15,7 +14,8 @@
   "scripts": {
     "clean": "rimraf lib",
     "clean:modules": "rimraf node_modules",
-    "build": "yarn clean && yarn tsc",
+    "build:commonjs": "../../node_modules/.bin/babel src --out-dir lib/commonjs --extensions .tsx,.ts,.js,.jsx",
+    "build": "yarn clean && yarn build:commonjs  && yarn tsc",
     "test": "jest",
     "test:coverage": "jest --coverage"
   },
diff --git a/packages/native/tsconfig.json b/packages/native/tsconfig.json
@@ -2,6 +2,6 @@
   "extends": "../../tsconfig.json",
   "references": [{ "path": "../types" }],
   "compilerOptions": {
-    "outDir": "./lib/"
+    "outDir": "./lib/typescript"
   }
 }
diff --git a/packages/types/package.json b/packages/types/package.json
@@ -2,9 +2,8 @@
   "name": "@draftbit/types",
   "version": "47.5.1",
   "description": "Shared constants and types between native and core components",
-  "main": "lib/src/index.js",
-  "types": "lib/src/index.d.ts",
-  "react-native": "src/index.ts",
+  "main": "lib/commonjs/index.js",
+  "types": "lib/typescript/src/index.d.ts",
   "files": [
     "src",
     "lib",
@@ -15,7 +14,8 @@
   "scripts": {
     "clean": "rimraf lib",
     "clean:modules": "rimraf node_modules",
-    "build": "yarn clean && yarn tsc",
+    "build:commonjs": "../../node_modules/.bin/babel src --out-dir lib/commonjs --extensions .tsx,.ts,.js,.jsx",
+    "build": "yarn clean && yarn build:commonjs  && yarn tsc",
     "test": "jest",
     "test:coverage": "jest --coverage"
   },
diff --git a/packages/types/tsconfig.json b/packages/types/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "./lib/"
+    "outDir": "./lib/typescript"
   }
 }
diff --git a/packages/ui/babel.config.js b/packages/ui/babel.config.js
@@ -1,3 +1,7 @@
 module.exports = {
   presets: ["module:metro-react-native-babel-preset"],
+  plugins: [
+    "@babel/plugin-proposal-export-namespace-from",
+    "react-native-reanimated/plugin",
+  ],
 };
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -2,9 +2,8 @@
   "name": "@draftbit/ui",
   "version": "47.5.1",
   "description": "Draftbit UI Library",
-  "main": "lib/src/index.js",
-  "types": "lib/src/index.d.ts",
-  "react-native": "src/index.tsx",
+  "main": "lib/commonjs/index.js",
+  "types": "lib/typescript/src/index.d.ts",
   "files": [
     "src",
     "lib",
@@ -19,7 +18,8 @@
   "scripts": {
     "clean": "rimraf lib",
     "clean:modules": "rimraf node_modules",
-    "build": "yarn clean && yarn tsc",
+    "build:commonjs": "../../node_modules/.bin/babel src --out-dir lib/commonjs --extensions .tsx,.ts,.js,.jsx",
+    "build": "yarn clean && yarn build:commonjs  && yarn tsc",
     "test": "jest",
     "test:coverage": "jest --coverage"
   },
@@ -44,7 +44,8 @@
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
     "@draftbit/core": "47.5.1",
-    "@draftbit/native": "47.5.1"
+    "@draftbit/native": "47.5.1",
+    "react-native-reanimated": "~2.12.0"
   },
   "eslintIgnore": [
     "node_modules/",
diff --git a/packages/ui/src/index.tsx b/packages/ui/src/index.tsx
@@ -1,3 +1,4 @@
+export { default as Animated } from "react-native-reanimated"; // Ensures reanimated is imported properly into snack. Otherwise gives 'r.g.__reanimatedWorkletInit is not a function' error
 import { Icon } from "@draftbit/native";
 export { Icon, LinearGradient, WebView } from "@draftbit/native";
 
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
@@ -2,6 +2,6 @@
   "extends": "../../tsconfig.json",
   "references": [{ "path": "../core" }, { "path": "../native" }],
   "compilerOptions": {
-    "outDir": "./lib/"
+    "outDir": "./lib/typescript"
   }
 }
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,6 @@`
`2`	`2`	`"extends": "../../tsconfig.json",`
`3`	`3`	`"references": [{ "path": "../types" }],`
`4`	`4`	`"compilerOptions": {`
`5`		`- "outDir": "./lib/"`
	`5`	`+ "outDir": "./lib/typescript"`
`6`	`6`	`}`
`7`	`7`	`}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+module.exports = {`
	`2`	`+ presets: ["module:metro-react-native-babel-preset"],`
	`3`	`+};`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"extends": "../../tsconfig.json",`
`3`	`3`	`"compilerOptions": {`
`4`		`- "outDir": "./lib/"`
	`4`	`+ "outDir": "./lib/typescript"`
`5`	`5`	`}`
`6`	`6`	`}`