related-ui-components 3.0.2 → 3.0.3

package/lib/module/components/ProgressBar/CircularProgressBar.js

@@ -24,7 +24,8 @@ const CircularProgressBar = ({
   progressPadding = 0,
   currentStep = 0,
   totalSteps = 4,
-  stepGap = 15
+  stepGap = 15,
+  fontFamily
 }) => {
   const {
     theme
@@ -62,7 +63,7 @@ const CircularProgressBar = ({
   });
   const getInitialText = () => {
     if (customText !== undefined) return customText;
-    if (variant === 'steps') return `${currentStep}/${totalSteps}`;
+    if (variant === "steps") return `${currentStep}/${totalSteps}`;
     return `${progress}%`;
   };
   const renderSteps = () => {
@@ -129,8 +130,8 @@ const CircularProgressBar = ({
     style: [{
       width: size,
       height: size,
-      justifyContent: 'center',
-      alignItems: 'center'
+      justifyContent: "center",
+      alignItems: "center"
     }, style],
     children: [/*#__PURE__*/_jsx(Canvas, {
       style: StyleSheet.absoluteFill,
@@ -138,12 +139,14 @@ const CircularProgressBar = ({
     }), /*#__PURE__*/_jsx(AnimatedTextInput, {
       editable: false,
       defaultValue: getInitialText(),
-      style: {
+      style: [{
         color: finalTextColor,
         fontSize: fontSize,
-        textAlign: 'center',
+        textAlign: "center",
         padding: 0
-      },
+      }, fontFamily && {
+        fontFamily
+      }],
       animatedProps: animatedProps
     })]
   });

package/lib/module/components/ProgressBar/CircularProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","StyleSheet","TextInput","View","Canvas","DashPathEffect","Path","Shadow","Skia","Animated","Easing","useAnimatedProps","useDerivedValue","useSharedValue","withTiming","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedTextInput","createAnimatedComponent","CircularProgressBar","size","strokeWidth","backgroundColor","progressColor","lineCap","customText","textColor","fontSize","style","innerShadowColor","duration","variant","progress","progressPadding","currentStep","totalSteps","stepGap","theme","animatedValue","finalProgressColor","primary","finalBackgroundColor","disabled","finalTextColor","onSurface","radius","circumference","Math","PI","path","Make","addCircle","progressStrokeWidth","max","targetValue","value","easing","out","cubic","textToDisplay","undefined","displayStep","round","animatedProps","text","getInitialText","renderSteps","totalGapDegrees","totalArcDegrees","stepArcLength","gapLength","dashPattern","children","strokeCap","color","intervals","start","end","dx","dy","blur","inner","renderProgress","width","height","justifyContent","alignItems","absoluteFill","editable","defaultValue","textAlign","padding"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/CircularProgressBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","StyleSheet","TextInput","View","Canvas","DashPathEffect","Path","Shadow","Skia","Animated","Easing","useAnimatedProps","useDerivedValue","useSharedValue","withTiming","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedTextInput","createAnimatedComponent","CircularProgressBar","size","strokeWidth","backgroundColor","progressColor","lineCap","customText","textColor","fontSize","style","innerShadowColor","duration","variant","progress","progressPadding","currentStep","totalSteps","stepGap","fontFamily","theme","animatedValue","finalProgressColor","primary","finalBackgroundColor","disabled","finalTextColor","onSurface","radius","circumference","Math","PI","path","Make","addCircle","progressStrokeWidth","max","targetValue","value","easing","out","cubic","textToDisplay","undefined","displayStep","round","animatedProps","text","getInitialText","renderSteps","totalGapDegrees","totalArcDegrees","stepArcLength","gapLength","dashPattern","children","strokeCap","color","intervals","start","end","dx","dy","blur","inner","renderProgress","width","height","justifyContent","alignItems","absoluteFill","editable","defaultValue","textAlign","padding"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/CircularProgressBar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAmB,cAAc;AACrE,SACEC,MAAM,EACNC,cAAc,EACdC,IAAI,EACJC,MAAM,EACNC,IAAI,QACC,4BAA4B;AACnC,OAAOC,QAAQ,IACbC,MAAM,EACNC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEvC,MAAMC,iBAAiB,GAAGb,QAAQ,CAACc,uBAAuB,CAACrB,SAAS,CAAC;AAuBrE,MAAMsB,mBAAuD,GAAGA,CAAC;EAC/DC,IAAI,GAAG,GAAG;EACVC,WAAW,GAAG,CAAC;EACfC,eAAe;EACfC,aAAa;EACbC,OAAO,GAAG,OAAO;EACjBC,UAAU;EACVC,SAAS;EACTC,QAAQ,GAAGP,IAAI,GAAG,CAAC;EACnBQ,KAAK;EACLC,gBAAgB;EAChBC,QAAQ,GAAG,IAAI;EACfC,OAAO,GAAG,UAAU;EACpBC,QAAQ,GAAG,CAAC;EACZC,eAAe,GAAG,CAAC;EACnBC,WAAW,GAAG,CAAC;EACfC,UAAU,GAAG,CAAC;EACdC,OAAO,GAAG,EAAE;EACZC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAG5B,QAAQ,CAAC,CAAC;EAC5B,MAAM6B,aAAa,GAAG/B,cAAc,CAAC,CAAC,CAAC;EAEvC,MAAMgC,kBAAkB,GAAGjB,aAAa,IAAIe,KAAK,CAACG,OAAO;EACzD,MAAMC,oBAAoB,GAAGpB,eAAe,IAAIgB,KAAK,CAACK,QAAQ;EAC9D,MAAMC,cAAc,GAAGlB,SAAS,IAAIY,KAAK,CAACO,SAAS;EAEnD,MAAMC,MAAM,GAAG,CAAC1B,IAAI,GAAGC,WAAW,IAAI,CAAC;EACvC,MAAM0B,aAAa,GAAG,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAGH,MAAM;EAC1C,MAAMI,IAAI,GAAG/C,IAAI,CAACF,IAAI,CAACkD,IAAI,CAAC,CAAC;EAC7BD,IAAI,CAACE,SAAS,CAAChC,IAAI,GAAG,CAAC,EAAEA,IAAI,GAAG,CAAC,EAAE0B,MAAM,CAAC;EAE1C,MAAMO,mBAAmB,GAAGL,IAAI,CAACM,GAAG,CAAC,CAAC,EAAEjC,WAAW,GAAGY,eAAe,GAAG,CAAC,CAAC;EAE1EtC,SAAS,CAAC,MAAM;IACd,MAAM4D,WAAW,GACfxB,OAAO,KAAK,OAAO,GAAGG,WAAW,IAAIC,UAAU,IAAI,CAAC,CAAC,GAAGH,QAAQ,GAAG,GAAG;IACxEO,aAAa,CAACiB,KAAK,GAAG/C,UAAU,CAAC8C,WAAW,EAAE;MAC5CzB,QAAQ;MACR2B,MAAM,EAAEpD,MAAM,CAACqD,GAAG,CAACrD,MAAM,CAACsD,KAAK;IACjC,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC3B,QAAQ,EAAEE,WAAW,EAAEC,UAAU,EAAEL,QAAQ,EAAEC,OAAO,EAAEQ,aAAa,CAAC,CAAC;EAEzE,MAAMqB,aAAa,GAAGrD,eAAe,CAAC,MAAM;IAC1C,IAAIkB,UAAU,KAAKoC,SAAS,EAAE;MAC5B,OAAOpC,UAAU;IACnB;IACA,IAAIM,OAAO,KAAK,OAAO,EAAE;MACvB,MAAM+B,WAAW,GAAGd,IAAI,CAACe,KAAK,CAACxB,aAAa,CAACiB,KAAK,IAAIrB,UAAU,IAAI,CAAC,CAAC,CAAC;MACvE,OAAO,GAAG2B,WAAW,IAAI3B,UAAU,EAAE;IACvC;IACA,OAAO,GAAGa,IAAI,CAACe,KAAK,CAACxB,aAAa,CAACiB,KAAK,GAAG,GAAG,CAAC,GAAG;EACpD,CAAC,EAAE,CAAC/B,UAAU,EAAEM,OAAO,EAAEQ,aAAa,EAAEJ,UAAU,CAAC,CAAC;EAEpD,MAAM6B,aAAa,GAAG1D,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACL2D,IAAI,EAAEL,aAAa,CAACJ;IACtB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMU,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAIzC,UAAU,KAAKoC,SAAS,EAAE,OAAOpC,UAAU;IAC/C,IAAIM,OAAO,KAAK,OAAO,EAAE,OAAO,GAAGG,WAAW,IAAIC,UAAU,EAAE;IAC9D,OAAO,GAAGH,QAAQ,GAAG;EACvB,CAAC;EAED,MAAMmC,WAAW,GAAGA,CAAA,KAAM;IACxB,MAAMC,eAAe,GAAG,CAACjC,UAAU,IAAI,CAAC,IAAIC,OAAO;IACnD,MAAMiC,eAAe,GAAG,GAAG,GAAGD,eAAe;IAC7C,MAAME,aAAa,GAChBD,eAAe,IAAIlC,UAAU,IAAI,CAAC,CAAC,GAAG,GAAG,GAAIY,aAAa;IAC7D,MAAMwB,SAAS,GAAInC,OAAO,GAAG,GAAG,GAAIW,aAAa;IACjD,MAAMyB,WAAW,GAAG,CAACF,aAAa,EAAEC,SAAS,CAAC;IAE9C,oBACEzD,KAAA,CAAAE,SAAA;MAAAyD,QAAA,gBACE7D,IAAA,CAACX,IAAI;QACHiD,IAAI,EAAEA,IAAK;QACXtB,KAAK,EAAC,QAAQ;QACdP,WAAW,EAAEA,WAAY;QACzBqD,SAAS,EAAElD,OAAQ;QACnBmD,KAAK,EAAEjC,oBAAqB;QAAA+B,QAAA,eAE5B7D,IAAA,CAACZ,cAAc;UAAC4E,SAAS,EAAEJ;QAAY,CAAE;MAAC,CACtC,CAAC,eACP1D,KAAA,CAACb,IAAI;QACHiD,IAAI,EAAEA,IAAK;QACXtB,KAAK,EAAC,QAAQ;QACdP,WAAW,EAAEA,WAAY;QACzBqD,SAAS,EAAElD,OAAQ;QACnBmD,KAAK,EAAEnC,kBAAmB;QAC1BqC,KAAK,EAAE,CAAE;QACTC,GAAG,EAAEvC,aAAc;QAAAkC,QAAA,gBAEnB7D,IAAA,CAACZ,cAAc;UAAC4E,SAAS,EAAEJ;QAAY,CAAE,CAAC,EACzC3C,gBAAgB,iBACfjB,IAAA,CAACV,MAAM;UAAC6E,EAAE,EAAE,CAAE;UAACC,EAAE,EAAE,CAAE;UAACC,IAAI,EAAE,CAAE;UAACN,KAAK,EAAE9C,gBAAiB;UAACqD,KAAK;QAAA,CAAE,CAChE;MAAA,CACG,CAAC;IAAA,CACP,CAAC;EAEP,CAAC;EAED,MAAMC,cAAc,GAAGA,CAAA,kBACrBrE,KAAA,CAAAE,SAAA;IAAAyD,QAAA,gBACE7D,IAAA,CAACX,IAAI;MACHiD,IAAI,EAAEA,IAAK;MACXtB,KAAK,EAAC,QAAQ;MACdP,WAAW,EAAEA,WAAY;MACzBqD,SAAS,EAAElD,OAAQ;MACnBmD,KAAK,EAAEjC;IAAqB,CAC7B,CAAC,eACF9B,IAAA,CAACX,IAAI;MACHiD,IAAI,EAAEA,IAAK;MACXtB,KAAK,EAAC,QAAQ;MACdP,WAAW,EAAEgC,mBAAoB;MACjCqB,SAAS,EAAElD,OAAQ;MACnBmD,KAAK,EAAEnC,kBAAmB;MAC1BqC,KAAK,EAAE,CAAE;MACTC,GAAG,EAAEvC,aAAc;MAAAkC,QAAA,EAElB5C,gBAAgB,iBACfjB,IAAA,CAACV,MAAM;QAAC6E,EAAE,EAAE,CAAE;QAACC,EAAE,EAAE,CAAE;QAACC,IAAI,EAAE,CAAE;QAACN,KAAK,EAAE9C,gBAAiB;QAACqD,KAAK;MAAA,CAAE;IAChE,CACG,CAAC;EAAA,CACP,CACH;EAED,oBACEpE,KAAA,CAAChB,IAAI;IACH8B,KAAK,EAAE,CACL;MACEwD,KAAK,EAAEhE,IAAI;MACXiE,MAAM,EAAEjE,IAAI;MACZkE,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC,EACD3D,KAAK,CACL;IAAA6C,QAAA,gBAEF7D,IAAA,CAACb,MAAM;MAAC6B,KAAK,EAAEhC,UAAU,CAAC4F,YAAa;MAAAf,QAAA,EACpC1C,OAAO,KAAK,OAAO,GAAGoC,WAAW,CAAC,CAAC,GAAGgB,cAAc,CAAC;IAAC,CACjD,CAAC,eACTvE,IAAA,CAACK,iBAAiB;MAChBwE,QAAQ,EAAE,KAAM;MAChBC,YAAY,EAAExB,cAAc,CAAC,CAAE;MAC/BtC,KAAK,EAAE,CACL;QACE+C,KAAK,EAAE/B,cAAc;QACrBjB,QAAQ,EAAEA,QAAQ;QAElBgE,SAAS,EAAE,QAAQ;QACnBC,OAAO,EAAE;MACX,CAAC,EACDvD,UAAU,IAAI;QAAEA;MAAW,CAAC,CAC5B;MACF2B,aAAa,EAAEA;IAAc,CAC9B,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,eAAe7C,mBAAmB","ignoreList":[]}

package/lib/typescript/src/components/ProgressBar/CircularProgressBar.d.ts

@@ -18,6 +18,7 @@ interface CircularProgressBarProps {
     currentStep?: number;
     totalSteps?: number;
     stepGap?: number;
+    fontFamily?: string;
 }
 declare const CircularProgressBar: React.FC<CircularProgressBarProps>;
 export default CircularProgressBar;

package/lib/typescript/src/components/ProgressBar/CircularProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAA+B,SAAS,EAAE,MAAM,cAAc,CAAC;AAatE,UAAU,wBAAwB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmJ3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAA+B,SAAS,EAAE,MAAM,cAAc,CAAC;AAmBtE,UAAU,wBAAwB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgK3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "related-ui-components",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "main": "./src/index.ts",
   "scripts": {
     "start": "expo start",

package/src/components/ProgressBar/CircularProgressBar.tsx

@@ -1,6 +1,12 @@
 import React, { useEffect } from "react";
 import { StyleSheet, TextInput, View, ViewStyle } from "react-native";
-import { Canvas, DashPathEffect, Path, Shadow, Skia } from "@shopify/react-native-skia";
+import {
+  Canvas,
+  DashPathEffect,
+  Path,
+  Shadow,
+  Skia,
+} from "@shopify/react-native-skia";
 import Animated, {
   Easing,
   useAnimatedProps,
@@ -30,6 +36,7 @@ interface CircularProgressBarProps {
   currentStep?: number;
   totalSteps?: number;
   stepGap?: number;
+  fontFamily?: string;
 }
 
 const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
@@ -50,6 +57,7 @@ const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
   currentStep = 0,
   totalSteps = 4,
   stepGap = 15,
+  fontFamily,
 }) => {
   const { theme } = useTheme();
   const animatedValue = useSharedValue(0);
@@ -67,9 +75,7 @@ const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
 
   useEffect(() => {
     const targetValue =
-      variant === "steps"
-        ? currentStep / (totalSteps || 1)
-        : progress / 100;
+      variant === "steps" ? currentStep / (totalSteps || 1) : progress / 100;
     animatedValue.value = withTiming(targetValue, {
       duration,
       easing: Easing.out(Easing.cubic),
@@ -90,12 +96,12 @@ const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
   const animatedProps = useAnimatedProps(() => {
     return {
       text: textToDisplay.value,
-    } as any; 
+    } as any;
   });
 
   const getInitialText = () => {
     if (customText !== undefined) return customText;
-    if (variant === 'steps') return `${currentStep}/${totalSteps}`;
+    if (variant === "steps") return `${currentStep}/${totalSteps}`;
     return `${progress}%`;
   };
 
@@ -162,23 +168,37 @@ const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
   );
 
   return (
-    <View style={[{ width: size, height: size, justifyContent: 'center', alignItems: 'center' }, style]}>
+    <View
+      style={[
+        {
+          width: size,
+          height: size,
+          justifyContent: "center",
+          alignItems: "center",
+        },
+        style,
+      ]}
+    >
       <Canvas style={StyleSheet.absoluteFill}>
         {variant === "steps" ? renderSteps() : renderProgress()}
       </Canvas>
       <AnimatedTextInput
         editable={false}
         defaultValue={getInitialText()}
-        style={{
-          color: finalTextColor,
-          fontSize: fontSize,
-          textAlign: 'center',
-          padding: 0 
-        }}
+        style={[
+          {
+            color: finalTextColor,
+            fontSize: fontSize,
+
+            textAlign: "center",
+            padding: 0,
+          },
+          fontFamily && { fontFamily },
+        ]}
         animatedProps={animatedProps}
       />
     </View>
   );
 };
 
-export default CircularProgressBar;
+export default CircularProgressBar;