@estuary-solutions/rn-core-ui 0.0.4 → 0.1.0

package/dist/utils/scale.d.ts

@@ -1,141 +0,0 @@
-export declare const width: number, height: number;
-/**
- * Just a constants that specify iPhone 12 width.
- *
- * *Example:*
- *
- * ```js
- *  import { IPHONE_12_WIDTH } from '@estuary-solutions/rn-core-ui/utils';
- *  console.log(IPHONE_12_WIDTH); // 375
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export declare const IPHONE_12_WIDTH = 375;
-/**
- * Just a constants that specify iPhone 12 height.
- *
- * *Example:*
- *
- * ```js
- *  import { IPHONE_12_HEIGTH } from '@estuary-solutions/rn-core-ui/utils';
- *  console.log(IPHONE_12_HEIGTH); // 812
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export declare const IPHONE_12_HEIGTH = 812;
-export declare const scaleWidth: number;
-export declare const scaleHeight: number;
-export declare const scaleAvg: number;
-/**
- * Will return a linear scaled result of the provided size, based on scaleAvg. Use for scaling font.
- *
- * *Example:*
- * ```jsx
- *    import  { scaleFont } from '@estuary-solutions/rn-core-ui/utils';
- *    import { StyleSheet } from 'react-native';
- *
- *    const styles = StyleSheet.create({
- *      text: {
- *        fontSize: scaleFont(16), // fontSize._16
- *      },
- *    });
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export declare const scaleFont: (size: number) => number;
-/**
- * Will return a linear scaled result of the provided size, based on your device's screen width.
- *
- * *Example:*
- * ```jsx
- *    import  { scale } from '@estuary-solutions/rn-core-ui/utils';
- *    import { StyleSheet } from 'react-native';
- *
- *    const styles = StyleSheet.create({
- *      container: {
- *        padding: scale(5),
- *      },
- *    });
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export declare const scale: (size: number) => number;
-/**
- * Will return a linear scaled result of the provided size, based on your device's screen height.
- *
- * *Example:*
- * ```jsx
- *    import  { scaleH } from '@estuary-solutions/rn-core-ui/utils';
- *    import { StyleSheet } from 'react-native';
- *
- *    const styles = StyleSheet.create({
- *      container: {
- *        position: 'absolute',
- *        top: scaleH(5),
- *      },
- *    });
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export declare const scaleH: (size: number) => number;
-/**
- * Sometimes you don't want to scale everything in a linear manner, that's where moderateScale comes in.
- * The cool thing about it is that you can control the resize factor (default is 0.5).
- * If normal scale will increase your size by +2X, moderateScale will only increase it by +X, for example:
- * ➡️   scale(10) = 20
- * ➡️   moderateScale(10) = 15
- * ➡️   moderateScale(10, 0.1) = 11
- *
- * *Example:*
- * ```jsx
- *    import  { moderateScale } from '@estuary-solutions/rn-core-ui/utils';
- *    import { StyleSheet } from 'react-native';
- *
- *    const styles = StyleSheet.create({
- *      container: {
- *        padding: moderateScale(5),
- *      },
- *    });
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export declare const moderateScale: (size: number, factor?: number) => number;
-/**
- * Same as moderateScale, but using scaleH instead of scale.
- *
- * *Example:*
- * ```jsx
- *    import  { moderateHeightScale } from '@estuary-solutions/rn-core-ui/utils';
- *    import { StyleSheet } from 'react-native';
- *
- *    const styles = StyleSheet.create({
- *      container: {
- *        padding: moderateHeightScale(5),
- *      },
- *    });
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export declare const moderateHeightScale: (size: number, factor?: number) => number;
-//# sourceMappingURL=scale.d.ts.map

package/dist/utils/scale.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/utils/scale.ts"],"names":[],"mappings":"AAEA,eAAO,MAAQ,KAAK,UAAE,MAAM,QAA6B,CAAC;AAE1D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,eAAO,MAAM,UAAU,QAA0B,CAAC;AAElD,eAAO,MAAM,WAAW,QAA4B,CAAC;AAErD,eAAO,MAAM,QAAQ,QAAkC,CAAC;AAExD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,WACuB,CAAC;AAE9D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK,GAAI,MAAM,MAAM,WAC6B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,GAAI,MAAM,MAAM,WAC6B,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,eAAY,WAClB,CAAC;AAEvC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,EAAE,eAAY,WACvB,CAAC"}

package/dist/utils/scale.js

@@ -1,141 +0,0 @@
-import { Dimensions, PixelRatio } from "react-native";
-export const { width, height } = Dimensions.get('window');
-/**
- * Just a constants that specify iPhone 12 width.
- *
- * *Example:*
- *
- * ```js
- *  import { IPHONE_12_WIDTH } from '@estuary-solutions/rn-core-ui/utils';
- *  console.log(IPHONE_12_WIDTH); // 375
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export const IPHONE_12_WIDTH = 375;
-/**
- * Just a constants that specify iPhone 12 height.
- *
- * *Example:*
- *
- * ```js
- *  import { IPHONE_12_HEIGTH } from '@estuary-solutions/rn-core-ui/utils';
- *  console.log(IPHONE_12_HEIGTH); // 812
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export const IPHONE_12_HEIGTH = 812;
-export const scaleWidth = width / IPHONE_12_WIDTH;
-export const scaleHeight = height / IPHONE_12_HEIGTH;
-export const scaleAvg = (scaleWidth + scaleHeight) / 2;
-/**
- * Will return a linear scaled result of the provided size, based on scaleAvg. Use for scaling font.
- *
- * *Example:*
- * ```jsx
- *    import  { scaleFont } from '@estuary-solutions/rn-core-ui/utils';
- *    import { StyleSheet } from 'react-native';
- *
- *    const styles = StyleSheet.create({
- *      text: {
- *        fontSize: scaleFont(16), // fontSize._16
- *      },
- *    });
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export const scaleFont = (size) => Math.round(PixelRatio.roundToNearestPixel(size * scaleAvg));
-/**
- * Will return a linear scaled result of the provided size, based on your device's screen width.
- *
- * *Example:*
- * ```jsx
- *    import  { scale } from '@estuary-solutions/rn-core-ui/utils';
- *    import { StyleSheet } from 'react-native';
- *
- *    const styles = StyleSheet.create({
- *      container: {
- *        padding: scale(5),
- *      },
- *    });
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export const scale = (size) => Math.round(PixelRatio.roundToNearestPixel(size * scaleWidth));
-/**
- * Will return a linear scaled result of the provided size, based on your device's screen height.
- *
- * *Example:*
- * ```jsx
- *    import  { scaleH } from '@estuary-solutions/rn-core-ui/utils';
- *    import { StyleSheet } from 'react-native';
- *
- *    const styles = StyleSheet.create({
- *      container: {
- *        position: 'absolute',
- *        top: scaleH(5),
- *      },
- *    });
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export const scaleH = (size) => Math.round(PixelRatio.roundToNearestPixel(size * scaleHeight));
-/**
- * Sometimes you don't want to scale everything in a linear manner, that's where moderateScale comes in.
- * The cool thing about it is that you can control the resize factor (default is 0.5).
- * If normal scale will increase your size by +2X, moderateScale will only increase it by +X, for example:
- * ➡️   scale(10) = 20
- * ➡️   moderateScale(10) = 15
- * ➡️   moderateScale(10, 0.1) = 11
- *
- * *Example:*
- * ```jsx
- *    import  { moderateScale } from '@estuary-solutions/rn-core-ui/utils';
- *    import { StyleSheet } from 'react-native';
- *
- *    const styles = StyleSheet.create({
- *      container: {
- *        padding: moderateScale(5),
- *      },
- *    });
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export const moderateScale = (size, factor = 0.5) => size + (scale(size) - size) * factor;
-/**
- * Same as moderateScale, but using scaleH instead of scale.
- *
- * *Example:*
- * ```jsx
- *    import  { moderateHeightScale } from '@estuary-solutions/rn-core-ui/utils';
- *    import { StyleSheet } from 'react-native';
- *
- *    const styles = StyleSheet.create({
- *      container: {
- *        padding: moderateHeightScale(5),
- *      },
- *    });
- * ```
- *
- * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
- *
- * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
- */
-export const moderateHeightScale = (size, factor = 0.5) => size + (scaleH(size) - size) * factor;