@prototyp/skeletor 1.0.2 → 1.0.4

package/README.md

@@ -13,24 +13,25 @@ Add the SkeletorProvider component as the (or one of) top wrapper of your applic
 ```javascript
 /// index.js
 const App = () => {
-    return (
-        <SkeletorProvider>
-            <StoreProvider>
-                <RootNavigator />
-            </StoreProvider>
-        </SkeletorProvider>
-    );
+  return (
+    <SkeletorProvider>
+      <StoreProvider>
+        <RootNavigator />
+      </StoreProvider>
+    </SkeletorProvider>
+  );
 };
 ```
 
 Configure the SkeletorProvider properties with whatever you desire. Here is the list of all configurable properties for the SkeletorProvider component:
 
 ```javascript
-type SkeletorConfig = {
-    defaultFont: Font,
-    defaultFontSize: number,
-    defaultStatusBarType: "dark-content" | "light-content" | "default",
-};
+interface SkeletorConfig {
+  defaultFont: Font | undefined;
+  defaultFontSize: [number, number] | number;
+  defaultStatusBarType: "dark-content" | "light-content" | "default";
+  defaultTextColor: string;
+}
 ```
 
 For Skeletor to detect the fonts you have added, you will have to create a type defintion file to override the existing Font type like in the following example:
@@ -43,7 +44,7 @@ type Font = "Helvetica" | "Roboto" | "San Francisco";
 Then you can configure the `defaultFont` property as follows:
 
 ```javascript
-<SkeletorProvider defaultFont="Arial">...</SkeletorProvider>
+<SkeletorProvider defaultFont="Helvetica">...</SkeletorProvider>
 ```
 
 To get access to the skeletor styles in other components, you can use the provided `useSkeletor` hook that will return the entire Skeletor configuration object. For instance:
@@ -115,11 +116,11 @@ To use the `Text` component, simply import it and pass in the desired props.
 import { Text } from "./Text";
 
 function MyComponent() {
-    return (
-        <Text font="Arial" size={[14, 18]} color="#333" textAlign="center">
-            Hello World!
-        </Text>
-    );
+  return (
+    <Text font="Arial" size={[14, 18]} color="#333" textAlign="center">
+      Hello World!
+    </Text>
+  );
 }
 ```
 
@@ -186,12 +187,12 @@ Use cases are many, but simple. This component is intended to be used as a build
 
 ```typescript
 <Block
-    maxHeight="75%"
-    flexDirection="row"
-    align="flex-start"
-    justify="space-between"
+  maxHeight="75%"
+  flexDirection="row"
+  align="flex-start"
+  justify="space-between"
 >
