@prototyp/skeletor 1.0.2

package/lib/module/components/Screen/Screen.js

@@ -0,0 +1,55 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from "react";
+import { SafeAreaView, View, StyleSheet, StatusBar, Platform, Dimensions } from "react-native";
+import { useSkeletor } from "../../hooks";
+import { Block } from "../Block";
+export const Screen = _ref => {
+  let {
+    background,
+    children,
+    hideBottomSafeArea,
+    hideTopSafeArea,
+    bottomSafeAreaColor,
+    topSafeAreaColor,
+    style,
+    statusBarType,
+    isLandscape,
+    ...rest
+  } = _ref;
+  const {
+    defaultStatusBarType
+  } = useSkeletor();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, background && (typeof background === "string" ? /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      backgroundColor: background
+    }]
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, background)), !hideTopSafeArea && /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: {
+      backgroundColor: topSafeAreaColor
+    }
+  }), /*#__PURE__*/React.createElement(StatusBar, {
+    translucent: true,
+    backgroundColor: "transparent",
+    barStyle: statusBarType || defaultStatusBarType
+  }), /*#__PURE__*/React.createElement(Block, _extends({
+    paddings: {
+      paddingTop: Platform.OS === "android" && !isLandscape ? StatusBar.currentHeight || 24 : 0
+    },
+    flex: 1,
+    style: style
+  }, rest), children), !hideBottomSafeArea && /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: {
+      backgroundColor: bottomSafeAreaColor
+    }
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: "absolute",
+    height: Dimensions.get("screen").height,
+    width: Dimensions.get("screen").width
+  }
+});
+//# sourceMappingURL=Screen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","SafeAreaView","View","StyleSheet","StatusBar","Platform","Dimensions","useSkeletor","Block","Screen","background","children","hideBottomSafeArea","hideTopSafeArea","bottomSafeAreaColor","topSafeAreaColor","style","statusBarType","isLandscape","rest","defaultStatusBarType","styles","container","backgroundColor","paddingTop","OS","currentHeight","create","position","height","get","width"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SACEC,YAAY,EACZC,IAAI,EAEJC,UAAU,EACVC,SAAS,EACTC,QAAQ,EACRC,UAAU,QACL,cAAc;AACrB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,KAAK,QAAQ,UAAU;AAehC,OAAO,MAAMC,MAAgD,GAAG,QAW1D;EAAA,IAX2D;IAC/DC,UAAU;IACVC,QAAQ;IACRC,kBAAkB;IAClBC,eAAe;IACfC,mBAAmB;IACnBC,gBAAgB;IAChBC,KAAK;IACLC,aAAa;IACbC,WAAW;IACX,GAAGC;EACL,CAAC;EACC,MAAM;IAAEC;EAAqB,CAAC,GAAGb,WAAW,EAAE;EAE9C,oBACE,0CACGG,UAAU,KACR,OAAOA,UAAU,KAAK,QAAQ,gBAC7B,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACW,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEb;IAAW,CAAC;EAAE,EAAG,gBAEpE,oBAAC,IAAI;IAAC,KAAK,EAAEW,MAAM,CAACC;EAAU,GAAEZ,UAAU,CAC3C,CAAC,EAEH,CAACG,eAAe,iBACf,oBAAC,YAAY;IAAC,KAAK,EAAE;MAAEU,eAAe,EAAER;IAAiB;EAAE,EAC5D,eAED,oBAAC,SAAS;IACR,WAAW;IACX,eAAe,EAAC,aAAa;IAC7B,QAAQ,EAAEE,aAAa,IAAIG;EAAqB,EAChD,eAEF,oBAAC,KAAK;IACJ,QAAQ,EAAE;MACRI,UAAU,EACRnB,QAAQ,CAACoB,EAAE,KAAK,SAAS,IAAI,CAACP,WAAW,GACrCd,SAAS,CAACsB,aAAa,IAAI,EAAE,GAC7B;IACR,CAAE;IACF,IAAI,EAAE,CAAE;IACR,KAAK,EAAEV;EAAM,GACTG,IAAI,GAEPR,QAAQ,CACH,EAEP,CAACC,kBAAkB,iBAClB,oBAAC,YAAY;IACX,KAAK,EAAE;MACLW,eAAe,EAAET;IACnB;EAAE,EAEL,CACA;AAEP,CAAC;AAED,MAAMO,MAAM,GAAGlB,UAAU,CAACwB,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAEvB,UAAU,CAACwB,GAAG,CAAC,QAAQ,CAAC,CAACD,MAAM;IACvCE,KAAK,EAAEzB,UAAU,CAACwB,GAAG,CAAC,QAAQ,CAAC,CAACC;EAClC;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./Screen";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,UAAU"}

