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

Comparing version 0.1.0 to 0.1.1

package.json

 {
   "name": "react-native-box-lite",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "scripts": {
@@ -34,7 +34,5 @@ "lint": "eslint .",
   "keywords": [
+    "react-native",
     "react-native-box",
     "react-native-box-lite",
-    "react native switch",
-    "react native progress bar",
-    "react native progress circle",
     "react-native-components",
@@ -44,3 +42,2 @@ "react-native-styles",
     "react-native-text",
-    "react-native",
     "radio button",
@@ -47,0 +44,0 @@ "checkbox",

README.md

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

src/components/index.ts

@@ -10,2 +10,3 @@ import Text from './text';
 import ProgressCircle from './progressCircle';
+import SliderBox from './sliderBox';
 
@@ -22,2 +23,3 @@ export {
   ProgressCircle,
+  SliderBox,
 };

src/config/Colors.ts

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

src/config/index.ts

@@ -56,2 +56,3 @@ import {BORDER_RADIUS, LINE_HEIGHT_SIZE, SIZE_SPACE, TEXT_SIZE} from './Spaces';
     success: '#4ADE80',
+    overlay: 'rgba(0, 0, 0, 0.22)',
     'primary-light': '#AFD1FC',
@@ -58,0 +59,0 @@ 'secondary-light': '#E1BEE7',

src/config/Spaces.ts

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

src/declarations.d.ts

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

src/hook/index.ts

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

src/index.ts

@@ -0,0 +0,0 @@ export * from './utils';

src/model/classStyle.ts

@@ -0,0 +0,0 @@ export enum ScaleType {

src/model/component.ts

@@ -6,2 +6,4 @@ import {
   ImageStyle,
+  NativeScrollEvent,
+  ScrollViewProps,
   StyleProp,
@@ -27,3 +29,3 @@ TextProps,
   classNameText?: string;
-  isDebounce?: boolean;
+  enableDebounce?: boolean;
   delayDebounce?: number;
@@ -47,3 +49,3 @@ varian?: Varian;
   iconSize?: number;
-  isDebounce?: boolean;
+  enableDebounce?: boolean;
   delayDebounce?: number;
@@ -69,3 +71,3 @@ resizeMode?: ImageResizeMode;
   sizeChildren?: number;
-  isDebounce?: boolean;
+  enableDebounce?: boolean;
   delayDebounce?: number;
@@ -108,1 +110,30 @@ varian?: VarianColor;
 }
+
+export interface SliderBoxProps<ItemT = any> extends ScrollViewProps {
+  classBox: string;
+  classSlider: string;
+  classSliderItem: string;
+  classPageItem: string;
+  classPagination: string;
+  data: ItemT[];
+  showPagination: boolean;
+  currentIndex: number;
+  width?: number;
+  itemWidth?: number;
+  sliderWidth?: number;
+  enableAnimation: boolean;
+  enableControl: boolean;
+  space: number;
+  iconNext?: ReactNode;
+  iconPrev?: ReactNode;
+  iconColor?: string;
+  renderSliderItem: (item: ItemT, index: number) => ReactNode;
+  renderPageItem?: (item: ItemT, index: number) => ReactNode;
+  onIndexChanged?: (index: number) => void;
+  onEndReached?: () => void;
+}
+export interface OnEndReachedProps extends NativeScrollEvent {
+  space: number;
+  itemWidth: number;
+  horizontal?: boolean | null;
+}

src/model/index.ts

@@ -0,0 +0,0 @@ export * from './classStyle';

src/styles/Border.styles.ts

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

src/styles/ClassStyles.ts

@@ -20,3 +20,3 @@ import {flexStyles} from './Flex.styles';
 
-export const getClassNameStyles = (className: string) => {
+export const getClassNameStyles = (className: string): Object => {
   try {
@@ -23,0 +23,0 @@ if (className.length > 0) {

src/styles/Flex.styles.ts

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

src/styles/index.ts

 export * from './ClassStyles';

src/styles/Position.styles.ts

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

src/styles/Size.styles.ts

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

src/styles/Text.styles.ts

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

src/styles/Theme.styles.ts

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

src/utils/helper.util.ts

@@ -1,1 +0,19 @@
-export const classNames = (...classes: string[]): string => classes.join(' ');
+import {OnEndReachedProps} from '../model';
+
+export const classNames = (...classes: (string | undefined)[]): string =>
+  classes.filter(Boolean).join(' ');
+
+export const isEndReachedScroll = ({
+  layoutMeasurement,
+  contentOffset,
+  contentSize,
+  space,
+  horizontal,
+}: OnEndReachedProps) => {
+  const offset = horizontal ? contentOffset.x : contentOffset.y;
+  const layoutSize = horizontal
+    ? layoutMeasurement.width
+    : layoutMeasurement.height;
+  const content = horizontal ? contentSize.width : contentSize.height;
+  return layoutSize + offset >= content - space;
+};

src/utils/index.ts

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

src/utils/resize.util.ts

@@ -0,0 +0,0 @@ import {Dimensions, NativeModules, Platform} from 'react-native';

src/utils/styles.ts

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

No alert changes

Improved metrics

Total package byte prevSize

394550

increased by1.07%

Number of package files

51

increased by8.51%

Lines of code

6627

increased by6.41%

No dependency changes