@prototyp/skeletor 1.0.3 → 1.0.5

package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js

@@ -21,13 +21,11 @@ export const InputFocusScrollView = _ref => {
   } = _ref;
   const screenHeight = useRef(Dimensions.get("screen").height).current;
   const ref = useRef(null);
-  const [scrollTarget, setScrollTarget] = useState();
   /** Cached scroll position to keep focus on input if layout shifts. */
-  const [scrollPosition, setScrollPosition] = useState();
+  const [scrollPosition, setScrollPosition] = useState(null);
+  const [scrollTarget, setScrollTarget] = useState(null);
   function onInputFocus(e) {
-    if (Platform.OS !== "ios" || !scrollTarget) {
-      return;
-    }
+    if (Platform.OS !== "ios" || !scrollTarget) return;
     e.currentTarget.measureLayout(scrollTarget, (nope, top, nuuh, elementHeight) => {
       var _ref$current;
       let scrollY = top - elementHeight;
@@ -43,12 +41,6 @@ export const InputFocusScrollView = _ref => {
       });
     }, () => console.error("failed to measure layout"));
   }
-  function onScrollViewLayout(e) {
-    if (Platform.OS !== "ios") {
-      return;
-    }
-    setScrollTarget(e.nativeEvent.target);
-  }
 
   /** Handle layout shifts by programmatically scrolling to the same input position without animation. */
   function onContentSizeChange() {
@@ -60,7 +52,7 @@ export const InputFocusScrollView = _ref => {
       y: scrollPosition,
       animated: false
     });