package/lib/module/components/SkeletorProvider/SkeletorContext.js

@@ -0,0 +1,9 @@
+import React from "react";
+export const SkeletorDefaults = {
+  defaultFont: undefined,
+  defaultFontSize: [12, 16],
+  defaultStatusBarType: "dark-content",
+  defaultTextColor: "black"
+};
+export const SkeletorContext = /*#__PURE__*/React.createContext(SkeletorDefaults);
+//# sourceMappingURL=SkeletorContext.js.map

package/lib/module/components/SkeletorProvider/SkeletorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SkeletorDefaults","defaultFont","undefined","defaultFontSize","defaultStatusBarType","defaultTextColor","SkeletorContext","createContext"],"sourceRoot":"../../src","sources":["SkeletorContext.ts"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,MAAMC,gBAAgC,GAAG;EAC9CC,WAAW,EAAEC,SAAS;EACtBC,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;EACzBC,oBAAoB,EAAE,cAAc;EACpCC,gBAAgB,EAAE;AACpB,CAAC;AAED,OAAO,MAAMC,eAAe,gBAC1BP,KAAK,CAACQ,aAAa,CAAiBP,gBAAgB,CAAC"}

package/lib/module/components/SkeletorProvider/SkeletorProvider.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { SkeletorContext, SkeletorDefaults } from "./SkeletorContext";
+/** Create a Font.d.ts type in your typescript types directory and define fonts as follows:
+ * @example type Font = "Helvetica" | "Montserrat" ...  */
+export const SkeletorProvider = _ref => {
+  let {
+    children,
+    ...config
+  } = _ref;
+  return /*#__PURE__*/React.createElement(SkeletorContext.Provider, {
+    value: {
+      ...SkeletorDefaults,
+      ...config
+    }
+  }, children);
+};
+//# sourceMappingURL=SkeletorProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","SkeletorContext","SkeletorDefaults","SkeletorProvider","children","config"],"sourceRoot":"../../src","sources":["SkeletorProvider.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAEhD,SAASC,eAAe,EAAEC,gBAAgB,QAAQ,mBAAmB;AAIrE;AACA;AACA,OAAO,MAAMC,gBAAoD,GAAG,QAG9D;EAAA,IAH+D;IACnEC,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,oBACE,oBAAC,eAAe,CAAC,QAAQ;IAAC,KAAK,EAAE;MAAE,GAAGH,gBAAgB;MAAE,GAAGG;IAAO;EAAE,GACjED,QAAQ,CACgB;AAE/B,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from "./SkeletorProvider";
+export * from "./SkeletorContext";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,mBAAmB"}

package/lib/module/components/Text/Text.js

