@kiosinc/commons-rn 0.1.32 → 0.1.33

package/lib/commonjs/components/ContentLoaderList.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentLoaderList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativePaper = require("react-native-paper");
+var _native = _interopRequireWildcard(require("react-content-loader/native"));
+var _reactNative = require("react-native");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ContentLoaderList = ({
+  count = 10,
+  radius = 18,
+  height,
+  backgroundColor,
+  foregroundColor
+}) => {
+  const theme = (0, _reactNativePaper.useTheme)();
+  return new Array(count).fill(0).map((_, index) => {
+    return /*#__PURE__*/_react.default.createElement(_native.default, {
+      key: index,
+      speed: 1
+      // @ts-ignore
+      ,
+      width: "100%",
+      height: height,
+      backgroundColor: backgroundColor ?? theme.colors.background,
+      foregroundColor: foregroundColor ?? theme.colors.surfaceVariant,
+      style: styles.loader
+    }, /*#__PURE__*/_react.default.createElement(_native.Rect, {
+      x: "0",
+      y: "0",
+      rx: radius,
+      ry: radius,
+      width: "100%",
+      height: height
+    }));
+  });
+};
+exports.ContentLoaderList = ContentLoaderList;
+const styles = _reactNative.StyleSheet.create({
+  loader: {
+    marginVertical: 8
+  }
+});
+//# sourceMappingURL=ContentLoaderList.js.map

package/lib/commonjs/components/ContentLoaderList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativePaper","_native","_interopRequireWildcard","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","ContentLoaderList","count","radius","height","backgroundColor","foregroundColor","theme","useTheme","Array","fill","map","_","index","createElement","key","speed","width","colors","background","surfaceVariant","style","styles","loader","Rect","x","y","rx","ry","exports","StyleSheet","create","marginVertical"],"sourceRoot":"../../../src","sources":["components/ContentLoaderList.tsx"],"mappings":"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"}

package/lib/commonjs/components/LineLoader.js