-    setScrollPosition(undefined);
+    setScrollPosition(null);
   }
   const containerStyles = StyleSheet.flatten([styles[height], margins, style]);
   const contentStyles = StyleSheet.flatten([styles.content, {
@@ -70,7 +62,7 @@ export const InputFocusScrollView = _ref => {
     ref: ref,
     scrollToOverflowEnabled: true,
     scrollEventThrottle: 16,
-    onLayout: onScrollViewLayout,
+    onLayout: e => setScrollTarget(e.currentTarget),
     onContentSizeChange: onContentSizeChange,
     showsVerticalScrollIndicator: false,
     showsHorizontalScrollIndicator: false,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","Platform","ScrollView","StyleSheet","Dimensions","InputFocusScrollView","children","style","contentContainerStyle","height","focusPositionOffset","margins","paddings","rest","screenHeight","get","current","ref","scrollTarget","setScrollTarget","scrollPosition","setScrollPosition","onInputFocus","e","OS","currentTarget","measureLayout","nope","top","nuuh","elementHeight","scrollY","undefined","scrollTo","y","console","error","onScrollViewLayout","nativeEvent","target","onContentSizeChange","animated","containerStyles","flatten","styles","contentStyles","content","create","full","auto","flexGrow","paddingBottom"],"sourceRoot":"../../src","sources":["InputFocusScrollView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useRef","useState","Platform","ScrollView","StyleSheet","Dimensions","InputFocusScrollView","children","style","contentContainerStyle","height","focusPositionOffset","margins","paddings","rest","screenHeight","get","current","ref","scrollPosition","setScrollPosition","scrollTarget","setScrollTarget","onInputFocus","e","OS","currentTarget","measureLayout","nope","top","nuuh","elementHeight","scrollY","undefined","scrollTo","y","console","error","onContentSizeChange","animated","containerStyles","flatten","styles","contentStyles","content","create","full","auto","flexGrow","paddingBottom"],"sourceRoot":"../../src","sources":["InputFocusScrollView.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/C,SACEC,QAAQ,EAGRC,UAAU,EAEVC,UAAU,EAEVC,UAAU,QAIL,cAAc;AAcrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAyD,GAAG,QASnE;EAAA,IAToE;IACxEC,QAAQ;IACRC,KAAK;IACLC,qBAAqB;IACrBC,MAAM,GAAG,MAAM;IACfC,mBAAmB,GAAG,GAAG;IACzBC,OAAO;IACPC,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,MAAMC,YAAY,GAAGf,MAAM,CAACK,UAAU,CAACW,GAAG,CAAC,QAAQ,CAAC,CAACN,MAAM,CAAC,CAACO,OAAO;EACpE,MAAMC,GAAG,GAAGlB,MAAM,CAAa,IAAI,CAAC;EACpC;EACA,MAAM,CAACmB,cAAc,EAAEC,iBAAiB,CAAC,GAAGnB,QAAQ,CAAgB,IAAI,CAAC;EACzE,MAAM,CAACoB,YAAY,EAAEC,eAAe,CAAC,GAAGrB,QAAQ,CAAgB,IAAI,CAAC;EAErE,SAASsB,YAAY,CAACC,CAAgD,EAAE;IACtE,IAAItB,QAAQ,CAACuB,EAAE,KAAK,KAAK,IAAI,CAACJ,YAAY,EAAE;IAE3CG,CAAC,CAACE,aAAa,CAA0BC,aAAa,CACrDN,YAAY,EACZ,CAACO,IAAI,EAAEC,GAAG,EAAEC,IAAI,EAAEC,aAAa,KAAK;MAAA;MAClC,IAAIC,OAAO,GAAGH,GAAG,GAAGE,aAAa;MACjC,IAAIpB,mBAAmB,KAAKsB,SAAS,EAAE;QACrCD,OAAO,GAAGA,OAAO,GAAGjB,YAAY,GAAGJ,mBAAmB;MACxD;;MAEA;MACAS,iBAAiB,CAACY,OAAO,CAAC;MAC1B;MACA,gBAAAd,GAAG,CAACD,OAAO,iDAAX,aAAaiB,QAAQ,CAAC;QAAEC,CAAC,EAAEH;MAAQ,CAAC,CAAC;IACvC,CAAC,EACD,MAAMI,OAAO,CAACC,KAAK,CAAC,0BAA0B,CAAC,CAChD;EACH;;EAEA;EACA,SAASC,mBAAmB,GAAG;IAAA;IAC7B,IAAIpC,QAAQ,CAACuB,EAAE,KAAK,KAAK,IAAI,CAACN,cAAc,EAAE;MAC5C;IACF;IACA,iBAAAD,GAAG,CAACD,OAAO,kDAAX,cAAaiB,QAAQ,CAAC;MAAEC,CAAC,EAAEhB,cAAc;MAAEoB,QAAQ,EAAE;IAAM,CAAC,CAAC;IAC7DnB,iBAAiB,CAAC,IAAI,CAAC;EACzB;EAEA,MAAMoB,eAAe,GAAGpC,UAAU,CAACqC,OAAO,CAAC,CAACC,MAAM,CAAChC,MAAM,CAAC,EAAEE,OAAO,EAAEJ,KAAK,CAAC,CAAC;EAE5E,MAAMmC,aAAa,GAAGvC,UAAU,CAACqC,OAAO,CAAC,CACvCC,MAAM,CAACE,OAAO,EACd;IAAE,GAAG/B;EAAS,CAAC,EACfJ,qBAAqB,CACtB,CAAC;EAEF,oBACE,oBAAC,UAAU;IACT,GAAG,EAAES,GAAI;IACT,uBAAuB;IACvB,mBAAmB,EAAE,EAAG;IACxB,QAAQ,EAAGM,CAAC,IAAKF,eAAe,CAACE,CAAC,CAACE,aAAa,CAAE;IAClD,mBAAmB,EAAEY,mBAAoB;IACzC,4BAA4B,EAAE,KAAM;IACpC,8BAA8B,EAAE,KAAM;IACtC,KAAK,EAAEE,eAAgB;IACvB,qBAAqB,EAAEG;EAAc,GACjC7B,IAAI,GAEPP,QAAQ,CAACgB,YAAY,CAAC,CACZ;AAEjB,CAAC;AAED,MAAMmB,MAAM,GAAGtC,UAAU,CAACyC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IAAEpC,MAAM,EAAE;EAAO,CAAC;EACxBqC,IAAI,EAAE;IAAErC,MAAM,EAAE;EAAO,CAAC;EACxBkC,OAAO,EAAE;IACPI,QAAQ,EAAE,CAAC;IACXC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/models/Border.js

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

package/lib/module/models/Size.js

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

package/lib/module/models/Spacing.js

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

package/lib/typescript/lib/module/components/Block/Block.d.ts

@@ -1,4 +1,4 @@
 export function Block(_ref2: any): React.FunctionComponentElement<any> | React.CElement<import("react-native").ScrollViewProps, ScrollView>;
 import React from "react";
-import { ScrollView } from "react-native";
+import { ScrollView } from "react-native/Libraries/Components/ScrollView/ScrollView";
 //# sourceMappingURL=Block.d.ts.map

package/lib/typescript/lib/module/components/InputFocusScrollView/InputFocusScrollView.d.ts

@@ -1,4 +1,4 @@
 export function InputFocusScrollView(_ref: any): React.CElement<import("react-native").ScrollViewProps, ScrollView>;
-import { ScrollView } from "react-native";
+import { ScrollView } from "react-native/Libraries/Components/ScrollView/ScrollView";
 import React from "react";
 //# sourceMappingURL=InputFocusScrollView.d.ts.map

package/lib/typescript/lib/module/components/InputFocusScrollView/InputFocusScrollView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputFocusScrollView.d.ts","sourceRoot":"","sources":["../../../../../module/components/InputFocusScrollView/InputFocusScrollView.js"],"names":[],"mappings":"AAUO,oHAqEN"}
+{"version":3,"file":"InputFocusScrollView.d.ts","sourceRoot":"","sources":["../../../../../module/components/InputFocusScrollView/InputFocusScrollView.js"],"names":[],"mappings":"AAUO,oHA6DN"}

package/lib/typescript/lib/module/components/Text/Text.d.ts

@@ -1,4 +1,4 @@
 export function Text(_ref: any): React.CElement<import("react-native").TextProps, RNText>;
-import { Text as RNText } from "react-native";
+import { Text as RNText } from "react-native/Libraries/Text/Text";
 import React from "react";
 //# sourceMappingURL=Text.d.ts.map

package/lib/typescript/lib/module/hooks/useAnimation.d.ts

@@ -5,5 +5,5 @@ export function useAnimation(styles: any, configuration: any): {
     configuration: any;
     definitions: any;
 };
-import { Animated } from "react-native";
+import { Animated } from "react-native/Libraries/Animated/Animated";
 //# sourceMappingURL=useAnimation.d.ts.map

package/lib/typescript/lib/module/models/Border.d.ts

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=Border.d.ts.map

package/lib/typescript/lib/module/models/Size.d.ts

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=Size.d.ts.map

package/lib/typescript/lib/module/models/Spacing.d.ts

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=Spacing.d.ts.map

package/lib/typescript/lib/module/models/index.d.ts

@@ -1,2 +1,5 @@
 export * from "./Alignment";
+export * from "./Border";
+export * from "./Size";
+export * from "./Spacing";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
+import React from "react";
 import { NativeSyntheticEvent, ScrollViewProps, TextInputFocusEventData } from "react-native";
 import { Spacing } from "../../models";
 export interface InputFocusScrollViewProps extends Omit<ScrollViewProps, "children">, Spacing {
@@ -14,5 +14,5 @@ export interface InputFocusScrollViewProps extends Omit<ScrollViewProps, "childr
  * @example <InputFocusScrollView>{(onInputFocus) => <TextInput onFocus={onInputFocus} ... />}</InputFocusScrollView>
  * NOTE: This works on iOS only, Android does this by default with @param android:windowSoftInputMode
  */
-export declare const InputFocusScrollView: React.FC<PropsWithChildren<InputFocusScrollViewProps>>;
+export declare const InputFocusScrollView: React.FC<InputFocusScrollViewProps>;
 //# sourceMappingURL=InputFocusScrollView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputFocusScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/components/InputFocusScrollView/InputFocusScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAoB,MAAM,OAAO,CAAC;AACnE,OAAO,EAGL,oBAAoB,EAEpB,eAAe,EAEf,uBAAuB,EAExB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,OAAO;IACT,4LAA4L;IAC5L,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,CACR,YAAY,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAAK,IAAI,KACrE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC,iBAAiB,CAAC,yBAAyB,CAAC,CA8E7C,CAAC"}
+{"version":3,"file":"InputFocusScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/components/InputFocusScrollView/InputFocusScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAGL,oBAAoB,EAEpB,eAAe,EAEf,uBAAuB,EAKxB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,OAAO;IACT,4LAA4L;IAC5L,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,CACR,YAAY,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAAK,IAAI,KACrE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAqEpE,CAAC"}

package/lib/typescript/src/models/Border.d.ts

@@ -1,3 +1,4 @@
+import { AnimatableNumericValue } from "react-native/types";
 export interface Border {
     border?: {
         borderWidth?: number;
@@ -6,11 +7,11 @@ export interface Border {
         borderLeftWidth?: number;
         borderRightWidth?: number;
         borderColor?: string;
-        borderRadius?: number;
-        borderTopLeftRadius?: number;
-        borderTopRightRadius?: number;
-        borderBottomLeftRadius?: number;
-        borderBottomRightRadius?: number;
+        borderRadius?: AnimatableNumericValue;
+        borderTopLeftRadius?: AnimatableNumericValue;
+        borderTopRightRadius?: AnimatableNumericValue;
+        borderBottomLeftRadius?: AnimatableNumericValue;
+        borderBottomRightRadius?: AnimatableNumericValue;
     };
 }
 //# sourceMappingURL=Border.d.ts.map

package/lib/typescript/src/models/Border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Border.d.ts","sourceRoot":"","sources":["../../../../src/models/Border.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC,uBAAuB,CAAC,EAAE,MAAM,CAAC;KAClC,CAAC;CACH"}
+{"version":3,"file":"Border.d.ts","sourceRoot":"","sources":["../../../../src/models/Border.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,WAAW,MAAM;IACrB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,sBAAsB,CAAC;QACtC,mBAAmB,CAAC,EAAE,sBAAsB,CAAC;QAC7C,oBAAoB,CAAC,EAAE,sBAAsB,CAAC;QAC9C,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;QAChD,uBAAuB,CAAC,EAAE,sBAAsB,CAAC;KAClD,CAAC;CACH"}

package/lib/typescript/src/models/Size.d.ts

@@ -1,10 +1,11 @@
+import { DimensionValue } from "react-native/types";
 export interface Size {
-    width?: number | string;
-    height?: number | string;
-    minHeight?: number | string;
-    minWidth?: number | string;
-    maxHeight?: number | string;
-    maxWidth?: number | string;
+    width?: DimensionValue;
+    height?: DimensionValue;
+    minHeight?: DimensionValue;
+    minWidth?: DimensionValue;
+    maxHeight?: DimensionValue;
+    maxWidth?: DimensionValue;
     flex?: number;
 }
 //# sourceMappingURL=Size.d.ts.map

package/lib/typescript/src/models/Size.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Size.d.ts","sourceRoot":"","sources":["../../../../src/models/Size.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"Size.d.ts","sourceRoot":"","sources":["../../../../src/models/Size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,IAAI;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/lib/typescript/src/models/Spacing.d.ts

@@ -1,21 +1,22 @@
+import { DimensionValue } from "react-native/types";
 export interface Spacing {
     margins?: {
-        marginTop?: number | string;
-        marginBottom?: number | string;
-        marginLeft?: number | string;
-        marginRight?: number | string;
-        marginHorizontal?: number | string;
-        marginVertical?: number | string;
-        margin?: number | string;
+        marginTop?: DimensionValue;
+        marginBottom?: DimensionValue;
+        marginLeft?: DimensionValue;
+        marginRight?: DimensionValue;
+        marginHorizontal?: DimensionValue;
+        marginVertical?: DimensionValue;
+        margin?: DimensionValue;
     };
     paddings?: {
-        paddingTop?: number | string;
-        paddingBottom?: number | string;
-        paddingLeft?: number | string;
-        paddingRight?: number | string;
-        paddingHorizontal?: number | string;
-        paddingVertical?: number | string;
-        padding?: number | string;
+        paddingTop?: DimensionValue;
+        paddingBottom?: DimensionValue;
+        paddingLeft?: DimensionValue;
+        paddingRight?: DimensionValue;
+        paddingHorizontal?: DimensionValue;
+        paddingVertical?: DimensionValue;
+        padding?: DimensionValue;
     };
 }
 //# sourceMappingURL=Spacing.d.ts.map

package/lib/typescript/src/models/Spacing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../../src/models/Spacing.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC9B,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACnC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACjC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC/B,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACpC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAClC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC3B,CAAC;CACH"}
+{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../../src/models/Spacing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,OAAO;IACtB,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,cAAc,CAAC;QAC3B,YAAY,CAAC,EAAE,cAAc,CAAC;QAC9B,UAAU,CAAC,EAAE,cAAc,CAAC;QAC5B,WAAW,CAAC,EAAE,cAAc,CAAC;QAC7B,gBAAgB,CAAC,EAAE,cAAc,CAAC;QAClC,cAAc,CAAC,EAAE,cAAc,CAAC;QAChC,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,cAAc,CAAC;QAC5B,aAAa,CAAC,EAAE,cAAc,CAAC;QAC/B,WAAW,CAAC,EAAE,cAAc,CAAC;QAC7B,YAAY,CAAC,EAAE,cAAc,CAAC;QAC9B,iBAAiB,CAAC,EAAE,cAAc,CAAC;QACnC,eAAe,CAAC,EAAE,cAAc,CAAC;QACjC,OAAO,CAAC,EAAE,cAAc,CAAC;KAC1B,CAAC;CACH"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@prototyp/skeletor",
   "description": "React-Native UI and functional toolkit",
   "author": "Luka Buljan <luka@prototyp.digital>",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "types": "lib/typescript/src/index.d.ts",
   "main": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -16,18 +16,21 @@
     "prepack": "bob build"
   },
   "devDependencies": {
-    "@tsconfig/react-native": "2.0.3",
+    "@tsconfig/react-native": "^3.0.0",
     "@types/jest": "29.4.0",
-    "@types/react-native": "0.70.6",
+    "@types/react": "^18.0.24",
+    "@react-native-community/eslint-config": "3.2.0",
+    "@react-native/eslint-config": "^0.72.2",
+    "@react-native/metro-config": "^0.72.9",
     "jest": "29.4.2",
-    "react": "18.1.0",
-    "react-native": "0.70.5",
+    "react": "^18.2.0",
+    "react-native": "^0.72.0",
     "react-native-builder-bob": "0.20.3",
-    "typescript": "4.8.3"
+    "typescript": "4.8.4"
   },
   "peerDependencies": {
     "react": ">=16",
-    "react-native": ">=0.70.5"
+    "react-native": ">=0.72.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/InputFocusScrollView/InputFocusScrollView.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, useRef, useState } from "react";
+import React, { useRef, useState } from "react";
 import {
   Platform,
   LayoutChangeEvent,
@@ -8,6 +8,9 @@ import {
   StyleSheet,
   TextInputFocusEventData,
   Dimensions,
+  UIManager,
+  findNodeHandle,
+  TextInput,
 } from "react-native";
 import { Spacing } from "../../models";
 
@@ -29,9 +32,7 @@ export interface InputFocusScrollViewProps
  * @example <InputFocusScrollView>{(onInputFocus) => <TextInput onFocus={onInputFocus} ... />}</InputFocusScrollView>
  * NOTE: This works on iOS only, Android does this by default with @param android:windowSoftInputMode
  */
-export const InputFocusScrollView: React.FC<
-  PropsWithChildren<InputFocusScrollViewProps>
-> = ({
+export const InputFocusScrollView: React.FC<InputFocusScrollViewProps> = ({
   children,
   style,
   contentContainerStyle,
@@ -43,15 +44,14 @@ export const InputFocusScrollView: React.FC<
 }) => {
   const screenHeight = useRef(Dimensions.get("screen").height).current;
   const ref = useRef<ScrollView>(null);
-  const [scrollTarget, setScrollTarget] = useState<number | null>();
   /** Cached scroll position to keep focus on input if layout shifts. */
-  const [scrollPosition, setScrollPosition] = useState<number | null>();
+  const [scrollPosition, setScrollPosition] = useState<number | null>(null);
+  const [scrollTarget, setScrollTarget] = useState<number | null>(null);
 
   function onInputFocus(e: NativeSyntheticEvent<TextInputFocusEventData>) {
-    if (Platform.OS !== "ios" || !scrollTarget) {
-      return;
-    }
-    e.currentTarget.measureLayout(
+    if (Platform.OS !== "ios" || !scrollTarget) return;
+
+    (e.currentTarget as unknown as TextInput).measureLayout(
       scrollTarget,
       (nope, top, nuuh, elementHeight) => {
         let scrollY = top - elementHeight;
@@ -68,20 +68,13 @@ export const InputFocusScrollView: React.FC<
     );
   }
 
-  function onScrollViewLayout(e: LayoutChangeEvent) {
-    if (Platform.OS !== "ios") {
-      return;
-    }
-    setScrollTarget(e.nativeEvent.target);
-  }
-
   /** Handle layout shifts by programmatically scrolling to the same input position without animation. */
   function onContentSizeChange() {
     if (Platform.OS !== "ios" || !scrollPosition) {
       return;
     }
     ref.current?.scrollTo({ y: scrollPosition, animated: false });
-    setScrollPosition(undefined);
+    setScrollPosition(null);
   }
 
   const containerStyles = StyleSheet.flatten([styles[height], margins, style]);
@@ -97,7 +90,7 @@ export const InputFocusScrollView: React.FC<
       ref={ref}
       scrollToOverflowEnabled
       scrollEventThrottle={16}
-      onLayout={onScrollViewLayout}
+      onLayout={(e) => setScrollTarget(e.currentTarget)}
       onContentSizeChange={onContentSizeChange}
       showsVerticalScrollIndicator={false}
       showsHorizontalScrollIndicator={false}

package/src/models/Border.ts

@@ -1,3 +1,5 @@
+import { AnimatableNumericValue } from "react-native/types";
+
 export interface Border {
   border?: {
     borderWidth?: number;
@@ -6,10 +8,10 @@ export interface Border {
     borderLeftWidth?: number;
     borderRightWidth?: number;
     borderColor?: string;
-    borderRadius?: number;
-    borderTopLeftRadius?: number;
-    borderTopRightRadius?: number;
-    borderBottomLeftRadius?: number;
-    borderBottomRightRadius?: number;
+    borderRadius?: AnimatableNumericValue;
+    borderTopLeftRadius?: AnimatableNumericValue;
+    borderTopRightRadius?: AnimatableNumericValue;
+    borderBottomLeftRadius?: AnimatableNumericValue;
+    borderBottomRightRadius?: AnimatableNumericValue;
   };
 }

package/src/models/Size.ts

@@ -1,9 +1,11 @@
+import { DimensionValue } from "react-native/types";
+
 export interface Size {
-  width?: number | string;
-  height?: number | string;
-  minHeight?: number | string;
-  minWidth?: number | string;
-  maxHeight?: number | string;
-  maxWidth?: number | string;
+  width?: DimensionValue;
+  height?: DimensionValue;
+  minHeight?: DimensionValue;
+  minWidth?: DimensionValue;
+  maxHeight?: DimensionValue;
+  maxWidth?: DimensionValue;
   flex?: number;
 }

package/src/models/Spacing.ts

@@ -1,20 +1,22 @@
+import { DimensionValue } from "react-native/types";
+
 export interface Spacing {
   margins?: {
-    marginTop?: number | string;
-    marginBottom?: number | string;
-    marginLeft?: number | string;
-    marginRight?: number | string;
-    marginHorizontal?: number | string;
-    marginVertical?: number | string;
-    margin?: number | string;
+    marginTop?: DimensionValue;
+    marginBottom?: DimensionValue;
+    marginLeft?: DimensionValue;
+    marginRight?: DimensionValue;
+    marginHorizontal?: DimensionValue;
+    marginVertical?: DimensionValue;
+    margin?: DimensionValue;
   };
   paddings?: {
-    paddingTop?: number | string;
-    paddingBottom?: number | string;
-    paddingLeft?: number | string;
-    paddingRight?: number | string;
-    paddingHorizontal?: number | string;
-    paddingVertical?: number | string;
-    padding?: number | string;
+    paddingTop?: DimensionValue;
+    paddingBottom?: DimensionValue;
+    paddingLeft?: DimensionValue;
+    paddingRight?: DimensionValue;
+    paddingHorizontal?: DimensionValue;
+    paddingVertical?: DimensionValue;
+    padding?: DimensionValue;
   };
 }