@@ -0,0 +1,64 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useMemo } from "react";
+import { StyleSheet, Text as RNText } from "react-native";
+import { extractSizeProperties } from "../../utils";
+import { useSkeletor } from "../../hooks";
+/** Create a Font.d.ts type in your typescript types directory and define fonts as follows:
+ * @example type Font = "Helvetica" | "Montserrat" ...  */
+export const Text = _ref => {
+  let {
+    font,
+    size,
+    textTransform,
+    letterSpacing,
+    color,
+    style,
+    children,
+    textAlign,
+    opacity,
+    margins,
+    paddings,
+    ...props
+  } = _ref;
+  const {
+    defaultFont,
+    defaultFontSize,
+    defaultTextColor
+  } = useSkeletor();
+  const sizeProps = extractSizeProperties(props);
+  const textSize = useMemo(() => {
+    function mapper(value) {
+      if (Array.isArray(value)) {
+        const [fontSize, lineHeight] = value;
+        return {
+          fontSize,
+          lineHeight
+        };
+      } else {
+        return {
+          fontSize: value,
+          lineHeight: value
+        };
+      }
+    }
+    return mapper(size || defaultFontSize);
+  }, [size, defaultFontSize]);
+  const styles = useMemo(() => StyleSheet.flatten([{
+    color: color || defaultTextColor,
+    ...textSize,
+    fontFamily: font || defaultFont,
+    opacity,
+    textAlign,
+    textTransform,
+    letterSpacing,
+    ...margins,
+    ...paddings,
+    ...sizeProps
+  }, style]), [color, font, opacity, textAlign, textTransform, textSize, margins, paddings, style]);
+  return /*#__PURE__*/React.createElement(RNText, _extends({
+    style: styles,
+    allowFontScaling: false,
+    maxFontSizeMultiplier: 1
+  }, props), children);
+};
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","StyleSheet","Text","RNText","extractSizeProperties","useSkeletor","font","size","textTransform","letterSpacing","color","style","children","textAlign","opacity","margins","paddings","props","defaultFont","defaultFontSize","defaultTextColor","sizeProps","textSize","mapper","value","Array","isArray","fontSize","lineHeight","styles","flatten","fontFamily"],"sourceRoot":"../../src","sources":["Text.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SACEC,UAAU,EACVC,IAAI,IAAIC,MAAM,QAGT,cAAc;AAErB,SAASC,qBAAqB,QAAQ,aAAa;AACnD,SAASC,WAAW,QAAQ,aAAa;AAiBzC;AACA;AACA,OAAO,MAAMH,IAA4C,GAAG,QAatD;EAAA,IAbuD;IAC3DI,IAAI;IACJC,IAAI;IACJC,aAAa;IACbC,aAAa;IACbC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPC,OAAO;IACPC,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,MAAM;IAAEC,WAAW;IAAEC,eAAe;IAAEC;EAAiB,CAAC,GAAGf,WAAW,EAAE;EACxE,MAAMgB,SAAS,GAAGjB,qBAAqB,CAACa,KAAK,CAAC;EAE9C,MAAMK,QAAQ,GAAGtB,OAAO,CAAC,MAAM;IAC7B,SAASuB,MAAM,CAACC,KAAgC,EAAE;MAChD,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;QACxB,MAAM,CAACG,QAAQ,EAAEC,UAAU,CAAC,GAAGJ,KAAK;QACpC,OAAO;UAAEG,QAAQ;UAAEC;QAAW,CAAC;MACjC,CAAC,MAAM;QACL,OAAO;UAAED,QAAQ,EAAEH,KAAK;UAAEI,UAAU,EAAEJ;QAAM,CAAC;MAC/C;IACF;IAEA,OAAOD,MAAM,CAAChB,IAAI,IAAIY,eAAe,CAAC;EACxC,CAAC,EAAE,CAACZ,IAAI,EAAEY,eAAe,CAAC,CAAC;EAE3B,MAAMU,MAAM,GAAG7B,OAAO,CACpB,MACEC,UAAU,CAAC6B,OAAO,CAAC,CACjB;IACEpB,KAAK,EAAEA,KAAK,IAAIU,gBAAgB;IAChC,GAAGE,QAAQ;IACXS,UAAU,EAAEzB,IAAI,IAAIY,WAAW;IAC/BJ,OAAO;IACPD,SAAS;IACTL,aAAa;IACbC,aAAa;IACb,GAAGM,OAAO;IACV,GAAGC,QAAQ;IACX,GAAGK;EACL,CAAC,EACDV,KAAK,CACN,CAAC,EACJ,CACED,KAAK,EACLJ,IAAI,EACJQ,OAAO,EACPD,SAAS,EACTL,aAAa,EACbc,QAAQ,EACRP,OAAO,EACPC,QAAQ,EACRL,KAAK,CACN,CACF;EAED,oBACE,oBAAC,MAAM;IACL,KAAK,EAAEkB,MAAO;IACd,gBAAgB,EAAE,KAAM;IACxB,qBAAqB,EAAE;EAAE,GACrBZ,KAAK,GAERL,QAAQ,CACF;AAEb,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./Text";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,QAAQ"}

