react-native-box-lite - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6-beta.1

package.json

 {
   "name": "react-native-box-lite",
-  "version": "0.1.5",
+  "version": "0.1.6-beta.1",
   "scripts": {
@@ -5,0 +5,0 @@ "lint": "eslint .",

README.md

@@ -0,0 +0,0 @@ # react-native-box-lite

src/config/Colors.ts

@@ -0,0 +0,0 @@ export const COLORS = {

src/config/index.ts

@@ -0,0 +0,0 @@ import {BORDER_RADIUS, LINE_HEIGHT_SIZE, SIZE_SPACE, TEXT_SIZE} from './Spaces';

src/config/Spaces.ts

@@ -0,0 +0,0 @@ export const SIZE_SPACE = {

src/declarations.d.ts

@@ -0,0 +0,0 @@ declare module '*.png' {

src/hoc/index.ts

 export {default as withElementBox} from './withElementBox';
 export {default as withButtonBox} from './withButtonBox';

src/hook/index.ts

@@ -0,0 +0,0 @@ import useClassName from './useClassName';

src/hook/useClassVirtualizedList.ts

@@ -0,0 +0,0 @@ import {useMemo} from 'react';

src/index.ts

 export * from './utils';
-export * from './components';
+export * from './atomic';
 export * from './model';
 export * from './hook';
 export * from './config';

src/model/index.ts

@@ -313,1 +313,32 @@ export type Varian = 'primary' | 'outline' | 'secondary' | 'dark' | 'light';
 }
+
+export interface AnimationPlaceholderType {
+  animationType?: 'opacity' | 'shine';
+  classShine?: string;
+}
+
+export interface PlaceholderProps extends AnimationPlaceholderType {
+  className?: string;
+  placeholderType?: 'line' | 'media' | 'none';
+  randomWidth?: boolean;
+  disableAnimation?: boolean;
+  children?: ReactNode;
+}
+
+export interface PlaceholderBaseProps {
+  classLine?: string;
+  classCard?: string;
+  classMedia?: string;
+  classContainerLine?: string;
+  numberLine?: number;
+  halfWidth?: boolean;
+  randomWidth?: boolean;
+}
+
+export interface PlaceholderBoxProps extends AnimationPlaceholderType {
+  length?: number;
+  classContainer?: string;
+  placeholderType?: 'line' | 'media' | 'card';
+  placeholderItem?: PlaceholderBaseProps;
+  disableAnimation?: boolean;
+}

src/styles/common.styles.ts

@@ -0,0 +0,0 @@ import {StyleSheet} from 'react-native';

src/styles/index.ts

@@ -0,0 +0,0 @@ import {styleConfig} from './Theme.styles';

src/styles/Theme.styles.ts

@@ -0,0 +0,0 @@ import {StyleSheet} from 'react-native';

src/utils/helper.util.ts

@@ -22,1 +22,4 @@ import {OnEndReachedProps} from '../model';
 export const isNumber = (value: any) => typeof value === 'number';
+
+export const randomIndex = (length: number) =>
+  Math.floor(Math.random() * length);

src/utils/index.ts

 export * from './resize.util';
 export * from './helper.util';

src/utils/resize.util.ts

@@ -1,2 +0,2 @@
-import {Dimensions, NativeModules, Platform} from 'react-native';
+import {Dimensions, StatusBar, Platform} from 'react-native';
 
@@ -9,4 +9,3 @@ const {width, height} = Dimensions.get('window');
 const guidelineBaseHeight = 812;
-const {StatusBarManager} = NativeModules;
-const heightStatusbar = StatusBarManager.HEIGHT;
+const heightStatusbar = StatusBar.currentHeight || 0;
 
@@ -13,0 +12,0 @@ const horizontalScale = (size: number) =>

src/utils/styles.ts

@@ -0,0 +0,0 @@ import {CONFIG_BOX} from '../config';

No alert changes

Improved metrics

Total package byte prevSize

439179

increased by3.37%

Lines of code

7844

increased by3.09%

No dependency changes