@@ -4,58 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LineLoader = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _native = _interopRequireWildcard(require("react-content-loader/native"));
 var _reactNativePaper = require("react-native-paper");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNative = require("react-native");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const LineLoader = ({
+  isLoading,
   backgroundColor,
-  foregroundColor,
-  height = 4,
-  progress = 0
+  foregroundColor
 }) => {
   const theme = (0, _reactNativePaper.useTheme)();
-  const animatedProgress = (0, _reactNativeReanimated.useSharedValue)(0);
-  (0, _react.useEffect)(() => {
-    animatedProgress.value = (0, _reactNativeReanimated.withTiming)(progress, {
-      duration: 500,
-      easing: _reactNativeReanimated.Easing.linear
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [progress]);
-  const lineStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    return {
-      width: `${animatedProgress.value * 100}%`,
-      backgroundColor: foregroundColor ?? theme.colors.primary,
-      height
-    };
-  });
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.container, {
-      height
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.background, {
-      backgroundColor: backgroundColor ?? theme.colors.onSurfaceDisabled
-    }]
-  }), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.line, lineStyle]
+  return /*#__PURE__*/_react.default.createElement(_native.default
+  // @ts-ignore
+  , {
+    style: styles.loader,
+    animate: isLoading,
+    backgroundColor: backgroundColor ?? theme.colors.background,
+    foregroundColor: foregroundColor ?? theme.colors.primary,
+    height: 3,
+    interval: 0,
+    key: isLoading + '',
+    speed: 1,
+    width: "100%"
+  }, /*#__PURE__*/_react.default.createElement(_native.Rect, {
+    height: 3,
+    width: "100%",
+    x: 0,
+    y: 0
   }));
 };
 exports.LineLoader = LineLoader;
 const styles = _reactNative.StyleSheet.create({
-  container: {
-    overflow: 'hidden'
-  },
-  background: {
-    flex: 1
-  },
-  line: {
-    position: 'absolute',
-    top: 0,
-    left: 0
+  loader: {
+    paddingVertical: 6
   }
 });
 //# sourceMappingURL=LineLoader.js.map

package/lib/commonjs/components/LineLoader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativePaper","_reactNativeReanimated","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","LineLoader","backgroundColor","foregroundColor","height","progress","theme","useTheme","animatedProgress","useSharedValue","useEffect","value","withTiming","duration","easing","Easing","linear","lineStyle","useAnimatedStyle","width","colors","primary","createElement","View","style","styles","container","background","onSurfaceDisabled","line","exports","StyleSheet","create","overflow","flex","position","top","left"],"sourceRoot":"../../../src","sources":["components/LineLoader.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_native","_interopRequireWildcard","_reactNativePaper","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","LineLoader","isLoading","backgroundColor","foregroundColor","theme","useTheme","createElement","style","styles","loader","animate","colors","background","primary","height","interval","key","speed","width","Rect","x","y","exports","StyleSheet","create","paddingVertical"],"sourceRoot":"../../../src","sources":["components/LineLoader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAA0C,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAA2B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAOnC,MAAMC,UAAU,GAAGA,CAAC;EACzBC,SAAS;EACTC,eAAe;EACfC;AACe,CAAC,KAAK;EACrB,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EACxB,oBACElC,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,OAAA,CAAAU;EACC;EAAA;IACAuB,KAAK,EAAEC,MAAM,CAACC,MAAO;IACrBC,OAAO,EAAET,SAAU;IACnBC,eAAe,EAAEA,eAAe,IAAIE,KAAK,CAACO,MAAM,CAACC,UAAW;IAC5DT,eAAe,EAAEA,eAAe,IAAIC,KAAK,CAACO,MAAM,CAACE,OAAQ;IACzDC,MAAM,EAAE,CAAE;IACVC,QAAQ,EAAE,CAAE;IACZC,GAAG,EAAEf,SAAS,GAAG,EAAG;IACpBgB,KAAK,EAAE,CAAE;IACTC,KAAK,EAAC;EAAM,gBAEZ/C,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,OAAA,CAAA6C,IAAI;IAACL,MAAM,EAAE,CAAE;IAACI,KAAK,EAAC,MAAM;IAACE,CAAC,EAAE,CAAE;IAACC,CAAC,EAAE;EAAE,CAAE,CAC9B,CAAC;AAEpB,CAAC;AAACC,OAAA,CAAAtB,UAAA,GAAAA,UAAA;AAEF,MAAMQ,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,MAAM,EAAE;IAAEgB,eAAe,EAAE;EAAE;AAC/B,CAAC,CAAC"}

package/lib/commonjs/components/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "Card", {
     return _Card.Card;
   }
 });