package/lib/module/components/index.js

@@ -0,0 +1,6 @@
+export * from "./Text";
+export * from "./Screen";
+export * from "./Block";
+export * from "./SkeletorProvider";
+export * from "./InputFocusScrollView";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,oBAAoB;AAClC,cAAc,wBAAwB"}

package/lib/module/hooks/index.js

@@ -0,0 +1,7 @@
+export * from "./useForm";
+export * from "./useAnimation";
+export * from "./useAnimationTimeline";
+export * from "./useAppState";
+export * from "./useSkeletor";
+export * from "./useAndroidBackHandler";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,wBAAwB;AACtC,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,yBAAyB"}

package/lib/module/hooks/useAndroidBackHandler.js

@@ -0,0 +1,24 @@
+import { useEffect } from "react";
+import { BackHandler } from "react-native";
+function isWithCallback(props) {
+  return Object.keys(props).some(key => key === "handlePress");
+}
+export function useAndroidBackHandler(props) {
+  const {
+    enabled
+  } = props;
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    const handler = BackHandler.addEventListener("hardwareBackPress", () => {
+      if (isWithCallback(props)) {
+        props.handlePress();
+        return true;
+      }
+      return props.disableDefault;
+    });
+    return handler.remove;
+  }, [enabled]);
+}
+//# sourceMappingURL=useAndroidBackHandler.js.map

package/lib/module/hooks/useAndroidBackHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","BackHandler","isWithCallback","props","Object","keys","some","key","useAndroidBackHandler","enabled","handler","addEventListener","handlePress","disableDefault","remove"],"sourceRoot":"../../src","sources":["useAndroidBackHandler.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,WAAW,QAAQ,cAAc;AAkB1C,SAASC,cAAc,CACrBC,KAA+B,EACR;EACvB,OAAOC,MAAM,CAACC,IAAI,CAACF,KAAK,CAAC,CAACG,IAAI,CAAEC,GAAG,IAAKA,GAAG,KAAK,aAAa,CAAC;AAChE;AAEA,OAAO,SAASC,qBAAqB,CAACL,KAA+B,EAAE;EACrE,MAAM;IAAEM;EAAQ,CAAC,GAAGN,KAAK;EAEzBH,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,OAAO,EAAE;MACZ;IACF;IAEA,MAAMC,OAAO,GAAGT,WAAW,CAACU,gBAAgB,CAAC,mBAAmB,EAAE,MAAM;MACtE,IAAIT,cAAc,CAACC,KAAK,CAAC,EAAE;QACzBA,KAAK,CAACS,WAAW,EAAE;QACnB,OAAO,IAAI;MACb;MAEA,OAAOT,KAAK,CAACU,cAAc;IAC7B,CAAC,CAAC;IAEF,OAAOH,OAAO,CAACI,MAAM;EACvB,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;AACf"}

package/lib/module/hooks/useAnimation.js

@@ -0,0 +1,33 @@
+import { useMemo, useRef } from "react";
+import { Animated } from "react-native";
+
+/** Any is a hotfix, requires more investigation */
+
+export function useAnimation(styles, configuration) {
+  const keys = Object.keys(styles).map(key => key);
+  /** Values always start at 0. These are not output values, more like indexes to output values defined in the array. */
+  const values = useRef(keys.map(() => new Animated.Value(0))).current;
+  const animations = useMemo(() => {
+    const result = {};
+    keys.forEach((key, index) => {
+      const value = values[index];
+      // We know the definition exists, otherwise we wouldn't be here.
+      const definition = styles[key];
+      const interpolation = value.interpolate({
+        inputRange: definition.map((_, i) => i),
+        outputRange: definition
+      });
+      result[key] = interpolation;
+    });
+    return result;
+  }, [styles]);
+  return {
+    values,
+    animations,
+    configuration: configuration || {
+      duration: 250
+    },
+    definitions: styles
+  };
+}
+//# sourceMappingURL=useAnimation.js.map

