@janiscommerce/ui-native 1.26.0 → 1.27.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/android/build.gradle +26 -35
  2. package/dist/components/atoms/CheckBox/icon/CheckedIcon.d.ts +1 -7
  3. package/dist/components/atoms/CheckBox/icon/CheckedIcon.js +1 -5
  4. package/dist/components/atoms/Svg/index.d.ts +1 -1
  5. package/dist/components/atoms/Svg/svgs/index.d.ts +0 -1
  6. package/dist/components/atoms/Typography/utils/getStyleByTypography/index.d.ts +1 -1
  7. package/dist/components/molecules/BaseDetail/components/BaseDetailModal/index.d.ts +1 -1
  8. package/dist/components/molecules/BaseDetail/components/BaseDetailSwipe/index.d.ts +1 -1
  9. package/dist/components/molecules/Carousel/utils/index.d.ts +0 -1
  10. package/dist/components/molecules/LayoutWithBottomButtons/utils/index.d.ts +244 -251
  11. package/package.json +14 -11
package/dist/android/build.gradle CHANGED
@@ -1,42 +1,33 @@
1
- // Top-level build file where you can add configuration options common to all sub-projects/modules.
1
+ def safeExtGet(prop, fallback) {
2
+ rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
3
+ }
4
+
5
+ apply plugin: 'com.android.library'
2
6
 