-    ... ...
+  ... ...
 </Block>
 ```
 

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":";AAAA,OAAOA,KAAK,IAAuBC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAClE,SACEC,QAAQ,EAGRC,UAAU,EAEVC,UAAU,EAEVC,UAAU,QACL,cAAc;AAcrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAEZ,GAAG,QASE;EAAA,IATD;IACHC,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,MAAM,CAACmB,YAAY,EAAEC,eAAe,CAAC,GAAGnB,QAAQ,EAAiB;EACjE;EACA,MAAM,CAACoB,cAAc,EAAEC,iBAAiB,CAAC,GAAGrB,QAAQ,EAAiB;EAErE,SAASsB,YAAY,CAACC,CAAgD,EAAE;IACtE,IAAItB,QAAQ,CAACuB,EAAE,KAAK,KAAK,IAAI,CAACN,YAAY,EAAE;MAC1C;IACF;IACAK,CAAC,CAACE,aAAa,CAACC,aAAa,CAC3BR,YAAY,EACZ,CAACS,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;MACAW,iBAAiB,CAACU,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,SAASC,kBAAkB,CAACd,CAAoB,EAAE;IAChD,IAAItB,QAAQ,CAACuB,EAAE,KAAK,KAAK,EAAE;MACzB;IACF;IACAL,eAAe,CAACI,CAAC,CAACe,WAAW,CAACC,MAAM,CAAC;EACvC;;EAEA;EACA,SAASC,mBAAmB,GAAG;IAAA;IAC7B,IAAIvC,QAAQ,CAACuB,EAAE,KAAK,KAAK,IAAI,CAACJ,cAAc,EAAE;MAC5C;IACF;IACA,iBAAAH,GAAG,CAACD,OAAO,kDAAX,cAAaiB,QAAQ,CAAC;MAAEC,CAAC,EAAEd,cAAc;MAAEqB,QAAQ,EAAE;IAAM,CAAC,CAAC;IAC7DpB,iBAAiB,CAACW,SAAS,CAAC;EAC9B;EAEA,MAAMU,eAAe,GAAGvC,UAAU,CAACwC,OAAO,CAAC,CAACC,MAAM,CAACnC,MAAM,CAAC,EAAEE,OAAO,EAAEJ,KAAK,CAAC,CAAC;EAE5E,MAAMsC,aAAa,GAAG1C,UAAU,CAACwC,OAAO,CAAC,CACvCC,MAAM,CAACE,OAAO,EACd;IAAE,GAAGlC;EAAS,CAAC,EACfJ,qBAAqB,CACtB,CAAC;EAEF,oBACE,oBAAC,UAAU;IACT,GAAG,EAAES,GAAI;IACT,uBAAuB;IACvB,mBAAmB,EAAE,EAAG;IACxB,QAAQ,EAAEoB,kBAAmB;IAC7B,mBAAmB,EAAEG,mBAAoB;IACzC,4BAA4B,EAAE,KAAM;IACpC,8BAA8B,EAAE,KAAM;IACtC,KAAK,EAAEE,eAAgB;IACvB,qBAAqB,EAAEG;EAAc,GACjChC,IAAI,GAEPP,QAAQ,CAACgB,YAAY,CAAC,CACZ;AAEjB,CAAC;AAED,MAAMsB,MAAM,GAAGzC,UAAU,CAAC4C,MAAM,CAAC;EAC/BC,IAAI,EAAE;IAAEvC,MAAM,EAAE;EAAO,CAAC;EACxBwC,IAAI,EAAE;IAAExC,MAAM,EAAE;EAAO,CAAC;EACxBqC,OAAO,EAAE;IACPI,QAAQ,EAAE,CAAC;IACXC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"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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"}

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,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,CAAC,yBAAyB,CA6EpE,CAAC"}

package/package.json

@@ -2,14 +2,15 @@
   "name": "@prototyp/skeletor",
   "description": "React-Native UI and functional toolkit",
   "author": "Luka Buljan <luka@prototyp.digital>",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "types": "lib/typescript/src/index.d.ts",
   "main": "lib/module/index.js",
   "react-native": "src/index.ts",
   "module": "lib/module/index.js",
+  "homepage": "https://github.com/prototypdigital/skeletor",
   "repository": {
     "type": "git",
-    "directory": "git+https://github.com/prototypdigital/skeletor.git"
+    "directory": "https://github.com/prototypdigital/skeletor"
   },
   "scripts": {
     "prepack": "bob build"

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,
@@ -29,9 +29,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,

package/.eslintrc.json

@@ -1,19 +0,0 @@
-{
-  "extends": "@react-native-community",
-  "parser": "@typescript-eslint/parser",
-  "plugins": ["@typescript-eslint", "import", "prettier"],
-  "rules": {
-    "quotes": ["error", "double", { "avoidEscape": true }],
-    "react-hooks/exhaustive-deps": "off"
-  },
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx"],
-      "rules": {
-        "@typescript-eslint/no-shadow": ["error"],
-        "no-shadow": "off",
-        "no-undef": "off"
-      }
-    }
-  ]
-}

package/.github/CODEOWNERS

@@ -1,2 +0,0 @@
-@lbuljan
-@prototypdigital

package/.gitignore

@@ -1,5 +0,0 @@
-node_modules/*
-*DS_Store
-*.tgz
-# generated by bob
-lib/

package/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "extends": "@tsconfig/react-native/tsconfig.json" /* Recommended React Native TSConfig base */,
-  "exclude": ["__tests__", "./*.config.js", "index.js", "node_modules"],
-  "compilerOptions": {
-    /* Visit https://aka.ms/tsconfig.json to read more about this file */
-
-    /* Completeness */
-    "skipLibCheck": true /* Skip type checking all .d.ts files. */,
-    "baseUrl": "src",
-    "rootDirs": ["src"],
-    "typeRoots": ["./src/types"],
-    "lib": ["es2016"],
-    "jsx": "react-native",
-    "noEmit": false
-  }
-}