package/lib/module/hooks/useAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useRef","Animated","useAnimation","styles","configuration","keys","Object","map","key","values","Value","current","animations","result","forEach","index","value","definition","interpolation","interpolate","inputRange","_","i","outputRange","duration","definitions"],"sourceRoot":"../../src","sources":["useAnimation.ts"],"mappings":"AAAA,SAASA,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACvC,SAASC,QAAQ,QAAmB,cAAc;;AAElD;;AAyBA,OAAO,SAASC,YAAY,CAC1BC,MAAwB,EACxBC,aAA6B,EACT;EACpB,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACF,MAAM,CAAC,CAACI,GAAG,CAAEC,GAAG,IAAKA,GAAW,CAAC;EAC1D;EACA,MAAMC,MAAM,GAAGT,MAAM,CAACK,IAAI,CAACE,GAAG,CAAC,MAAM,IAAIN,QAAQ,CAACS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEpE,MAAMC,UAAU,GAAGb,OAAO,CAAC,MAAM;IAC/B,MAAMc,MAAgC,GAAG,CAAC,CAAC;IAE3CR,IAAI,CAACS,OAAO,CAAC,CAACN,GAAG,EAAEO,KAAK,KAAK;MAC3B,MAAMC,KAAK,GAAGP,MAAM,CAACM,KAAK,CAAC;MAC3B;MACA,MAAME,UAAU,GAAGd,MAAM,CAACK,GAAG,CAAE;MAE/B,MAAMU,aAAa,GAAGF,KAAK,CAACG,WAAW,CAAC;QACtCC,UAAU,EAAEH,UAAU,CAACV,GAAG,CAAC,CAACc,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC;QACvCC,WAAW,EAAEN;MACf,CAAC,CAAC;MAEFJ,MAAM,CAACL,GAAG,CAAC,GAAGU,aAAa;IAC7B,CAAC,CAAC;IAEF,OAAOL,MAAM;EACf,CAAC,EAAE,CAACV,MAAM,CAAC,CAAC;EAEZ,OAAO;IACLM,MAAM;IACNG,UAAU;IACVR,aAAa,EAAEA,aAAa,IAAI;MAAEoB,QAAQ,EAAE;IAAI,CAAC;IACjDC,WAAW,EAAEtB;EACf,CAAC;AACH"}

package/lib/module/hooks/useAnimationTimeline.js