3
- buildscript {
4
- ext {
5
- buildToolsVersion = "30.0.2"
6
- minSdkVersion = 21
7
- compileSdkVersion = 30
8
- targetSdkVersion = 30
9
- ndkVersion = "21.4.7075529"
7
+ android {
8
+ namespace "com.uinative"
9
+ compileSdkVersion safeExtGet('compileSdkVersion', 35)
10
+
11
+ defaultConfig {
12
+ minSdkVersion safeExtGet('minSdkVersion', 24)
13
+ targetSdkVersion safeExtGet('targetSdkVersion', 35)
10
14
  }
11
- repositories {
12
- google()
13
- mavenCentral()
15
+
16
+ compileOptions {
17
+ sourceCompatibility JavaVersion.VERSION_17
18
+ targetCompatibility JavaVersion.VERSION_17
14
19
  }
15
- dependencies {
16
- classpath("com.android.tools.build:gradle:4.2.2")
17
- // NOTE: Do not place your application dependencies here; they belong
18
- // in the individual module build.gradle files
20
+
21
+ lintOptions {
22
+ abortOnError false
19
23
  }
20
24
  }
21
25
 
22
- allprojects {
23
- repositories {
24
- maven {
25
- // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
26
- url("$rootDir/../node_modules/react-native/android")
27
- }
28
- maven {
29
- // Android JSC is installed from npm
30
- url("$rootDir/../node_modules/jsc-android/dist")
31
- }
32
- mavenCentral {
33
- // We don't want to fetch react-native from Maven Central as there are
34
- // older versions over there.
35
- content {
36
- excludeGroup "com.facebook.react"
37
- }
38
- }
39
- google()
40
- maven { url 'https://www.jitpack.io' }
41
- }
26
+ repositories {
27
+ mavenCentral()
28
+ google()
29
+ }
30
+
31
+ dependencies {
32
+ implementation 'com.facebook.react:react-android:+'
42
33
  }
package/dist/components/atoms/CheckBox/icon/CheckedIcon.d.ts CHANGED
@@ -3,11 +3,5 @@ interface IconProps {
3
3
  color?: string;
4
4
  size?: number;
5
5
  }
6
- declare const CheckedIcon: {
7
- ({ color, size }: IconProps): React.JSX.Element;
8
- defaultProps: {
9
- color: string;
10
- size: number;
11
- };
12
- };
6
+ declare const CheckedIcon: ({ color, size }: IconProps) => React.JSX.Element;
13
7
  export default CheckedIcon;
package/dist/components/atoms/CheckBox/icon/CheckedIcon.js CHANGED
@@ -2,13 +2,9 @@ import React from 'react';
2
2
  import { View } from 'react-native';
3
3
  import { base } from '../../../../theme/palette';
4
4
  import Svg, { Path } from 'react-native-svg';
5
- const CheckedIcon = ({ color, size }) => (<View>
5
+ const CheckedIcon = ({ color = base.white, size = 16 }) => (<View>
6
6
  <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
7
7
  <Path d="M3 0H3ZM4 8.0534L7.05987 11L12 5.28272L10.5916 4L6.93119 8.22932L5.29401 6.64607L4 8.0534Z" fill={color}/>
8
8
  </Svg>
9
9
  </View>);
10
- CheckedIcon.defaultProps = {
11
- color: base.white,
12
- size: 16,
13
- };
14
10
  export default CheckedIcon;
package/dist/components/atoms/Svg/index.d.ts CHANGED
@@ -12,7 +12,7 @@ declare const svgsMapping: {
12
12
  'no-notifications': ({ ...props }: Isvg) => React.JSX.Element;
13
13
  };
14
14
  export type Names = keyof typeof svgsMapping;
15
- export declare const svgsNames: ("empty-illustration" | "empty-list-illustration" | "janis-iso" | "janis-commerce-logo" | "janis-commerce-logo-qa" | "janis-commerce-logo-beta" | "login-illustration" | "no-notifications")[];
15
+ export declare const svgsNames: Names[];
16
16
  export interface Isvg extends SvgProps, ViewProps {
17
17
  name?: Names;
18
18
  width?: number;
package/dist/components/atoms/Svg/svgs/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const Icons: {
3
2
  JanisIso: ({ ...props }: import("..").Isvg) => import("react").JSX.Element;
4
3
  JanisCommerceLogo: ({ ...props }: import("..").Isvg) => import("react").JSX.Element;
package/dist/components/atoms/Typography/utils/getStyleByTypography/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { TextStyle } from 'react-native';
2
- import typography, { Typography } from '../../../../../theme/typography';
2
+ import { Typography } from '../../../../../theme/typography';
3
3
  type TypographyType = keyof Typography;
4
4
  type TypographySize = 'large' | 'medium' | 'small';
5
5
  declare const getStyleByTypography: (type?: TypographyType | string, size?: TypographySize | string, color?: string) => {
package/dist/components/molecules/BaseDetail/components/BaseDetailModal/index.d.ts CHANGED
@@ -3,6 +3,6 @@ import { ModalMethods } from '../../../../atoms/Modal';
3
3
  declare const BaseDetailModal: React.ForwardRefExoticComponent<{
4
4
  componentType: "modal";
5
5
  } & import("../../../../atoms/Modal").UIModalProps & {
6
- scrollProps?: import("react-native").ScrollViewProps | undefined;
6
+ scrollProps?: import("react-native").ScrollViewProps;
7
7
  } & React.RefAttributes<ModalMethods>>;
8
8
  export default BaseDetailModal;
package/dist/components/molecules/BaseDetail/components/BaseDetailSwipe/index.d.ts CHANGED
@@ -2,6 +2,6 @@ import React from 'react';
2
2
  declare const BaseDetailSwipe: React.ForwardRefExoticComponent<{
3
3
  componentType: "swipe";
4
4
  } & import("../../../../atoms/SwipeUp").SwipeUpProps & {
5
- scrollProps?: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetScrollViewProps | undefined;
5
+ scrollProps?: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetScrollViewProps;
6
6
  } & React.RefAttributes<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>>;
7
7
  export default BaseDetailSwipe;
package/dist/components/molecules/Carousel/utils/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { NativeScrollEvent, NativeSyntheticEvent, ScrollView } from 'react-native';
3
2
  import { CarouselProps } from '../';
4
3
  declare const useCarouselControls: ({ pages, isLoop, autoplay, autoPlayReverse, intervalTime, customWidth, buttonsCallback, pagesCallback, }: CarouselProps) => {
package/dist/components/molecules/LayoutWithBottomButtons/utils/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { keyColor } from '../../Button';
3
2
  import { PressableProps, ViewStyle, TextStyle } from 'react-native';
4
3
  export interface IlayoutButtons extends PressableProps {
@@ -29,138 +28,135 @@ export declare const buttonWrapperVariantStyles: (variant: string) => {
29
28
  export declare const parseButtonsStyles: (buttons: Array<IlayoutButtons>, variant: string) => {
30
29
  pressedColor: any;
31
30
  style: {
32
- borderRadius?: number | undefined;
33
- height?: string | number | undefined;
31
+ borderRadius?: number;
32
+ height?: number | string;
34
33
  backgroundColor: string;
35
34
  width: string | number;
36
- backfaceVisibility?: "visible" | "hidden" | undefined;
37
- borderBottomColor?: import("react-native").ColorValue | undefined;
38
- borderBottomEndRadius?: number | undefined;
39
- borderBottomLeftRadius?: number | undefined;
40
- borderBottomRightRadius?: number | undefined;
41
- borderBottomStartRadius?: number | undefined;
42
- borderBottomWidth?: number | undefined;
43
- borderColor?: import("react-native").ColorValue | undefined;
44
- borderEndColor?: import("react-native").ColorValue | undefined;
45
- borderLeftColor?: import("react-native").ColorValue | undefined;
46
- borderLeftWidth?: number | undefined;
47
- borderRightColor?: import("react-native").ColorValue | undefined;
48
- borderRightWidth?: number | undefined;
49
- borderStartColor?: import("react-native").ColorValue | undefined;
50
- borderStyle?: "solid" | "dotted" | "dashed" | undefined;
51
- borderTopColor?: import("react-native").ColorValue | undefined;
52
- borderTopEndRadius?: number | undefined;
53
- borderTopLeftRadius?: number | undefined;
54
- borderTopRightRadius?: number | undefined;
55
- borderTopStartRadius?: number | undefined;
56
- borderTopWidth?: number | undefined;
57
- borderWidth?: number | undefined;
58
- opacity?: number | undefined;
59
- testID?: string | undefined;
60
- elevation?: number | undefined;
61
- alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
62
- alignItems?: import("react-native").FlexAlignType | undefined;
63
- alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
64
- aspectRatio?: number | undefined;
65
- borderEndWidth?: string | number | undefined;
66
- borderStartWidth?: string | number | undefined;
67
- bottom?: string | number | undefined;
68
- display?: "none" | "flex" | undefined;
69
- end?: string | number | undefined;
70
- flex?: number | undefined;
71
- flexBasis?: string | number | undefined;
72
- flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
73
- flexGrow?: number | undefined;
74
- flexShrink?: number | undefined;
75
- flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
76
- justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
77
- left?: string | number | undefined;
78
- margin?: string | number | undefined;
79
- marginBottom?: string | number | undefined;
80
- marginEnd?: string | number | undefined;
81
- marginHorizontal?: string | number | undefined;
82
- marginLeft?: string | number | undefined;
83
- marginRight?: string | number | undefined;
84
- marginStart?: string | number | undefined;
85
- marginTop?: string | number | undefined;
86
- marginVertical?: string | number | undefined;
87
- maxHeight?: string | number | undefined;
88
- maxWidth?: string | number | undefined;
89
- minHeight?: string | number | undefined;
90
- minWidth?: string | number | undefined;
91
- overflow?: "visible" | "hidden" | "scroll" | undefined;
92
- padding?: string | number | undefined;
93
- paddingBottom?: string | number | undefined;
94
- paddingEnd?: string | number | undefined;
95
- paddingHorizontal?: string | number | undefined;
96
- paddingLeft?: string | number | undefined;
97
- paddingRight?: string | number | undefined;
98
- paddingStart?: string | number | undefined;
99
- paddingTop?: string | number | undefined;
100
- paddingVertical?: string | number | undefined;
101
- position?: "absolute" | "relative" | undefined;
102
- right?: string | number | undefined;
103
- start?: string | number | undefined;
104
- top?: string | number | undefined;
105
- zIndex?: number | undefined;
106
- direction?: "inherit" | "ltr" | "rtl" | undefined;
107
- shadowColor?: import("react-native").ColorValue | undefined;
35
+ backfaceVisibility?: "visible" | "hidden";
36
+ borderBottomColor?: import("react-native").ColorValue;
37
+ borderBottomEndRadius?: number;
38
+ borderBottomLeftRadius?: number;
39
+ borderBottomRightRadius?: number;
40
+ borderBottomStartRadius?: number;
41
+ borderBottomWidth?: number;
42
+ borderColor?: import("react-native").ColorValue;
43
+ borderEndColor?: import("react-native").ColorValue;
44
+ borderLeftColor?: import("react-native").ColorValue;
45
+ borderLeftWidth?: number;
46
+ borderRightColor?: import("react-native").ColorValue;
47
+ borderRightWidth?: number;
48
+ borderStartColor?: import("react-native").ColorValue;
49
+ borderStyle?: "solid" | "dotted" | "dashed";
50
+ borderTopColor?: import("react-native").ColorValue;
51
+ borderTopEndRadius?: number;
52
+ borderTopLeftRadius?: number;
53
+ borderTopRightRadius?: number;
54
+ borderTopStartRadius?: number;
55
+ borderTopWidth?: number;
56
+ borderWidth?: number;
57
+ opacity?: number;
58
+ testID?: string;
59
+ elevation?: number;
60
+ alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around";
61
+ alignItems?: import("react-native").FlexAlignType;
62
+ alignSelf?: "auto" | import("react-native").FlexAlignType;
63
+ aspectRatio?: number;
64
+ borderEndWidth?: number | string;
65
+ borderStartWidth?: number | string;
66
+ bottom?: number | string;
67
+ display?: "none" | "flex";
68
+ end?: number | string;
69
+ flex?: number;
70
+ flexBasis?: number | string;
71
+ flexDirection?: "row" | "column" | "row-reverse" | "column-reverse";
72
+ flexGrow?: number;
73
+ flexShrink?: number;
74
+ flexWrap?: "wrap" | "nowrap" | "wrap-reverse";
75
+ justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
76
+ left?: number | string;
77
+ margin?: number | string;
78
+ marginBottom?: number | string;
79
+ marginEnd?: number | string;
80
+ marginHorizontal?: number | string;
81
+ marginLeft?: number | string;
82
+ marginRight?: number | string;
83
+ marginStart?: number | string;
84
+ marginTop?: number | string;
85
+ marginVertical?: number | string;
86
+ maxHeight?: number | string;
87
+ maxWidth?: number | string;
88
+ minHeight?: number | string;
89
+ minWidth?: number | string;
90
+ overflow?: "visible" | "hidden" | "scroll";
91
+ padding?: number | string;
92
+ paddingBottom?: number | string;
93
+ paddingEnd?: number | string;
94
+ paddingHorizontal?: number | string;
95
+ paddingLeft?: number | string;
96
+ paddingRight?: number | string;
97
+ paddingStart?: number | string;
98
+ paddingTop?: number | string;
99
+ paddingVertical?: number | string;
100
+ position?: "absolute" | "relative";
101
+ right?: number | string;
102
+ start?: number | string;
103
+ top?: number | string;
104
+ zIndex?: number;
105
+ direction?: "inherit" | "ltr" | "rtl";
106
+ shadowColor?: import("react-native").ColorValue;
108
107
  shadowOffset?: {
109
108
  width: number;
110
109
  height: number;
111
- } | undefined;
112
- shadowOpacity?: number | undefined;
113
- shadowRadius?: number | undefined;
114
- transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
115
- transformMatrix?: number[] | undefined;
116
- rotation?: number | undefined;
117
- scaleX?: number | undefined;
118
- scaleY?: number | undefined;
119
- translateX?: number | undefined;
120
- translateY?: number | undefined;
110
+ };
111
+ shadowOpacity?: number;
112
+ shadowRadius?: number;
113
+ transform?: Array<import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform>;
114
+ transformMatrix?: number[];
115
+ rotation?: number;
116
+ scaleX?: number;
117
+ scaleY?: number;
118
+ translateX?: number;
119
+ translateY?: number;
121
120
  };
122
- value?: string | null | undefined;
123
- icon?: string | undefined;
124
- iconRight?: boolean | undefined;
125
- disabled?: boolean | undefined;
126
- borderRadius?: number | undefined;
127
- color?: "black" | "primary" | "success" | "error" | "warning" | "alert" | undefined;
128
- iconStyle?: ViewStyle | undefined;
129
- textStyle?: TextStyle | undefined;
130
- width?: string | number | undefined;
131
- flex?: number | undefined;
132
- onPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
133
- onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
134
- onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
135
- onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
136
- children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => import("react").ReactNode);
137
- delayLongPress?: number | null | undefined;
138
- hitSlop?: number | import("react-native").Insets | null | undefined;
139
- pressRetentionOffset?: number | import("react-native").Insets | null | undefined;
140
- android_disableSound?: boolean | null | undefined;
141
- android_ripple?: import("react-native").PressableAndroidRippleConfig | null | undefined;
142
- testOnly_pressed?: boolean | null | undefined;
143
- accessible?: boolean | undefined;
144
- accessibilityActions?: readonly Readonly<{
145
- name: string;
146
- label?: string | undefined;
147
- }>[] | undefined;
148
- accessibilityLabel?: string | undefined;
149
- accessibilityRole?: import("react-native").AccessibilityRole | undefined;
150
- accessibilityState?: import("react-native").AccessibilityState | undefined;
151
- accessibilityHint?: string | undefined;
152
- accessibilityValue?: import("react-native").AccessibilityValue | undefined;
153
- onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
154
- accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
155
- importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
156
- accessibilityElementsHidden?: boolean | undefined;
157
- accessibilityViewIsModal?: boolean | undefined;
158
- onAccessibilityEscape?: (() => void) | undefined;
159
- onAccessibilityTap?: (() => void) | undefined;
160
- onMagicTap?: (() => void) | undefined;
161
- accessibilityIgnoresInvertColors?: boolean | undefined;
121
+ value?: string | null;
122
+ icon?: string;
123
+ iconRight?: boolean;
124
+ disabled?: boolean;
125
+ borderRadius?: number;
126
+ color?: keyColor;
127
+ iconStyle?: ViewStyle;
128
+ textStyle?: TextStyle;
129
+ width?: number | string;
130
+ flex?: number;
131
+ onPress?: null | ((event: import("react-native").GestureResponderEvent) => void);
132
+ onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void);
133
+ onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void);
134
+ onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void);
135
+ children?: React.ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode);
136
+ delayLongPress?: null | number;
137
+ hitSlop?: null | import("react-native").Insets | number;
138
+ pressRetentionOffset?: null | import("react-native").Insets | number;
139
+ android_disableSound?: null | boolean;
140
+ android_ripple?: null | import("react-native").PressableAndroidRippleConfig;
141
+ testOnly_pressed?: null | boolean;
142
+ accessible?: boolean;
143
+ accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[];
144
+ accessibilityLabel?: string;
145
+ accessibilityRole?: import("react-native").AccessibilityRole;
146
+ accessibilityState?: import("react-native").AccessibilityState;
147
+ accessibilityHint?: string;
148
+ accessibilityValue?: import("react-native").AccessibilityValue;
149
+ onAccessibilityAction?: (event: import("react-native").AccessibilityActionEvent) => void;
150
+ accessibilityLiveRegion?: "none" | "polite" | "assertive";
151
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants";
152
+ accessibilityElementsHidden?: boolean;
153
+ accessibilityViewIsModal?: boolean;
154
+ onAccessibilityEscape?: () => void;
155
+ onAccessibilityTap?: () => void;
156
+ onMagicTap?: () => void;
157
+ accessibilityIgnoresInvertColors?: boolean;
162
158
  onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
163
- pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
159
+ pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
164
160
  removeClippedSubviews?: boolean | undefined;
165
161
  testID?: string | undefined;
166
162
  nativeID?: string | undefined;
@@ -197,137 +193,134 @@ export declare const parseButtonsStyles: (buttons: Array<IlayoutButtons>, varian
197
193
  flex: number;
198
194
  pressedColor: any;
199
195
  style: {
200
- borderRadius?: number | undefined;
201
- height?: string | number | undefined;
196
+ borderRadius?: number;
197
+ height?: number | string;
202
198
  backgroundColor: string;
203
- backfaceVisibility?: "visible" | "hidden" | undefined;
204
- borderBottomColor?: import("react-native").ColorValue | undefined;
205
- borderBottomEndRadius?: number | undefined;
206
- borderBottomLeftRadius?: number | undefined;
207
- borderBottomRightRadius?: number | undefined;
208
- borderBottomStartRadius?: number | undefined;
209
- borderBottomWidth?: number | undefined;
210
- borderColor?: import("react-native").ColorValue | undefined;
211
- borderEndColor?: import("react-native").ColorValue | undefined;
212
- borderLeftColor?: import("react-native").ColorValue | undefined;
213
- borderLeftWidth?: number | undefined;
214
- borderRightColor?: import("react-native").ColorValue | undefined;
215
- borderRightWidth?: number | undefined;
216
- borderStartColor?: import("react-native").ColorValue | undefined;
217
- borderStyle?: "solid" | "dotted" | "dashed" | undefined;
218
- borderTopColor?: import("react-native").ColorValue | undefined;
219
- borderTopEndRadius?: number | undefined;
220
- borderTopLeftRadius?: number | undefined;
221
- borderTopRightRadius?: number | undefined;
222
- borderTopStartRadius?: number | undefined;
223
- borderTopWidth?: number | undefined;
224
- borderWidth?: number | undefined;
225
- opacity?: number | undefined;
226
- testID?: string | undefined;
227
- elevation?: number | undefined;
228
- alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
229
- alignItems?: import("react-native").FlexAlignType | undefined;
230
- alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
231
- aspectRatio?: number | undefined;
232
- borderEndWidth?: string | number | undefined;
233
- borderStartWidth?: string | number | undefined;
234
- bottom?: string | number | undefined;
235
- display?: "none" | "flex" | undefined;
236
- end?: string | number | undefined;
237
- flex?: number | undefined;
238
- flexBasis?: string | number | undefined;
239
- flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
240
- flexGrow?: number | undefined;
241
- flexShrink?: number | undefined;
242
- flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
243
- justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
244
- left?: string | number | undefined;
245
- margin?: string | number | undefined;
246
- marginBottom?: string | number | undefined;
247
- marginEnd?: string | number | undefined;
248
- marginHorizontal?: string | number | undefined;
249
- marginLeft?: string | number | undefined;
250
- marginRight?: string | number | undefined;
251
- marginStart?: string | number | undefined;
252
- marginTop?: string | number | undefined;
253
- marginVertical?: string | number | undefined;
254
- maxHeight?: string | number | undefined;
255
- maxWidth?: string | number | undefined;
256
- minHeight?: string | number | undefined;
257
- minWidth?: string | number | undefined;
258
- overflow?: "visible" | "hidden" | "scroll" | undefined;
259
- padding?: string | number | undefined;
260
- paddingBottom?: string | number | undefined;
261
- paddingEnd?: string | number | undefined;
262
- paddingHorizontal?: string | number | undefined;
263
- paddingLeft?: string | number | undefined;
264
- paddingRight?: string | number | undefined;
265
- paddingStart?: string | number | undefined;
266
- paddingTop?: string | number | undefined;
267
- paddingVertical?: string | number | undefined;
268
- position?: "absolute" | "relative" | undefined;
269
- right?: string | number | undefined;
270
- start?: string | number | undefined;
271
- top?: string | number | undefined;
272
- width?: string | number | undefined;
273
- zIndex?: number | undefined;
274
- direction?: "inherit" | "ltr" | "rtl" | undefined;
275
- shadowColor?: import("react-native").ColorValue | undefined;
199
+ backfaceVisibility?: "visible" | "hidden";
200
+ borderBottomColor?: import("react-native").ColorValue;
201
+ borderBottomEndRadius?: number;
202
+ borderBottomLeftRadius?: number;
203
+ borderBottomRightRadius?: number;
204
+ borderBottomStartRadius?: number;
205
+ borderBottomWidth?: number;
206
+ borderColor?: import("react-native").ColorValue;
207
+ borderEndColor?: import("react-native").ColorValue;
208
+ borderLeftColor?: import("react-native").ColorValue;
209
+ borderLeftWidth?: number;
210
+ borderRightColor?: import("react-native").ColorValue;
211
+ borderRightWidth?: number;
212
+ borderStartColor?: import("react-native").ColorValue;
213
+ borderStyle?: "solid" | "dotted" | "dashed";
214
+ borderTopColor?: import("react-native").ColorValue;
215
+ borderTopEndRadius?: number;
216
+ borderTopLeftRadius?: number;
217
+ borderTopRightRadius?: number;
218
+ borderTopStartRadius?: number;
219
+ borderTopWidth?: number;
220
+ borderWidth?: number;
221
+ opacity?: number;
222
+ testID?: string;
223
+ elevation?: number;
224
+ alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around";
225
+ alignItems?: import("react-native").FlexAlignType;
226
+ alignSelf?: "auto" | import("react-native").FlexAlignType;
227
+ aspectRatio?: number;
228
+ borderEndWidth?: number | string;
229
+ borderStartWidth?: number | string;
230
+ bottom?: number | string;
231
+ display?: "none" | "flex";
232
+ end?: number | string;
233
+ flex?: number;
234
+ flexBasis?: number | string;
235
+ flexDirection?: "row" | "column" | "row-reverse" | "column-reverse";
236
+ flexGrow?: number;
237
+ flexShrink?: number;
238
+ flexWrap?: "wrap" | "nowrap" | "wrap-reverse";
239
+ justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
240
+ left?: number | string;
241
+ margin?: number | string;
242
+ marginBottom?: number | string;
243
+ marginEnd?: number | string;
244
+ marginHorizontal?: number | string;
245
+ marginLeft?: number | string;
246
+ marginRight?: number | string;
247
+ marginStart?: number | string;
248
+ marginTop?: number | string;
249
+ marginVertical?: number | string;
250
+ maxHeight?: number | string;
251
+ maxWidth?: number | string;
252
+ minHeight?: number | string;
253
+ minWidth?: number | string;
254
+ overflow?: "visible" | "hidden" | "scroll";
255
+ padding?: number | string;
256
+ paddingBottom?: number | string;
257
+ paddingEnd?: number | string;
258
+ paddingHorizontal?: number | string;
259
+ paddingLeft?: number | string;
260
+ paddingRight?: number | string;
261
+ paddingStart?: number | string;
262
+ paddingTop?: number | string;
263
+ paddingVertical?: number | string;
264
+ position?: "absolute" | "relative";
265
+ right?: number | string;
266
+ start?: number | string;
267
+ top?: number | string;
268
+ width?: number | string;
269
+ zIndex?: number;
270
+ direction?: "inherit" | "ltr" | "rtl";
271
+ shadowColor?: import("react-native").ColorValue;
276
272
  shadowOffset?: {
277
273
  width: number;
278
274
  height: number;
279
- } | undefined;
280
- shadowOpacity?: number | undefined;
281
- shadowRadius?: number | undefined;
282
- transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
283
- transformMatrix?: number[] | undefined;
284
- rotation?: number | undefined;
285
- scaleX?: number | undefined;
286
- scaleY?: number | undefined;
287
- translateX?: number | undefined;
288
- translateY?: number | undefined;
275
+ };
276
+ shadowOpacity?: number;
277
+ shadowRadius?: number;
278
+ transform?: Array<import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform>;
279
+ transformMatrix?: number[];
280
+ rotation?: number;
281
+ scaleX?: number;
282
+ scaleY?: number;
283
+ translateX?: number;
284
+ translateY?: number;
289
285
  };
290
- value?: string | null | undefined;
291
- icon?: string | undefined;
292
- iconRight?: boolean | undefined;
293
- disabled?: boolean | undefined;
294
- borderRadius?: number | undefined;
295
- color?: "black" | "primary" | "success" | "error" | "warning" | "alert" | undefined;
296
- iconStyle?: ViewStyle | undefined;
297
- textStyle?: TextStyle | undefined;
298
- width?: string | number | undefined;
299
- onPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
300
- onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
301
- onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
302
- onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
303
- children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => import("react").ReactNode);
304
- delayLongPress?: number | null | undefined;
305
- hitSlop?: number | import("react-native").Insets | null | undefined;
306
- pressRetentionOffset?: number | import("react-native").Insets | null | undefined;
307
- android_disableSound?: boolean | null | undefined;
308
- android_ripple?: import("react-native").PressableAndroidRippleConfig | null | undefined;
309
- testOnly_pressed?: boolean | null | undefined;
310
- accessible?: boolean | undefined;
311
- accessibilityActions?: readonly Readonly<{
312
- name: string;
313
- label?: string | undefined;
314
- }>[] | undefined;
315
- accessibilityLabel?: string | undefined;
316
- accessibilityRole?: import("react-native").AccessibilityRole | undefined;
317
- accessibilityState?: import("react-native").AccessibilityState | undefined;
318
- accessibilityHint?: string | undefined;
319
- accessibilityValue?: import("react-native").AccessibilityValue | undefined;
320
- onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
321
- accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
322
- importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
323
- accessibilityElementsHidden?: boolean | undefined;
324
- accessibilityViewIsModal?: boolean | undefined;
325
- onAccessibilityEscape?: (() => void) | undefined;
326
- onAccessibilityTap?: (() => void) | undefined;
327
- onMagicTap?: (() => void) | undefined;
328
- accessibilityIgnoresInvertColors?: boolean | undefined;
286
+ value?: string | null;
287
+ icon?: string;
288
+ iconRight?: boolean;
289
+ disabled?: boolean;
290
+ borderRadius?: number;
291
+ color?: keyColor;
292
+ iconStyle?: ViewStyle;
293
+ textStyle?: TextStyle;
294
+ width?: number | string;
295
+ onPress?: null | ((event: import("react-native").GestureResponderEvent) => void);
296
+ onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void);
297
+ onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void);
298
+ onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void);
299
+ children?: React.ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode);
300
+ delayLongPress?: null | number;
301
+ hitSlop?: null | import("react-native").Insets | number;
302
+ pressRetentionOffset?: null | import("react-native").Insets | number;
303
+ android_disableSound?: null | boolean;
304
+ android_ripple?: null | import("react-native").PressableAndroidRippleConfig;
305
+ testOnly_pressed?: null | boolean;
306
+ accessible?: boolean;
307
+ accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[];
308
+ accessibilityLabel?: string;
309
+ accessibilityRole?: import("react-native").AccessibilityRole;
310
+ accessibilityState?: import("react-native").AccessibilityState;
311
+ accessibilityHint?: string;
312
+ accessibilityValue?: import("react-native").AccessibilityValue;
313
+ onAccessibilityAction?: (event: import("react-native").AccessibilityActionEvent) => void;
314
+ accessibilityLiveRegion?: "none" | "polite" | "assertive";
315
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants";
316
+ accessibilityElementsHidden?: boolean;
317
+ accessibilityViewIsModal?: boolean;
318
+ onAccessibilityEscape?: () => void;
319
+ onAccessibilityTap?: () => void;
320
+ onMagicTap?: () => void;
321
+ accessibilityIgnoresInvertColors?: boolean;
329
322
  onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
330
- pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
323
+ pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
331
324
  removeClippedSubviews?: boolean | undefined;
332
325
  testID?: string | undefined;
333
326
  nativeID?: string | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@janiscommerce/ui-native",
3
- "version": "1.26.0",
3
+ "version": "1.27.0-beta.1",
4
4
  "description": "components library for Janis app",
5
5
  "main": "dist/index.js",
6
6
  "typings": "dist/index.d.ts",
@@ -44,12 +44,15 @@
44
44
  },
45
45
  "homepage": "https://github.com/janis-commerce/ui-native#readme",
46
46
  "peerDependencies": {
47
- "react": ">=17.0.2 <19.0.0",
48
- "react-native": ">=0.67.5 <0.75.0",
47
+ "react": ">=17.0.2 <20.0.0",
48
+ "react-native": ">=0.71.5 <0.82.0",
49
49
  "react-native-gesture-handler": ">=2.9.0",
50
50
  "react-native-fast-image": "^8.5.11",
51
- "react-native-reanimated": "2.17.0",
52
- "react-native-toast-message": ">=1.6.0"
51
+ "react-native-reanimated": ">=3.16.0",
52
+ "react-native-toast-message": ">=1.6.0",
53
+ "react-native-svg": ">=12.0.0",
54
+ "react-native-safe-area-context": ">=4.6.0",
55
+ "@react-native-async-storage/async-storage": ">=1.19.0"
53
56
  },
54
57
  "devDependencies": {
55
58
  "@babel/core": "^7.12.9",
@@ -99,7 +102,13 @@
99
102
  "react-dom": "^17.0.2",
100
103
  "react-native": "0.67.5",
101
104
  "react-native-fast-image": "^8.5.11",
105
+ "react-native-gesture-handler": ">=2.9.0",
106
+ "react-native-reanimated": "2.17.0",
107
+ "react-native-toast-message": ">=1.6.0",
108
+ "react-native-svg": "12.1.1",
109
+ "react-native-safe-area-context": "^4.6.4",
102
110
  "react-native-svg-transformer": "^1.0.0",
111
+ "@react-native-async-storage/async-storage": "^1.19.0",
103
112
  "react-native-web": "^0.15.0",
104
113
  "react-test-renderer": "17.0.2",
105
114
  "setup-env": "^2.0.0",
@@ -125,15 +134,9 @@
125
134
  },
126
135
  "dependencies": {
127
136
  "@gorhom/bottom-sheet": "^4.6.3",
128
- "@react-native-async-storage/async-storage": "^1.19.0",
129
137
  "@react-native-community/datetimepicker": "^7.4.0",
130
138
  "@react-native-community/slider": "^4.4.2",
131
139
  "babel-plugin-module-resolver": "^5.0.2",
132
- "react-native-gesture-handler": ">=2.9.0",
133
- "react-native-reanimated": "2.17.0",
134
- "react-native-safe-area-context": "^4.6.4",
135
- "react-native-svg": "12.1.1",
136
- "react-native-toast-message": ">=1.6.0",
137
140
  "react-native-vector-icons": "^9.2.0"
138
141
  }
139
142
  }