+Object.defineProperty(exports, "ContentLoaderList", {
+  enumerable: true,
+  get: function () {
+    return _ContentLoaderList.ContentLoaderList;
+  }
+});
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
   get: function () {
@@ -183,6 +189,7 @@ var _IconButton = require("./IconButton");
 var _Image = require("./Image");
 var _KeyboardAvoidingView = require("./KeyboardAvoidingView");
 var _LineLoader = require("./LineLoader");
+var _ContentLoaderList = require("./ContentLoaderList");
 var _LinkButton = require("./LinkButton");
 var _OtpInputs = require("./OtpInputs");
 var _ParentView = require("./ParentView");

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Alert","require","_Badge","_BottomSheet","_Button","_Card","_Divider","_FAB","_Header","_IconButton","_Image","_KeyboardAvoidingView","_LineLoader","_LinkButton","_OtpInputs","_ParentView","_Searchbar","_SelectionDialog","_Snackbar","_Surface","_Switch","_Text","_TextInput","_ToggleButton","_TouchableRipple","_Video","_View","_RefreshControl","_PhoneInput"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,qBAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,WAAA,GAAAd,OAAA;AACA,IAAAe,UAAA,GAAAf,OAAA;AACA,IAAAgB,gBAAA,GAAAhB,OAAA;AACA,IAAAiB,SAAA,GAAAjB,OAAA;AACA,IAAAkB,QAAA,GAAAlB,OAAA;AACA,IAAAmB,OAAA,GAAAnB,OAAA;AACA,IAAAoB,KAAA,GAAApB,OAAA;AACA,IAAAqB,UAAA,GAAArB,OAAA;AACA,IAAAsB,aAAA,GAAAtB,OAAA;AACA,IAAAuB,gBAAA,GAAAvB,OAAA;AACA,IAAAwB,MAAA,GAAAxB,OAAA;AACA,IAAAyB,KAAA,GAAAzB,OAAA;AACA,IAAA0B,eAAA,GAAA1B,OAAA;AACA,IAAA2B,WAAA,GAAA3B,OAAA"}
+{"version":3,"names":["_Alert","require","_Badge","_BottomSheet","_Button","_Card","_Divider","_FAB","_Header","_IconButton","_Image","_KeyboardAvoidingView","_LineLoader","_ContentLoaderList","_LinkButton","_OtpInputs","_ParentView","_Searchbar","_SelectionDialog","_Snackbar","_Surface","_Switch","_Text","_TextInput","_ToggleButton","_TouchableRipple","_Video","_View","_RefreshControl","_PhoneInput"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,qBAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,kBAAA,GAAAZ,OAAA;AACA,IAAAa,WAAA,GAAAb,OAAA;AACA,IAAAc,UAAA,GAAAd,OAAA;AACA,IAAAe,WAAA,GAAAf,OAAA;AACA,IAAAgB,UAAA,GAAAhB,OAAA;AACA,IAAAiB,gBAAA,GAAAjB,OAAA;AACA,IAAAkB,SAAA,GAAAlB,OAAA;AACA,IAAAmB,QAAA,GAAAnB,OAAA;AACA,IAAAoB,OAAA,GAAApB,OAAA;AACA,IAAAqB,KAAA,GAAArB,OAAA;AACA,IAAAsB,UAAA,GAAAtB,OAAA;AACA,IAAAuB,aAAA,GAAAvB,OAAA;AACA,IAAAwB,gBAAA,GAAAxB,OAAA;AACA,IAAAyB,MAAA,GAAAzB,OAAA;AACA,IAAA0B,KAAA,GAAA1B,OAAA;AACA,IAAA2B,eAAA,GAAA3B,OAAA;AACA,IAAA4B,WAAA,GAAA5B,OAAA"}

package/lib/module/components/ContentLoaderList.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { useTheme } from 'react-native-paper';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { StyleSheet } from 'react-native';
+export const ContentLoaderList = ({
+  count = 10,
+  radius = 18,
+  height,
+  backgroundColor,
+  foregroundColor
+}) => {
+  const theme = useTheme();
+  return new Array(count).fill(0).map((_, index) => {
+    return /*#__PURE__*/React.createElement(ContentLoader, {
+      key: index,
+      speed: 1
+      // @ts-ignore
+      ,
+      width: "100%",
+      height: height,
+      backgroundColor: backgroundColor ?? theme.colors.background,
+      foregroundColor: foregroundColor ?? theme.colors.surfaceVariant,
+      style: styles.loader
+    }, /*#__PURE__*/React.createElement(Rect, {
+      x: "0",
+      y: "0",
+      rx: radius,
+      ry: radius,
+      width: "100%",
+      height: height
+    }));
+  });
+};
+const styles = StyleSheet.create({
+  loader: {
+    marginVertical: 8
+  }
+});
+//# sourceMappingURL=ContentLoaderList.js.map

package/lib/module/components/ContentLoaderList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useTheme","ContentLoader","Rect","StyleSheet","ContentLoaderList","count","radius","height","backgroundColor","foregroundColor","theme","Array","fill","map","_","index","createElement","key","speed","width","colors","background","surfaceVariant","style","styles","loader","x","y","rx","ry","create","marginVertical"],"sourceRoot":"../../../src","sources":["components/ContentLoaderList.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,aAAa,IAAIC,IAAI,QAAQ,6BAA6B;AACjE,SAASC,UAAU,QAAQ,cAAc;AAUzC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK,GAAG,EAAE;EACVC,MAAM,GAAG,EAAE;EACXC,MAAM;EACNC,eAAe;EACfC;AACsB,CAAC,KAAK;EAC5B,MAAMC,KAAK,GAAGV,QAAQ,CAAC,CAAC;EACxB,OAAO,IAAIW,KAAK,CAACN,KAAK,CAAC,CAACO,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IAChD,oBACEhB,KAAA,CAAAiB,aAAA,CAACf,aAAa;MACZgB,GAAG,EAAEF,KAAM;MACXG,KAAK,EAAE;MACP;MAAA;MACAC,KAAK,EAAC,MAAM;MACZZ,MAAM,EAAEA,MAAO;MACfC,eAAe,EAAEA,eAAe,IAAIE,KAAK,CAACU,MAAM,CAACC,UAAW;MAC5DZ,eAAe,EAAEA,eAAe,IAAIC,KAAK,CAACU,MAAM,CAACE,cAAe;MAChEC,KAAK,EAAEC,MAAM,CAACC;IAAO,gBAErB1B,KAAA,CAAAiB,aAAA,CAACd,IAAI;MACHwB,CAAC,EAAC,GAAG;MACLC,CAAC,EAAC,GAAG;MACLC,EAAE,EAAEtB,MAAO;MACXuB,EAAE,EAAEvB,MAAO;MACXa,KAAK,EAAC,MAAM;MACZZ,MAAM,EAAEA;IAAO,CAChB,CACY,CAAC;EAEpB,CAAC,CAAC;AACJ,CAAC;AAED,MAAMiB,MAAM,GAAGrB,UAAU,CAAC2B,MAAM,CAAC;EAC/BL,MAAM,EAAE;IAAEM,cAAc,EAAE;EAAE;AAC9B,CAAC,CAAC"}

package/lib/module/components/LineLoader.js

@@ -1,52 +1,35 @@
-import React, { useEffect } from 'react';
-import { View, StyleSheet } from 'react-native';
+import React from 'react';
+import ContentLoader, { Rect } from 'react-content-loader/native';
 import { useTheme } from 'react-native-paper';
-import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing } from 'react-native-reanimated';
+import { StyleSheet } from 'react-native';
 export const LineLoader = ({
+  isLoading,
   backgroundColor,
-  foregroundColor,
-  height = 4,
-  progress = 0
+  foregroundColor
 }) => {
   const theme = useTheme();
-  const animatedProgress = useSharedValue(0);
-  useEffect(() => {
-    animatedProgress.value = withTiming(progress, {
-      duration: 500,
-      easing: Easing.linear
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [progress]);
-  const lineStyle = useAnimatedStyle(() => {
-    return {
-      width: `${animatedProgress.value * 100}%`,
-      backgroundColor: foregroundColor ?? theme.colors.primary,
-      height
-    };
-  });
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      height
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.background, {
-      backgroundColor: backgroundColor ?? theme.colors.onSurfaceDisabled
-    }]
-  }), /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.line, lineStyle]
+  return /*#__PURE__*/React.createElement(ContentLoader
+  // @ts-ignore
+  , {
+    style: styles.loader,
+    animate: isLoading,
+    backgroundColor: backgroundColor ?? theme.colors.background,
+    foregroundColor: foregroundColor ?? theme.colors.primary,
+    height: 3,
+    interval: 0,
+    key: isLoading + '',
+    speed: 1,
+    width: "100%"
+  }, /*#__PURE__*/React.createElement(Rect, {
+    height: 3,
+    width: "100%",
+    x: 0,
+    y: 0
   }));
 };
 const styles = StyleSheet.create({
-  container: {
-    overflow: 'hidden'
-  },
-  background: {
-    flex: 1
-  },
-  line: {
-    position: 'absolute',
-    top: 0,
-    left: 0
+  loader: {
+    paddingVertical: 6
   }
 });
 //# sourceMappingURL=LineLoader.js.map

package/lib/module/components/LineLoader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","View","StyleSheet","useTheme","Animated","useSharedValue","useAnimatedStyle","withTiming","Easing","LineLoader","backgroundColor","foregroundColor","height","progress","theme","animatedProgress","value","duration","easing","linear","lineStyle","width","colors","primary","createElement","style","styles","container","background","onSurfaceDisabled","line","create","overflow","flex","position","top","left"],"sourceRoot":"../../../src","sources":["components/LineLoader.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,QAAQ,IACbC,cAAc,EACdC,gBAAgB,EAChBC,UAAU,EACVC,MAAM,QACD,yBAAyB;AAShC,OAAO,MAAMC,UAAyC,GAAGA,CAAC;EACxDC,eAAe;EACfC,eAAe;EACfC,MAAM,GAAG,CAAC;EACVC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EACxB,MAAMY,gBAAgB,GAAGV,cAAc,CAAC,CAAC,CAAC;EAE1CL,SAAS,CAAC,MAAM;IACde,gBAAgB,CAACC,KAAK,GAAGT,UAAU,CAACM,QAAQ,EAAE;MAC5CI,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAEV,MAAM,CAACW;IACjB,CAAC,CAAC;IACF;EACF,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,MAAMO,SAAS,GAAGd,gBAAgB,CAAC,MAAM;IACvC,OAAO;MACLe,KAAK,EAAG,GAAEN,gBAAgB,CAACC,KAAK,GAAG,GAAI,GAAE;MACzCN,eAAe,EAAEC,eAAe,IAAIG,KAAK,CAACQ,MAAM,CAACC,OAAO;MACxDX;IACF,CAAC;EACH,CAAC,CAAC;EAEF,oBACEb,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAACwB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEf;IAAO,CAAC;EAAE,gBAC1Cb,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IACHwB,KAAK,EAAE,CACLC,MAAM,CAACE,UAAU,EACjB;MACElB,eAAe,EAAEA,eAAe,IAAII,KAAK,CAACQ,MAAM,CAACO;IACnD,CAAC;EACD,CACH,CAAC,eACF9B,KAAA,CAAAyB,aAAA,CAACpB,QAAQ,CAACH,IAAI;IAACwB,KAAK,EAAE,CAACC,MAAM,CAACI,IAAI,EAAEV,SAAS;EAAE,CAAE,CAC7C,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGxB,UAAU,CAAC6B,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,QAAQ,EAAE;EACZ,CAAC;EACDJ,UAAU,EAAE;IACVK,IAAI,EAAE;EACR,CAAC;EACDH,IAAI,EAAE;IACJI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","ContentLoader","Rect","useTheme","StyleSheet","LineLoader","isLoading","backgroundColor","foregroundColor","theme","createElement","style","styles","loader","animate","colors","background","primary","height","interval","key","speed","width","x","y","create","paddingVertical"],"sourceRoot":"../../../src","sources":["components/LineLoader.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,aAAa,IAAIC,IAAI,QAAQ,6BAA6B;AAEjE,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,UAAU,QAAQ,cAAc;AAOzC,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,SAAS;EACTC,eAAe;EACfC;AACe,CAAC,KAAK;EACrB,MAAMC,KAAK,GAAGN,QAAQ,CAAC,CAAC;EACxB,oBACEH,KAAA,CAAAU,aAAA,CAACT;EACC;EAAA;IACAU,KAAK,EAAEC,MAAM,CAACC,MAAO;IACrBC,OAAO,EAAER,SAAU;IACnBC,eAAe,EAAEA,eAAe,IAAIE,KAAK,CAACM,MAAM,CAACC,UAAW;IAC5DR,eAAe,EAAEA,eAAe,IAAIC,KAAK,CAACM,MAAM,CAACE,OAAQ;IACzDC,MAAM,EAAE,CAAE;IACVC,QAAQ,EAAE,CAAE;IACZC,GAAG,EAAEd,SAAS,GAAG,EAAG;IACpBe,KAAK,EAAE,CAAE;IACTC,KAAK,EAAC;EAAM,gBAEZtB,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACgB,MAAM,EAAE,CAAE;IAACI,KAAK,EAAC,MAAM;IAACC,CAAC,EAAE,CAAE;IAACC,CAAC,EAAE;EAAE,CAAE,CAC9B,CAAC;AAEpB,CAAC;AAED,MAAMZ,MAAM,GAAGR,UAAU,CAACqB,MAAM,CAAC;EAC/BZ,MAAM,EAAE;IAAEa,eAAe,EAAE;EAAE;AAC/B,CAAC,CAAC"}

package/lib/module/components/index.js

@@ -10,6 +10,7 @@ export { IconButton } from './IconButton';
 export { Image } from './Image';
 export { KeyboardAvoidingView } from './KeyboardAvoidingView';
 export { LineLoader } from './LineLoader';
+export { ContentLoaderList } from './ContentLoaderList';
 export { LinkButton } from './LinkButton';
 export { OtpInputs } from './OtpInputs';
 export { ParentView } from './ParentView';

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Alert","Badge","BottomSheet","Button","Card","Divider","FAB","Header","IconButton","Image","KeyboardAvoidingView","LineLoader","LinkButton","OtpInputs","ParentView","Searchbar","SelectionDialog","Snackbar","Surface","Switch","Text","TextInput","ToggleButton","TouchableRipple","Video","View","RefreshControl","PhoneInput"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,UAAU,QAAuB,cAAc"}
+{"version":3,"names":["Alert","Badge","BottomSheet","Button","Card","Divider","FAB","Header","IconButton","Image","KeyboardAvoidingView","LineLoader","ContentLoaderList","LinkButton","OtpInputs","ParentView","Searchbar","SelectionDialog","Snackbar","Surface","Switch","Text","TextInput","ToggleButton","TouchableRipple","Video","View","RefreshControl","PhoneInput"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,UAAU,QAAuB,cAAc"}

package/lib/typescript/src/components/ContentLoaderList.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+type ContentLoaderListProps = {
+    count?: number;
+    radius?: number;
+    height: number | string;
+    backgroundColor?: string;
+    foregroundColor?: string;
+};
+export declare const ContentLoaderList: ({ count, radius, height, backgroundColor, foregroundColor, }: ContentLoaderListProps) => JSX.Element[];
+export {};
+//# sourceMappingURL=ContentLoaderList.d.ts.map

package/lib/typescript/src/components/ContentLoaderList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLoaderList.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentLoaderList.tsx"],"names":[],"mappings":";AAMA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,iEAM3B,sBAAsB,kBAyBxB,CAAC"}

package/lib/typescript/src/components/LineLoader.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-type LineLoaderPropsType = {
+/// <reference types="react" />
+type LineLoaderProps = {
+    isLoading: boolean;
     backgroundColor?: string;
     foregroundColor?: string;
-    height?: number;
-    progress: number;
 };
-export declare const LineLoader: React.FC<LineLoaderPropsType>;
+export declare const LineLoader: ({ isLoading, backgroundColor, foregroundColor, }: LineLoaderProps) => JSX.Element;
 export {};
 //# sourceMappingURL=LineLoader.d.ts.map

package/lib/typescript/src/components/LineLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/LineLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,KAAK,mBAAmB,GAAG;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsCpD,CAAC"}
+{"version":3,"file":"LineLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/LineLoader.tsx"],"names":[],"mappings":";AAMA,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,UAAU,qDAIpB,eAAe,gBAkBjB,CAAC"}

package/lib/typescript/src/components/index.d.ts

@@ -10,6 +10,7 @@ export { IconButton } from './IconButton';
 export { Image } from './Image';
 export { KeyboardAvoidingView } from './KeyboardAvoidingView';
 export { LineLoader } from './LineLoader';
+export { ContentLoaderList } from './ContentLoaderList';
 export { LinkButton } from './LinkButton';
 export { OtpInputs } from './OtpInputs';
 export { ParentView } from './ParentView';

package/lib/typescript/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiosinc/commons-rn",
-  "version": "0.1.32",
+  "version": "0.1.33",
   "description": "Common Code",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -185,6 +185,7 @@
     "axios": "^1.4.0",
     "color": "^4.2.3",
     "i18next": "^23.7.6",
+    "react-content-loader": "^6.2.1",
     "react-hook-form": "^7.48.2",
     "react-i18next": "^13.5.0",
     "react-native-config": "^1.5.1",

package/src/components/ContentLoaderList.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+
+import { useTheme } from 'react-native-paper';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { StyleSheet } from 'react-native';
+
+type ContentLoaderListProps = {
+  count?: number;
+  radius?: number;
+  height: number | string;
+  backgroundColor?: string;
+  foregroundColor?: string;
+};
+
+export const ContentLoaderList = ({
+  count = 10,
+  radius = 18,
+  height,
+  backgroundColor,
+  foregroundColor,
+}: ContentLoaderListProps) => {
+  const theme = useTheme();
+  return new Array(count).fill(0).map((_, index) => {
+    return (
+      <ContentLoader
+        key={index}
+        speed={1}
+        // @ts-ignore
+        width="100%"
+        height={height}
+        backgroundColor={backgroundColor ?? theme.colors.background}
+        foregroundColor={foregroundColor ?? theme.colors.surfaceVariant}
+        style={styles.loader}
+      >
+        <Rect
+          x="0"
+          y="0"
+          rx={radius}
+          ry={radius}
+          width="100%"
+          height={height}
+        />
+      </ContentLoader>
+    );
+  });
+};
+
+const styles = StyleSheet.create({
+  loader: { marginVertical: 8 },
+});

package/src/components/LineLoader.tsx

@@ -1,70 +1,38 @@
-import React, { useEffect } from 'react';
-import { View, StyleSheet } from 'react-native';
+import React from 'react';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+
 import { useTheme } from 'react-native-paper';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-  Easing,
-} from 'react-native-reanimated';
+import { StyleSheet } from 'react-native';
 
-type LineLoaderPropsType = {
+type LineLoaderProps = {
+  isLoading: boolean;
   backgroundColor?: string;
   foregroundColor?: string;
-  height?: number;
-  progress: number;
 };
-
-export const LineLoader: React.FC<LineLoaderPropsType> = ({
+export const LineLoader = ({
+  isLoading,
   backgroundColor,
   foregroundColor,
-  height = 4,
-  progress = 0,
-}) => {
+}: LineLoaderProps) => {
   const theme = useTheme();
-  const animatedProgress = useSharedValue(0);
-
-  useEffect(() => {
-    animatedProgress.value = withTiming(progress, {
-      duration: 500,
-      easing: Easing.linear,
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [progress]);
-
-  const lineStyle = useAnimatedStyle(() => {
-    return {
-      width: `${animatedProgress.value * 100}%`,
-      backgroundColor: foregroundColor ?? theme.colors.primary,
-      height,
-    };
-  });
-
   return (
-    <View style={[styles.container, { height }]}>
-      <View
-        style={[
-          styles.background,
-          {
-            backgroundColor: backgroundColor ?? theme.colors.onSurfaceDisabled,
-          },
-        ]}
-      />
-      <Animated.View style={[styles.line, lineStyle]} />
-    </View>
+    <ContentLoader
+      // @ts-ignore
+      style={styles.loader}
+      animate={isLoading}
+      backgroundColor={backgroundColor ?? theme.colors.background}
+      foregroundColor={foregroundColor ?? theme.colors.primary}
+      height={3}
+      interval={0}
+      key={isLoading + ''}
+      speed={1}
+      width="100%"
+    >
+      <Rect height={3} width="100%" x={0} y={0} />
+    </ContentLoader>
   );
 };
 
 const styles = StyleSheet.create({
-  container: {
-    overflow: 'hidden',
-  },
-  background: {
-    flex: 1,
-  },
-  line: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-  },
+  loader: { paddingVertical: 6 },
 });

package/src/components/index.ts

@@ -10,6 +10,7 @@ export { IconButton } from './IconButton';
 export { Image } from './Image';
 export { KeyboardAvoidingView } from './KeyboardAvoidingView';
 export { LineLoader } from './LineLoader';
+export { ContentLoaderList } from './ContentLoaderList';
 export { LinkButton } from './LinkButton';
 export { OtpInputs } from './OtpInputs';
 export { ParentView } from './ParentView';