@@ -0,0 +1,97 @@
+import { useEffect, useState } from "react";
+import { Animated } from "react-native";
+/** Used to layout animated values on a timeline and handle starting/reversing the animations.
+ * Supports all Animated types (delay, stagger, parallel, sequence).
+ * @example
+ * useAnimationTimeline({
+    stagger: { elements: [ring1, ring2, ring3], stagger: 900, start: show },
+    sequence: { elements: [button], start: Boolean(show && !disabled) },
+  });
+*/
+export function useAnimationTimeline(config) {
+  const {
+    delay,
+    parallel,
+    sequence,
+    stagger
+  } = config;
+  const staggerStart = Boolean(stagger === null || stagger === void 0 ? void 0 : stagger.start);
+  const delayStart = Boolean(delay === null || delay === void 0 ? void 0 : delay.start);
+  const sequenceStart = Boolean(sequence === null || sequence === void 0 ? void 0 : sequence.start);
+  const parallelStart = Boolean(parallel === null || parallel === void 0 ? void 0 : parallel.start);
+  const [previousDelayStart, setPreviousDelayStart] = useState(false);
+  const [previousStaggerStart, setPreviousStaggerStart] = useState(false);
+  const [previousSequenceStart, setPreviousSequenceStart] = useState(false);
+  const [previousParallelStart, setPreviousParallelStart] = useState(false);
+  function getBaseAnimations(timeline) {
+    const compositions = [];
+    timeline.elements.forEach(_ref => {
+      let {
+        values,
+        animations,
+        configuration,
+        definitions
+      } = _ref;
+      const keys = Object.keys(animations).map(key => key);
+      const elementCompositions = keys.map((key, index) => {
+        const value = values[index];
+        const lastValue = definitions[key].length - 1;
+        const nativeAnimation = configuration.loop ? false : configuration.useNativeDriver || false;
+        const base = Animated.timing(value, {
+          toValue: timeline.start ? lastValue : 0,
+          duration: configuration.duration,
+          useNativeDriver: nativeAnimation
+        });
+        return configuration.loop ? Animated.loop(base) : base;
+      });
+      compositions.push(Animated.parallel(elementCompositions));
+    });
+    return compositions;
+  }
+  function setupParallelAnimations(timeline) {
+    if (timeline.onStarted) {
+      timeline.onStarted();
+    }
+    Animated.parallel(getBaseAnimations(timeline)).start(timeline.onFinished);
+  }
+  function setupSequenceAnimations(timeline) {
+    if (timeline.onStarted) {
+      timeline.onStarted();
+    }
+    Animated.sequence(getBaseAnimations(timeline)).start(timeline.onFinished);
+  }
+  function setupStaggerAnimations(timeline) {
+    if (timeline.onStarted) {
+      timeline.onStarted();
+    }
+    Animated.stagger(timeline.stagger, getBaseAnimations(timeline)).start(timeline.onFinished);
+  }
+  function setupDelayAnimations(timeline) {
+    Animated.delay(timeline.delay).start(() => setupParallelAnimations(timeline));
+  }
+  useEffect(() => {
+    if (stagger && previousStaggerStart !== staggerStart) {
+      setupStaggerAnimations(stagger);
+    }
+    setPreviousStaggerStart(staggerStart);
+  }, [previousStaggerStart, staggerStart, stagger]);
+  useEffect(() => {
+    if (parallel && previousParallelStart !== parallelStart) {
+      setupParallelAnimations(parallel);
+    }
+    setPreviousParallelStart(parallelStart);
+  }, [previousParallelStart, parallelStart, parallel]);
+  useEffect(() => {
+    if (sequence && previousSequenceStart !== sequenceStart) {
+      setupSequenceAnimations(sequence);
+    }
+    setPreviousSequenceStart(sequenceStart);
+  }, [previousSequenceStart, sequenceStart, sequence]);
+  useEffect(() => {
+    if (delay && previousDelayStart !== delayStart) {
+      setupDelayAnimations(delay);
+    }
+    setPreviousDelayStart(delayStart);
+  }, [previousDelayStart, delayStart, delay]);
+}
+//# sourceMappingURL=useAnimationTimeline.js.map

package/lib/module/hooks/useAnimationTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Animated","useAnimationTimeline","config","delay","parallel","sequence","stagger","staggerStart","Boolean","start","delayStart","sequenceStart","parallelStart","previousDelayStart","setPreviousDelayStart","previousStaggerStart","setPreviousStaggerStart","previousSequenceStart","setPreviousSequenceStart","previousParallelStart","setPreviousParallelStart","getBaseAnimations","timeline","compositions","elements","forEach","values","animations","configuration","definitions","keys","Object","map","key","elementCompositions","index","value","lastValue","length","nativeAnimation","loop","useNativeDriver","base","timing","toValue","duration","push","setupParallelAnimations","onStarted","onFinished","setupSequenceAnimations","setupStaggerAnimations","setupDelayAnimations"],"sourceRoot":"../../src","sources":["useAnimationTimeline.ts"],"mappings":"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"}

package/lib/module/hooks/useAppState.js

@@ -0,0 +1,21 @@
+import { useCallback, useEffect } from "react";
+import { AppState } from "react-native";
+export function useAppState(_ref) {
+  let {
+    onForeground,
+    onBackground
+  } = _ref;
+  const handleAppStateChange = useCallback(state => {
+    if (state.match(/background|inactive/)) {
+      onBackground === null || onBackground === void 0 ? void 0 : onBackground();
+    }
+    if (state === "active") {
+      onForeground === null || onForeground === void 0 ? void 0 : onForeground();
+    }
+  }, [onBackground, onForeground]);
+  useEffect(() => {
+    const event = AppState.addEventListener("change", handleAppStateChange);
+    return event.remove;
+  }, [handleAppStateChange]);
+}
+//# sourceMappingURL=useAppState.js.map

package/lib/module/hooks/useAppState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","AppState","useAppState","onForeground","onBackground","handleAppStateChange","state","match","event","addEventListener","remove"],"sourceRoot":"../../src","sources":["useAppState.ts"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAC9C,SAASC,QAAQ,QAAwB,cAAc;AAOvD,OAAO,SAASC,WAAW,OAAyC;EAAA,IAAxC;IAAEC,YAAY;IAAEC;EAAqB,CAAC;EAChE,MAAMC,oBAAoB,GAAGN,WAAW,CACrCO,KAAqB,IAAK;IACzB,IAAIA,KAAK,CAACC,KAAK,CAAC,qBAAqB,CAAC,EAAE;MACtCH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,EAAI;IAClB;IACA,IAAIE,KAAK,KAAK,QAAQ,EAAE;MACtBH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,EAAI;IAClB;EACF,CAAC,EACD,CAACC,YAAY,EAAED,YAAY,CAAC,CAC7B;EAEDH,SAAS,CAAC,MAAM;IACd,MAAMQ,KAAK,GAAGP,QAAQ,CAACQ,gBAAgB,CAAC,QAAQ,EAAEJ,oBAAoB,CAAC;IACvE,OAAOG,KAAK,CAACE,MAAM;EACrB,CAAC,EAAE,CAACL,oBAAoB,CAAC,CAAC;AAC5B"}

package/lib/module/hooks/useForm.js

@@ -0,0 +1,159 @@
+import { useEffect, useState } from "react";
+/** One-fits-all solution to manage state changes, field validation and optional entries within a form.
+ * @example <caption>Simple use case:</caption>
+ *  const { state, validation, update } = useForm({ email: '', password: '', });
+ *
+ *
+ * @example <caption>For more complex form states (ie one field can be of multiple types), you should pass the form's type:</caption>
+ * const { state, validation, update } = useForm<{ numericOrUndefined: number | undefined }>({ numericOrUndefined: undefined }, { rules: { numericOrUndefined: (value: number | undefined): boolean | undefined => ... }});
+ *
+ */
+export function useForm(values, config) {
+  const keys = Object.keys(values);
+  const [validation, setValidation] = useState({});
+  const [initialState, setInitialState] = useState(values);
+  const [state, setState] = useState(values);
+  const {
+    fieldValidation,
+    stateValidation,
+    isOptional
+  } = useFormUtils(config);
+  useEffect(() => {
+    const changed = keys.filter(key => values[key] !== initialState[key]);
+    if (!changed.length) {
+      return;
+    }
+    const updatedState = {
+      ...state
+    };
+    changed.forEach(key => updatedState[key] = values[key]);
+    setInitialState({
+      ...values,
+      ...updatedState
+    });
+    setState(updatedState);
+  }, [values]);
+
+  /** This function updates the specific property with a new value and validates it if it needs to do so.
+   * @example <caption>Usage:</caption>
+   * <TextInput ... onChange={(event) => update("nameOfProp", event.nativeEvent.text, false)} onBlur={(event) => update("nameOfProp", event.nativeEvent.text, true)}
+   *  */
+  function update(key, value, shouldValidate) {
+    setState(s => ({
+      ...s,
+      [key]: value
+    }));
+    setValidation(s => ({
+      ...s,
+      [key]: shouldValidate ? fieldValidation(key, value, state) : undefined
+    }));
+  }
+  function validate(key) {
+    setValidation(s => ({
+      ...s,
+      [key]: fieldValidation(key, state[key], state)
+    }));
+  }
+
+  /** Validate entire form, store validation state and return validation value.
+   * In human readable terms, use this when you want to validate the form on submit.
+   */
+  function validateForm() {
+    const formValidationState = stateValidation(state);
+    setValidation(formValidationState.validation);
+    return formValidationState.valid;
+  }
+
+  /** Boolean value of whether the form is valid (ie can be submitted). Use this to disable/enable form submission.
+   * Only use when validating fields separately, has no value when valiating on form submit. */
+  function isFormValid() {
+    return !keys.some(key => isOptional(key) ? validation[key] === false : !validation[key]);
+  }
+
+  /** Resets changed values to initial state */
+  function resetState() {
+    setState(values);
+  }
+
+  /** Re-initializes initial state from currently passed values. Use this if you need to reinitialize the form after the source values change, i.e. if a different state object comes into play after submitting the form (such as reducer data or API endpoint response data) */
+  function resetInitialValues() {
+    setInitialState(values);
+  }
+
+  /** Resets validation to initial state. */
+  function resetValidation() {
+    setValidation({});
+  }
+
+  /** Resets entire form, state and validation included */
+  function clearForm() {
+    resetInitialValues();
+    resetState();
+    resetValidation();
+  }
+  return {
+    state,
+    validation,
+    update,
+    validate,
+    validateForm,
+    isFormValid,
+    clearForm,
+    resetState,
+    resetValidation,
+    resetInitialValues
+  };
+}
+
+/** Helper hook to validate form state outside of the scope of useForm. */
+export function useFormUtils(config) {
+  function doesValueExist(value) {
+    if (value === null || value === undefined || value === "" || value < 0) {
+      return false;
+    }
+    return true;
+  }
+  function validateByRule(key, value, state) {
+    // If rule exists, validate with rule
+    if (config !== null && config !== void 0 && config.rules && config.rules[key]) {
+      var _config$rules$key, _config$rules;
+      return (_config$rules$key = (_config$rules = config.rules)[key]) === null || _config$rules$key === void 0 ? void 0 : _config$rules$key.call(_config$rules, value, state);
+    }
+    // else return true because we know the value exists already.
+    return true;
+  }
+  function isOptional(key) {
+    var _config$optional;
+    return config === null || config === void 0 ? void 0 : (_config$optional = config.optional) === null || _config$optional === void 0 ? void 0 : _config$optional.includes(key);
+  }
+  function fieldValidation(key, value, state) {
+    const hasValue = doesValueExist(value);
+    const optional = isOptional(key);
+    if (!hasValue) {
+      return !!optional;
+    } else {
+      return validateByRule(key, value, state);
+    }
+  }
+  function stateValidation(state) {
+    const keys = Object.keys(state).map(key => key);
+    const validation = {};
+    keys.forEach(key => {
+      const value = state[key];
+      // Force true / false values for entire form. Undefined has no value when submitting.
+      validation[key] = fieldValidation(key, value, state) || false;
+    });
+    return {
+      valid: !keys.some(key => !validation[key]),
+      validation
+    };
+  }
+  return {
+    doesValueExist,
+    validateByRule,
+    isOptional,
+    fieldValidation,
+    stateValidation
+  };
+}
+//# sourceMappingURL=useForm.js.map

package/lib/module/hooks/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useForm","values","config","keys","Object","validation","setValidation","initialState","setInitialState","state","setState","fieldValidation","stateValidation","isOptional","useFormUtils","changed","filter","key","length","updatedState","forEach","update","value","shouldValidate","s","undefined","validate","validateForm","formValidationState","valid","isFormValid","some","resetState","resetInitialValues","resetValidation","clearForm","doesValueExist","validateByRule","rules","optional","includes","hasValue","map"],"sourceRoot":"../../src","sources":["useForm.ts"],"mappings":"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"}

package/lib/module/hooks/useSkeletor.js

@@ -0,0 +1,6 @@
+import { useContext } from "react";
+import { SkeletorContext } from "../components";
+export function useSkeletor() {
+  return useContext(SkeletorContext);
+}
+//# sourceMappingURL=useSkeletor.js.map

package/lib/module/hooks/useSkeletor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","SkeletorContext","useSkeletor"],"sourceRoot":"../../src","sources":["useSkeletor.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,eAAe,QAAQ,eAAe;AAE/C,OAAO,SAASC,WAAW,GAAmB;EAC5C,OAAOF,UAAU,CAACC,eAAe,CAAC;AACpC"}

package/lib/module/index.js

@@ -0,0 +1,5 @@
+export * from "./components";
+export * from "./hooks";
+export * from "./models";
+export * from "./utils";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS"}

package/lib/module/models/Alignment.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Alignment.js.map

package/lib/module/models/Alignment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["Alignment.ts"],"mappings":""}

package/lib/module/models/Border.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Border.js.map

package/lib/module/models/Border.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["Border.ts"],"mappings":""}

package/lib/module/models/Size.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Size.js.map

package/lib/module/models/Size.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["Size.ts"],"mappings":""}

package/lib/module/models/SkeletorConfig.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=SkeletorConfig.js.map