react-native-boxes 1.0.5 → 1.0.6

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 (4) hide show
  1. package/dist/demo.js +78 -76
  2. package/dist/demo.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/demo.tsx +296 -294
package/dist/demo.js CHANGED
@@ -62,14 +62,15 @@ function DemoScreen({ navigation }) {
62
62
  forceUpdate();
63
63
  }, [selectedTheme]);
64
64
  const [, forceUpdate] = (0, react_1.useReducer)(x => x + 1, 0);
65
- return (<_1.VBox style={{
65
+ return (<react_native_safe_area_context_1.SafeAreaProvider>
66
+ <_1.VBox style={{
66
67
  backgroundColor: theme.colors.background,
67
68
  padding: 0,
68
69
  paddingBottom: bottomBarHeight,
69
70
  margin: 0,
70
71
  height: '100%'
71
72
  }}>
72
- <_1.SimpleToolbar title="Demo" homeIcon={(0, utils_1.ReactWrapper)(<Image_1.Icon color={theme.colors.invert.text} name="plus"/>)} options={[
73
+ <_1.SimpleToolbar title="Demo" homeIcon={(0, utils_1.ReactWrapper)(<Image_1.Icon color={theme.colors.invert.text} name="plus"/>)} options={[
73
74
  {
74
75
  id: 'test',
75
76
  icon: 'gear',
@@ -79,26 +80,26 @@ function DemoScreen({ navigation }) {
79
80
  {
80
81
  id: 'test2',
81
82
  icon: (0, utils_1.ReactWrapper)(<_1.PressableView>
82
- <Image_1.Avatar style={{
83
+ <Image_1.Avatar style={{
83
84
  margin: 0,
84
85
  height: theme.dimens?.icon?.md * 1.25,
85
86
  width: theme.dimens?.icon?.md * 1.25,
86
87
  }} iconUrl="https://avatars.githubusercontent.com/u/16799797?v=4"/>
87
- </_1.PressableView>),
88
+ </_1.PressableView>),
88
89
  onClick: (id) => {
89
90
  }
90
91
  }
91
92
  ]}/>
92
- <Box_1.default automaticallyAdjustKeyboardInsets={true} keyboardShouldPersistTaps={'handled'} style={{
93
+ <Box_1.default automaticallyAdjustKeyboardInsets={true} keyboardShouldPersistTaps={'handled'} style={{
93
94
  flexGrow: 1,
94
95
  }} nestedScrollEnabled={true} showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false}>
95
96
 
96
- <_1.Center style={{
97
+ <_1.Center style={{
97
98
  flexDirection: 'row',
98
99
  padding: 20
99
100
  }}>
100
101
 
101
- <Image_1.Avatar onPress={() => {
102
+ <Image_1.Avatar onPress={() => {
102
103
  setbottomsheetVisible(true);
103
104
  }} style={{
104
105
  borderColor: theme.colors.success,
@@ -107,8 +108,8 @@ function DemoScreen({ navigation }) {
107
108
  color: theme.colors.success,
108
109
  size: theme.dimens.icon.lg
109
110
  }}/>
110
- <_1.Center>
111
- <Image_1.Avatar style={{
111
+ <_1.Center>
112
+ <Image_1.Avatar style={{
112
113
  borderWidth: theme.dimens.space.sm,
113
114
  width: 100,
114
115
  height: 100,
@@ -120,102 +121,102 @@ function DemoScreen({ navigation }) {
120
121
  color: theme.colors.success,
121
122
  size: theme.dimens.icon.lg
122
123
  }} iconUrl='https://cdn.truelancer.com/user-picture/307510-5c1f11bad82e9.jpg'/>
123
- <_1.Subtitle>{mText}</_1.Subtitle>
124
- </_1.Center>
124
+ <_1.Subtitle>{mText}</_1.Subtitle>
125
+ </_1.Center>
125
126
 
126
- <Image_1.Avatar style={{
127
+ <Image_1.Avatar style={{
127
128
  borderColor: theme.colors.success,
128
129
  color: theme.colors.success
129
130
  }} onPress={() => {
130
131
  setbottomsheetVisible(true);
131
132
  }} iconText='SN'/>
132
- </_1.Center>
133
- <_1.Expand title='Message Alert' initialExpand={false} style={{
133
+ </_1.Center>
134
+ <_1.Expand title='Message Alert' initialExpand={false} style={{
134
135
  backgroundColor: theme.colors.forground
135
136
  }} titleBackgroundColor={theme.colors.forground}>
136
- <_1.VBox>
137
- <Message_1.AlertMessage text={alert} onDismiss={() => {
137
+ <_1.VBox>
138
+ <Message_1.AlertMessage text={alert} onDismiss={() => {
138
139
  react_native_1.LayoutAnimation.configureNext(react_native_1.LayoutAnimation.Presets.easeInEaseOut);
139
140
  setAlert('');
140
141
  }}/>
141
- <Message_1.AlertMessage text='Critial Message' type='critical'/>
142
- <Message_1.AlertMessage text='Success' type='success'/>
143
- <Message_1.AlertMessage text='Warning Message' type='warning'/>
144
- </_1.VBox>
142
+ <Message_1.AlertMessage text='Critial Message' type='critical'/>
143
+ <Message_1.AlertMessage text='Success' type='success'/>
144
+ <Message_1.AlertMessage text='Warning Message' type='warning'/>
145
+ </_1.VBox>
145
146
 
146
- </_1.Expand>
147
- <_1.Expand style={{
147
+ </_1.Expand>
148
+ <_1.Expand style={{
148
149
  padding: 0,
149
150
  borderWidth: 0.1,
150
151
  borderColor: '#DCDCDC'
151
152
  }} duration={200} title='In this version, the icon used is always chevron-right even when expanded. In this version, the icon used is always chevron-right even when expanded.' initialExpand={false} iconPosition='right'>
152
- <_1.VBox>
153
- <_1.Title>Text A</_1.Title>
154
- <_1.Subtitle>Text A Text A Text AText A Text AText A</_1.Subtitle>
155
- <_1.TextView>Text A</_1.TextView>
156
- <_1.Caption>Text Caption</_1.Caption>
157
- </_1.VBox>
158
- </_1.Expand>
159
- <_1.Expand title='Inputs'>
153
+ <_1.VBox>
154
+ <_1.Title>Text A</_1.Title>
155
+ <_1.Subtitle>Text A Text A Text AText A Text AText A</_1.Subtitle>
156
+ <_1.TextView>Text A</_1.TextView>
157
+ <_1.Caption>Text Caption</_1.Caption>
158
+ </_1.VBox>
159
+ </_1.Expand>
160
+ <_1.Expand title='Inputs'>
160
161
 
161
- <_1.VBox>
162
- <_1.TextInputView style={{
162
+ <_1.VBox>
163
+ <_1.TextInputView style={{
163
164
  fontFamily: theme.fonts.Bold
164
165
  }} initialText={mText} value={mText} onChangeText={t => setMText(t)}/>
165
- <_1.CompositeTextInputView onChangeText={t => setMText(t)} placeholder='A test' initialText='Test'/>
166
- <_1.CompositeTextInputView inputMode='decimal' icon={"close"} style={{}} alertTextColor={theme.colors.warning} placeholder='Enter your name' initialText='Test' value={mText} onChangeText={t => setMText(t)}/>
167
- <_1.CompositeTextInputView style={{}} placeholder='Enter number' alertText={mText?.indexOf("@") > -1 ? '' : 'Please enter @ or else I am gonna come down at your place and mess you up buddy !'} initialText='Test' value={mText} onChangeText={t => setMText(t)}/>
168
- </_1.VBox>
169
- </_1.Expand>
166
+ <_1.CompositeTextInputView onChangeText={t => setMText(t)} placeholder='A test' initialText='Test'/>
167
+ <_1.CompositeTextInputView inputMode='decimal' icon={"close"} style={{}} alertTextColor={theme.colors.warning} placeholder='Enter your name' initialText='Test' value={mText} onChangeText={t => setMText(t)}/>
168
+ <_1.CompositeTextInputView style={{}} placeholder='Enter number' alertText={mText?.indexOf("@") > -1 ? '' : 'Please enter @ or else I am gonna come down at your place and mess you up buddy !'} initialText='Test' value={mText} onChangeText={t => setMText(t)}/>
169
+ </_1.VBox>
170
+ </_1.Expand>
170
171
 
171
- <_1.Expand iconStyle={{
172
+ <_1.Expand iconStyle={{
172
173
  name: 'chevron-right',
173
174
  color: 'red'
174
175
  }} title='Buttons' initialExpand={false}>
175
- <_1.VBox style={{}}>
176
- <_1.VBox>
177
- <_1.ButtonView icon={btnIcon} style={{}}>Button Icon</_1.ButtonView>
176
+ <_1.VBox style={{}}>
177
+ <_1.VBox>
178
+ <_1.ButtonView icon={btnIcon} style={{}}>Button Icon</_1.ButtonView>
178
179
 
179
- <_1.ButtonView style={{}}>Button Text</_1.ButtonView>
180
- </_1.VBox>
181
- <_1.RightIconButton text='Click Me Icon' icon={btnIcon}>
182
- </_1.RightIconButton>
180
+ <_1.ButtonView style={{}}>Button Text</_1.ButtonView>
181
+ </_1.VBox>
182
+ <_1.RightIconButton text='Click Me Icon' icon={btnIcon}>
183
+ </_1.RightIconButton>
183
184
 
184
- <_1.Center>
185
- <_1.LoadingButton onPress={(e) => {
185
+ <_1.Center>
186
+ <_1.LoadingButton onPress={(e) => {
186
187
  setLoading(!loading);
187
188
  }} loading={loading} text='Click Me'/>
188
189
 
189
- <_1.ButtonView underlayColor={theme.colors.transparent} style={{
190
+ <_1.ButtonView underlayColor={theme.colors.transparent} style={{
190
191
  color: theme.colors.accent,
191
192
  backgroundColor: theme.colors.transparent,
192
193
  }}>Tertiary button</_1.ButtonView>
193
194
 
194
- </_1.Center>
195
+ </_1.Center>
195
196
 
196
- <_1.Expand title='Nested expand'>
197
- <_1.HBox style={{
197
+ <_1.Expand title='Nested expand'>
198
+ <_1.HBox style={{
198
199
  justifyContent: 'center',
199
200
  }}>
200
- <_1.LoadingButton style={{
201
+ <_1.LoadingButton style={{
201
202
  width: 'auto'
202
203
  }} onPress={(e) => {
203
204
  setLoading(!loading);
204
205
  }} loading={loading} text='Click Me left'/>
205
- <_1.LoadingButton loaderStyle='transparent' style={{
206
+ <_1.LoadingButton loaderStyle='transparent' style={{
206
207
  width: 'auto'
207
208
  }} onPress={(e) => {
208
209
  setLoading(!loading);
209
210
  }} loading={loading} text='Click Me right'/>
210
- </_1.HBox>
211
- </_1.Expand>
211
+ </_1.HBox>
212
+ </_1.Expand>
212
213
 
213
- </_1.VBox>
214
- </_1.Expand>
214
+ </_1.VBox>
215
+ </_1.Expand>
215
216
 
216
217
 
217
218
 
218
- <_1.ButtonView underlayColor={theme.colors.transparent} style={{
219
+ <_1.ButtonView underlayColor={theme.colors.transparent} style={{
219
220
  color: theme.colors.accent,
220
221
  backgroundColor: theme.colors.transparent,
221
222
  }} onPress={() => {
@@ -223,7 +224,7 @@ function DemoScreen({ navigation }) {
223
224
  }}>{selectedTheme ? 'Light' : 'Dark'}</_1.ButtonView>
224
225
 
225
226
 
226
- <_1.ButtonView underlayColor={theme.colors.transparent} style={{
227
+ <_1.ButtonView underlayColor={theme.colors.transparent} style={{
227
228
  color: theme.colors.accent,
228
229
  backgroundColor: theme.colors.transparent,
229
230
  }} onPress={() => {
@@ -231,8 +232,8 @@ function DemoScreen({ navigation }) {
231
232
  }}>Show Sheet</_1.ButtonView>
232
233
 
233
234
 
234
- </Box_1.default>
235
- <_1.BottomNavBar style={{
235
+ </Box_1.default>
236
+ <_1.BottomNavBar style={{
236
237
  borderTopLeftRadius: theme.dimens.space.md,
237
238
  borderTopRightRadius: theme.dimens.space.md,
238
239
  }} onSelect={setSelectedBottomBarId} selectedId={selectedBottombarId} options={[
@@ -255,7 +256,7 @@ function DemoScreen({ navigation }) {
255
256
  id: 'profile',
256
257
  title: 'Profile',
257
258
  icon: (0, utils_1.ReactWrapper)(<_1.PressableView>
258
- <Image_1.Avatar onPress={() => {
259
+ <Image_1.Avatar onPress={() => {
259
260
  setSelectedBottomBarId('profile');
260
261
  }} style={{
261
262
  borderColor: selectedBottombarId == 'profile' ?
@@ -266,36 +267,37 @@ function DemoScreen({ navigation }) {
266
267
  }}
267
268
  // iconName='user'
268
269
  iconUrl="https://avatars.githubusercontent.com/u/16799797?v=4"/>
269
- </_1.PressableView>)
270
+ </_1.PressableView>)
270
271
  }
271
272
  ]} onDimens={(w, h) => {
272
273
  setBottombarHeight(h);
273
274
  console.log("bottomBarHeight", h);
274
275
  }}/>
275
276
 
276
- <Modal_1.BottomSheet title="About" visible={bottomsheetVisible} onDismiss={() => {
277
+ <Modal_1.BottomSheet title="About" visible={bottomsheetVisible} onDismiss={() => {
277
278
  setbottomsheetVisible(false);
278
279
  }}>
279
- <_1.TextView>Dinosaurs are a diverse group of reptiles of the clade Dinosauria. They first appeared during the Triassic period, between 243 and 233.23 million years ago, although the exact origin and timing of the evolution of dinosaurs is a subject of active research.</_1.TextView>
280
+ <_1.TextView>Dinosaurs are a diverse group of reptiles of the clade Dinosauria. They first appeared during the Triassic period, between 243 and 233.23 million years ago, although the exact origin and timing of the evolution of dinosaurs is a subject of active research.</_1.TextView>
280
281
 
281
- <_1.TextView>Dinosaurs are a diverse group of reptiles of the clade Dinosauria. They first appeared during the Triassic period, between 243 and 233.23 million years ago, although the exact origin and timing of the evolution of dinosaurs is a subject of active research.</_1.TextView>
282
- <_1.Expand title='Types' initialExpand={false} style={{
282
+ <_1.TextView>Dinosaurs are a diverse group of reptiles of the clade Dinosauria. They first appeared during the Triassic period, between 243 and 233.23 million years ago, although the exact origin and timing of the evolution of dinosaurs is a subject of active research.</_1.TextView>
283
+ <_1.Expand title='Types' initialExpand={false} style={{
283
284
  padding: 0,
284
285
  backgroundColor: theme.colors.forground
285
286
  }} titleBackgroundColor={theme.colors.forground}>
286
- <_1.VBox>
287
- <Message_1.AlertMessage text={alert} onDismiss={() => {
287
+ <_1.VBox>
288
+ <Message_1.AlertMessage text={alert} onDismiss={() => {
288
289
  react_native_1.LayoutAnimation.configureNext(react_native_1.LayoutAnimation.Presets.easeInEaseOut);
289
290
  setAlert('');
290
291
  }}/>
291
- <Message_1.AlertMessage text='Tyrannosaurus rex' type='critical'/>
292
- <Message_1.AlertMessage text='Spinosaurus' type='success'/>
293
- <Message_1.AlertMessage text='Ankylosaurs' type='warning'/>
294
- </_1.VBox>
292
+ <Message_1.AlertMessage text='Tyrannosaurus rex' type='critical'/>
293
+ <Message_1.AlertMessage text='Spinosaurus' type='success'/>
294
+ <Message_1.AlertMessage text='Ankylosaurs' type='warning'/>
295
+ </_1.VBox>
295
296
 
296
- </_1.Expand>
297
- </Modal_1.BottomSheet>
298
- </_1.VBox>);
297
+ </_1.Expand>
298
+ </Modal_1.BottomSheet>
299
+ </_1.VBox>
300
+ </react_native_safe_area_context_1.SafeAreaProvider>);
299
301
  }
300
302
  exports.DemoScreen = DemoScreen;
301
303
  //# sourceMappingURL=demo.js.map
package/dist/demo.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"demo.js","sourceRoot":"","sources":["../src/demo.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"demo.js","sourceRoot":"","sources":["../src/demo.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAoE;AACpE,6CAA8B;AAC9B,+CAA6D;AAC7D,wBAAuO;AACvO,iFAAyD;AACzD,mFAAqF;AACrF,uCAAyC;AACzC,mCAAsC;AACtC,mCAAuC;AACvC,mCAAuC;AACvC,gDAA+C;AAC/C,qCAAmD;AAMnD,SAAgB,UAAU,CAAC,EAAE,UAAU,EAAmB;IAExD,MAAM,KAAK,GAAU,IAAA,kBAAU,EAAC,eAAY,CAAC,CAAA;IAC7C,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;IACxB,MAAM,OAAO,GAAG,CAAC,CAAC,qBAAW,CAAC,IAAI,CAAC,QAAQ,CACzC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAC3B,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAC,CAAA;IACtC,MAAM,MAAM,GAAG,IAAA,kDAAiB,GAAE,CAAC;IACnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,8EAA8E,CAAC,CAAA;IAC/G,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnE,SAAS,QAAQ,CAAC,EAAU;QAC1B,KAAK,CAAC,EAAE,CAAC,CAAA;QACT,UAAU,CAAC,GAAG,EAAE;YACd,KAAK,CAAC,8EAA8E,CAAC,CAAA;QACvF,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC;IAED,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAA;IACtE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAA;IAC9C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAC7E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;IACxD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,KAAK,CAAC,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,oBAAW,CAAC,CAAC,CAAC,mBAAU,CAAA;QACvD,WAAW,EAAE,CAAA;IACf,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,IAAA,kBAAU,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAElD,OAAO,CACL,CAAC,iDAAgB,CACf;MAAA,CAAC,OAAI,CACH,KAAK,CAAC,CAAC;YACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YACxC,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,eAAe;YAC9B,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,MAAM;SACf,CAAC,CACF;QAAA,CAAC,gBAAa,CACZ,KAAK,CAAC,MAAM,CACZ,QAAQ,CAAC,CACP,IAAA,oBAAY,EAAC,CAAC,YAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,EAAG,CACpE,CAAC,CACD,OAAO,CAAC,CAAC;YACP;gBACE,EAAE,EAAE,MAAM;gBACV,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBAChB,CAAC;aACF;YACD;gBACE,EAAE,EAAE,OAAO;gBACX,IAAI,EAAE,IAAA,oBAAY,EAAC,CAAC,gBAAa,CAC/B;gBAAA,CAAC,cAAM,CACL,KAAK,CAAC,CAAC;wBACL,MAAM,EAAE,CAAC;wBACT,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI;wBACrC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI;qBACrC,CAAC,CACF,OAAO,CAAC,sDAAsD,EAClE;cAAA,EAAE,gBAAa,CAAC,CAAC;gBACjB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBAChB,CAAC;aACF;SACF,CAAC,EACJ;QAAA,CAAC,aAA0B,CACzB,iCAAiC,CAAC,CAAC,IAAI,CAAC,CACxC,yBAAyB,CAAC,CAAC,SAAS,CAAC,CACrC,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,CAAC;SACZ,CAAC,CACF,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAC1B,8BAA8B,CAAC,CAAC,KAAK,CAAC,CACtC,4BAA4B,CAAC,CAAC,KAAK,CAAC,CAGpC;;UAAA,CAAC,SAAM,CAAC,KAAK,CAAC,CAAC;YACb,aAAa,EAAE,KAAK;YACpB,OAAO,EAAE,EAAE;SACZ,CAAC,CAEA;;YAAA,CAAC,cAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC,CAAC,CACF,KAAK,CAAC,CAAC;YACL,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAClC,CAAC,CACF,aAAa,CAAC,CAAC;YACb,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YAC3B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;SAC3B,CAAC,EAEJ;YAAA,CAAC,SAAM,CACL;cAAA,CAAC,cAAM,CACL,KAAK,CAAC,CAAC;YACL,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YAClC,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAClC,CAAC,CACF,QAAQ,CAAC,IAAI,CACb,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC,CAAC,CACF,aAAa,CAAC,CAAC;YACb,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YAC3B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;SAC3B,CAAC,CACF,OAAO,CAAC,kEAAkE,EAC5E;cAAA,CAAC,WAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,WAAQ,CAC7B;YAAA,EAAE,SAAM,CAER;;YAAA,CAAC,cAAM,CACL,KAAK,CAAC,CAAC;YACL,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACjC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAC5B,CAAC,CACF,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC,CAAC,CACF,QAAQ,CAAC,IAAI,EACjB;UAAA,EAAE,SAAM,CACR;UAAA,CAAC,SAAM,CAAC,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,CACjD,KAAK,CAAC,CAAC;YACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;SACxC,CAAC,CACF,oBAAoB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAE7C;YAAA,CAAC,OAAI,CACH;cAAA,CAAC,sBAAY,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE;YACzC,8BAAe,CAAC,aAAa,CAAC,8BAAe,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YACrE,QAAQ,CAAC,EAAE,CAAC,CAAA;QACd,CAAC,CAAC,EACF;cAAA,CAAC,sBAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,EACpD;cAAA,CAAC,sBAAY,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAC3C;cAAA,CAAC,sBAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,EACrD;YAAA,EAAE,OAAI,CAER;;UAAA,EAAE,SAAM,CACR;UAAA,CAAC,SAAM,CACL,KAAK,CAAC,CAAC;YACL,OAAO,EAAE,CAAC;YACV,WAAW,EAAE,GAAG;YAChB,WAAW,EAAE,SAAS;SACvB,CAAC,CACF,QAAQ,CAAC,CAAC,GAAG,CAAC,CACd,KAAK,CAAC,uJAAuJ,CAC7J,aAAa,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAC1C;YAAA,CAAC,OAAI,CACH;cAAA,CAAC,QAAK,CAAC,MAAM,EAAE,QAAK,CACpB;cAAA,CAAC,WAAQ,CAAC,uCAAuC,EAAE,WAAQ,CAC3D;cAAA,CAAC,WAAQ,CAAC,MAAM,EAAE,WAAQ,CAC1B;cAAA,CAAC,UAAO,CAAC,YAAY,EAAE,UAAO,CAChC;YAAA,EAAE,OAAI,CACR;UAAA,EAAE,SAAM,CACR;UAAA,CAAC,SAAM,CAAC,KAAK,CAAC,QAAQ,CAEpB;;YAAA,CAAC,OAAI,CACH;cAAA,CAAC,gBAAa,CACZ,KAAK,CAAC,CAAC;YACL,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;SAC7B,CAAC,CACF,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EACjC;cAAA,CAAC,yBAAsB,CACrB,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAC/B,WAAW,CAAC,QAAQ,CACpB,WAAW,CAAC,MAAM,EACpB;cAAA,CAAC,yBAAsB,CACrB,SAAS,CAAC,SAAS,CACnB,IAAI,CAAC,CAAC,OAAO,CAAC,CACd,KAAK,CAAC,CAAC,EACN,CAAC,CACF,cAAc,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CACrC,WAAW,CAAC,iBAAiB,CAC7B,WAAW,CAAC,MAAM,CAClB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EACjC;cAAA,CAAC,yBAAsB,CACrB,KAAK,CAAC,CAAC,EACN,CAAC,CACF,WAAW,CAAC,cAAc,CAC1B,SAAS,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mFAAmF,CAAC,CAC/H,WAAW,CAAC,MAAM,CAClB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EACnC;YAAA,EAAE,OAAI,CACR;UAAA,EAAE,SAAM,CAER;;UAAA,CAAC,SAAM,CACL,SAAS,CAAC,CAAC;YACT,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,KAAK;SACb,CAAC,CACF,KAAK,CAAC,SAAS,CACf,aAAa,CAAC,CAAC,KAAK,CAAC,CACrB;YAAA,CAAC,OAAI,CAAC,KAAK,CAAC,CAAC,EACZ,CAAC,CACA;cAAA,CAAC,OAAK,AAAD,CACH;gBAAA,CAAC,aAAU,CACT,IAAI,CAAC,CAAC,OAAO,CAAC,CACd,KAAK,CAAC,CAAC,EACN,CAAC,CAAC,WAAW,EAAE,aAAU,CAE5B;;gBAAA,CAAC,aAAU,CAAC,KAAK,CAAC,CAAC,EAClB,CAAC,CAAC,WAAW,EAAE,aAAU,CAC5B;cAAA,EAAE,OAAI,CACN;cAAA,CAAC,kBAAe,CACd,IAAI,CAAC,eAAe,CACpB,IAAI,CAAC,CAAC,OAAO,CAAC,CAChB;cAAA,EAAE,kBAAe,CAEjB;;cAAA,CAAC,SAAM,CACL;gBAAA,CAAC,gBAAa,CAEZ,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,UAAU,CAAC,CAAC,OAAO,CAAC,CAAA;QACtB,CAAC,CAAC,CACF,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,UAAU,EAEjB;;gBAAA,CAAC,aAAU,CACT,aAAa,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CACxC,KAAK,CAAC,CAAC;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;YAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;SAC1C,CAAC,CAAC,eAAe,EAAE,aAAU,CAElC;;cAAA,EAAE,SAAM,CAER;;cAAA,CAAC,SAAM,CAAC,KAAK,CAAC,eAAe,CAC3B;gBAAA,CAAC,OAAI,CAAC,KAAK,CAAC,CAAC;YACX,cAAc,EAAE,QAAQ;SACzB,CAAC,CACA;kBAAA,CAAC,gBAAa,CACZ,KAAK,CAAC,CAAC;YACL,KAAK,EAAE,MAAM;SACd,CAAC,CACF,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,UAAU,CAAC,CAAC,OAAO,CAAC,CAAA;QACtB,CAAC,CAAC,CACF,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,eAAe,EACtB;kBAAA,CAAC,gBAAa,CACZ,WAAW,CAAC,aAAa,CACzB,KAAK,CAAC,CAAC;YACL,KAAK,EAAE,MAAM;SACd,CAAC,CACF,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,UAAU,CAAC,CAAC,OAAO,CAAC,CAAA;QACtB,CAAC,CAAC,CACF,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,gBAAgB,EACzB;gBAAA,EAAE,OAAI,CACR;cAAA,EAAE,SAAM,CAEV;;YAAA,EAAE,OAAI,CACR;UAAA,EAAE,SAAM,CAIR;;;;UAAA,CAAC,aAAU,CACT,aAAa,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CACxC,KAAK,CAAC,CAAC;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;YAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;SAC1C,CAAC,CACF,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAA;QAClC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,aAAU,CAGnD;;;UAAA,CAAC,aAAU,CACT,aAAa,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CACxC,KAAK,CAAC,CAAC;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;YAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;SAC1C,CAAC,CACF,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC,CAAC,CAAC,UAAU,EAAE,aAAU,CAG7B;;;QAAA,EAAE,aAA0B,CAC5B;QAAA,CAAC,eAAY,CACX,KAAK,CAAC,CAAC;YACL,mBAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YAC1C,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;SAC5C,CAAC,CACF,QAAQ,CAAC,CAAC,sBAAsB,CAAC,CACjC,UAAU,CAAC,CAAC,mBAAmB,CAAC,CAChC,OAAO,CAAC,CAAC;YACP;gBACE,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,MAAM;aACb;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,MAAM;aACb;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,EAAE,EAAE,SAAS;gBACb,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,IAAA,oBAAY,EAAC,CAAC,gBAAa,CAC/B;gBAAA,CAAC,cAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE;wBACZ,sBAAsB,CAAC,SAAS,CAAC,CAAA;oBACnC,CAAC,CAAC,CACF,KAAK,CAAC,CAAC;wBACL,WAAW,EAAE,mBAAmB,IAAI,SAAS,CAAC,CAAC;4BAC7C,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;wBAC5C,MAAM,EAAE,CAAC;wBACT,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;wBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;qBAC9B,CAAC;gBACF,kBAAkB;gBAClB,OAAO,CAAC,sDAAsD,EAElE;cAAA,EAAE,gBAAa,CAAC,CAAC;aAClB;SACF,CAAC,CACF,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACjB,kBAAkB,CAAC,CAAC,CAAC,CAAA;YACrB,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAA;QACnC,CAAC,CAAC,EAEJ;;QAAA,CAAC,mBAAW,CACV,KAAK,CAAC,OAAO,CACb,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE;YAC3C,qBAAqB,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC,CAAC,CACF;UAAA,CAAC,WAAQ,CAAC,gQAAgQ,EAAE,WAAQ,CAEpR;;UAAA,CAAC,WAAQ,CAAC,gQAAgQ,EAAE,WAAQ,CACpR;UAAA,CAAC,SAAM,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,CACzC,KAAK,CAAC,CAAC;YACL,OAAO,EAAE,CAAC;YACV,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;SACxC,CAAC,CACF,oBAAoB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAE7C;YAAA,CAAC,OAAI,CACH;cAAA,CAAC,sBAAY,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE;YACzC,8BAAe,CAAC,aAAa,CAAC,8BAAe,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YACrE,QAAQ,CAAC,EAAE,CAAC,CAAA;QACd,CAAC,CAAC,EACF;cAAA,CAAC,sBAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,EACtD;cAAA,CAAC,sBAAY,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAC/C;cAAA,CAAC,sBAAY,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EACjD;YAAA,EAAE,OAAI,CAER;;UAAA,EAAE,SAAM,CACV;QAAA,EAAE,mBAAW,CACf;MAAA,EAAE,OAAI,CACR;IAAA,EAAE,iDAAgB,CAAC,CACpB,CAAC;AACJ,CAAC;AA/WD,gCA+WC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-boxes",
3
- "version": "1.0.5",
3
+ "version": "1.0.6",
4
4
  "description": "A react native library for rapid development of UI using boxes",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/demo.tsx CHANGED
@@ -3,7 +3,7 @@ import * as React from 'react'
3
3
  import { LayoutAnimation, SafeAreaView } from 'react-native';
4
4
  import { BottomNavBar, ButtonView, Caption, Center, CompositeTextInputView, Expand, HBox, LoadingButton, PressableView, RightIconButton, SimpleToolbar, Subtitle, TextInputView, TextView, Theme, ThemeContext, Title, VBox } from '.';
5
5
  import FontAwesome from '@expo/vector-icons/FontAwesome';
6
- import { useSafeAreaInsets } from 'react-native-safe-area-context';
6
+ import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
7
7
  import { AlertMessage } from './Message';
8
8
  import { BottomSheet } from './Modal';
9
9
  import { Avatar, Icon } from './Image';
@@ -44,340 +44,342 @@ export function DemoScreen({ navigation }: DemoScreenProps) {
44
44
  const [, forceUpdate] = useReducer(x => x + 1, 0);
45
45
 
46
46
  return (
47
- <VBox
48
- style={{
49
- backgroundColor: theme.colors.background,
50
- padding: 0,
51
- paddingBottom: bottomBarHeight,
52
- margin: 0,
53
- height: '100%'
54
- }} >
55
- <SimpleToolbar
56
- title="Demo"
57
- homeIcon={
58
- ReactWrapper(<Icon color={theme.colors.invert.text} name="plus" />)
59
- }
60
- options={[
61
- {
62
- id: 'test',
63
- icon: 'gear',
64
- onClick: (id) => {
65
- }
66
- },
67
- {
68
- id: 'test2',
69
- icon: ReactWrapper(<PressableView>
70
- <Avatar
71
- style={{
72
- margin: 0,
73
- height: theme.dimens?.icon?.md * 1.25,
74
- width: theme.dimens?.icon?.md * 1.25,
75
- }}
76
- iconUrl="https://avatars.githubusercontent.com/u/16799797?v=4" />
77
- </PressableView>),
78
- onClick: (id) => {
79
- }
80
- }
81
- ]} />
82
- <KeyboardAvoidingScrollView
83
- automaticallyAdjustKeyboardInsets={true}
84
- keyboardShouldPersistTaps={'handled'}
47
+ <SafeAreaProvider>
48
+ <VBox
85
49
  style={{
86
- flexGrow: 1,
87
- }}
88
- nestedScrollEnabled={true}
89
- showsHorizontalScrollIndicator={false}
90
- showsVerticalScrollIndicator={false}
91
- >
50
+ backgroundColor: theme.colors.background,
51
+ padding: 0,
52
+ paddingBottom: bottomBarHeight,
53
+ margin: 0,
54
+ height: '100%'
55
+ }} >
56
+ <SimpleToolbar
57
+ title="Demo"
58
+ homeIcon={
59
+ ReactWrapper(<Icon color={theme.colors.invert.text} name="plus" />)
60
+ }
61
+ options={[
62
+ {
63
+ id: 'test',
64
+ icon: 'gear',
65
+ onClick: (id) => {
66
+ }
67
+ },
68
+ {
69
+ id: 'test2',
70
+ icon: ReactWrapper(<PressableView>
71
+ <Avatar
72
+ style={{
73
+ margin: 0,
74
+ height: theme.dimens?.icon?.md * 1.25,
75
+ width: theme.dimens?.icon?.md * 1.25,
76
+ }}
77
+ iconUrl="https://avatars.githubusercontent.com/u/16799797?v=4" />
78
+ </PressableView>),
79
+ onClick: (id) => {
80
+ }
81
+ }
82
+ ]} />
83
+ <KeyboardAvoidingScrollView
84
+ automaticallyAdjustKeyboardInsets={true}
85
+ keyboardShouldPersistTaps={'handled'}
86
+ style={{
87
+ flexGrow: 1,
88
+ }}
89
+ nestedScrollEnabled={true}
90
+ showsHorizontalScrollIndicator={false}
91
+ showsVerticalScrollIndicator={false}
92
+ >
92
93
 
93
- <Center style={{
94
- flexDirection: 'row',
95
- padding: 20
96
- }}>
94
+ <Center style={{
95
+ flexDirection: 'row',
96
+ padding: 20
97
+ }}>
97
98
 
98
- <Avatar
99
- onPress={() => {
100
- setbottomsheetVisible(true)
101
- }}
102
- style={{
103
- borderColor: theme.colors.success,
104
- }}
105
- iconNameProps={{
106
- name: 'user',
107
- color: theme.colors.success,
108
- size: theme.dimens.icon.lg
109
- }}
110
- />
111
- <Center>
112
99
  <Avatar
113
- style={{
114
- borderWidth: theme.dimens.space.sm,
115
- width: 100,
116
- height: 100,
117
- borderColor: theme.colors.success
118
- }}
119
- iconText='SN'
120
100
  onPress={() => {
121
101
  setbottomsheetVisible(true)
122
102
  }}
103
+ style={{
104
+ borderColor: theme.colors.success,
105
+ }}
123
106
  iconNameProps={{
124
107
  name: 'user',
125
108
  color: theme.colors.success,
126
109
  size: theme.dimens.icon.lg
127
110
  }}
128
- iconUrl='https://cdn.truelancer.com/user-picture/307510-5c1f11bad82e9.jpg' />
129
- <Subtitle>{mText}</Subtitle>
130
- </Center>
131
-
132
- <Avatar
133
- style={{
134
- borderColor: theme.colors.success,
135
- color: theme.colors.success
136
- }}
137
- onPress={() => {
138
- setbottomsheetVisible(true)
139
- }}
140
- iconText='SN' />
141
- </Center>
142
- <Expand title='Message Alert' initialExpand={false}
143
- style={{
144
- backgroundColor: theme.colors.forground
145
- }}
146
- titleBackgroundColor={theme.colors.forground}
147
- >
148
- <VBox>
149
- <AlertMessage text={alert} onDismiss={() => {
150
- LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
151
- setAlert('')
152
- }} />
153
- <AlertMessage text='Critial Message' type='critical' />
154
- <AlertMessage text='Success' type='success' />
155
- <AlertMessage text='Warning Message' type='warning' />
156
- </VBox>
157
-
158
- </Expand>
159
- <Expand
160
- style={{
161
- padding: 0,
162
- borderWidth: 0.1,
163
- borderColor: '#DCDCDC'
164
- }}
165
- duration={200}
166
- title='In this version, the icon used is always chevron-right even when expanded. In this version, the icon used is always chevron-right even when expanded.'
167
- initialExpand={false} iconPosition='right'>
168
- <VBox>
169
- <Title>Text A</Title>
170
- <Subtitle>Text A Text A Text AText A Text AText A</Subtitle>
171
- <TextView>Text A</TextView>
172
- <Caption>Text Caption</Caption>
173
- </VBox>
174
- </Expand>
175
- <Expand title='Inputs'>
111
+ />
112
+ <Center>
113
+ <Avatar
114
+ style={{
115
+ borderWidth: theme.dimens.space.sm,
116
+ width: 100,
117
+ height: 100,
118
+ borderColor: theme.colors.success
119
+ }}
120
+ iconText='SN'
121
+ onPress={() => {
122
+ setbottomsheetVisible(true)
123
+ }}
124
+ iconNameProps={{
125
+ name: 'user',
126
+ color: theme.colors.success,
127
+ size: theme.dimens.icon.lg
128
+ }}
129
+ iconUrl='https://cdn.truelancer.com/user-picture/307510-5c1f11bad82e9.jpg' />
130
+ <Subtitle>{mText}</Subtitle>
131
+ </Center>
176
132
 
177
- <VBox>
178
- <TextInputView
179
- style={{
180
- fontFamily: theme.fonts.Bold
181
- }}
182
- initialText={mText}
183
- value={mText}
184
- onChangeText={t => setMText(t)} />
185
- <CompositeTextInputView
186
- onChangeText={t => setMText(t)}
187
- placeholder='A test'
188
- initialText='Test' />
189
- <CompositeTextInputView
190
- inputMode='decimal'
191
- icon={"close"}
133
+ <Avatar
192
134
  style={{
135
+ borderColor: theme.colors.success,
136
+ color: theme.colors.success
193
137
  }}
194
- alertTextColor={theme.colors.warning}
195
- placeholder='Enter your name'
196
- initialText='Test'
197
- value={mText}
198
- onChangeText={t => setMText(t)} />
199
- <CompositeTextInputView
200
- style={{
138
+ onPress={() => {
139
+ setbottomsheetVisible(true)
201
140
  }}
202
- placeholder='Enter number'
203
- alertText={mText?.indexOf("@") > -1 ? '' : 'Please enter @ or else I am gonna come down at your place and mess you up buddy !'}
204
- initialText='Test'
205
- value={mText}
206
- onChangeText={t => setMText(t)} />
207
- </VBox>
208
- </Expand>
209
-
210
- <Expand
211
- iconStyle={{
212
- name: 'chevron-right',
213
- color: 'red'
214
- }}
215
- title='Buttons'
216
- initialExpand={false}>
217
- <VBox style={{
218
- }}>
219
- <VBox >
220
- <ButtonView
221
- icon={btnIcon}
222
- style={{
223
- }}>Button Icon</ButtonView>
224
-
225
- <ButtonView style={{
226
- }}>Button Text</ButtonView>
141
+ iconText='SN' />
142
+ </Center>
143
+ <Expand title='Message Alert' initialExpand={false}
144
+ style={{
145
+ backgroundColor: theme.colors.forground
146
+ }}
147
+ titleBackgroundColor={theme.colors.forground}
148
+ >
149
+ <VBox>
150
+ <AlertMessage text={alert} onDismiss={() => {
151
+ LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
152
+ setAlert('')
153
+ }} />
154
+ <AlertMessage text='Critial Message' type='critical' />
155
+ <AlertMessage text='Success' type='success' />
156
+ <AlertMessage text='Warning Message' type='warning' />
227
157
  </VBox>
228
- <RightIconButton
229
- text='Click Me Icon'
230
- icon={btnIcon}>
231
- </RightIconButton>
232
158
 
233
- <Center>
234
- <LoadingButton
159
+ </Expand>
160
+ <Expand
161
+ style={{
162
+ padding: 0,
163
+ borderWidth: 0.1,
164
+ borderColor: '#DCDCDC'
165
+ }}
166
+ duration={200}
167
+ title='In this version, the icon used is always chevron-right even when expanded. In this version, the icon used is always chevron-right even when expanded.'
168
+ initialExpand={false} iconPosition='right'>
169
+ <VBox>
170
+ <Title>Text A</Title>
171
+ <Subtitle>Text A Text A Text AText A Text AText A</Subtitle>
172
+ <TextView>Text A</TextView>
173
+ <Caption>Text Caption</Caption>
174
+ </VBox>
175
+ </Expand>
176
+ <Expand title='Inputs'>
235
177
 
236
- onPress={(e) => {
237
- setLoading(!loading)
178
+ <VBox>
179
+ <TextInputView
180
+ style={{
181
+ fontFamily: theme.fonts.Bold
238
182
  }}
239
- loading={loading}
240
- text='Click Me' />
241
-
242
- <ButtonView
243
- underlayColor={theme.colors.transparent}
183
+ initialText={mText}
184
+ value={mText}
185
+ onChangeText={t => setMText(t)} />
186
+ <CompositeTextInputView
187
+ onChangeText={t => setMText(t)}
188
+ placeholder='A test'
189
+ initialText='Test' />
190
+ <CompositeTextInputView
191
+ inputMode='decimal'
192
+ icon={"close"}
193
+ style={{
194
+ }}
195
+ alertTextColor={theme.colors.warning}
196
+ placeholder='Enter your name'
197
+ initialText='Test'
198
+ value={mText}
199
+ onChangeText={t => setMText(t)} />
200
+ <CompositeTextInputView
244
201
  style={{
245
- color: theme.colors.accent,
246
- backgroundColor: theme.colors.transparent,
247
- }}>Tertiary button</ButtonView>
202
+ }}
203
+ placeholder='Enter number'
204
+ alertText={mText?.indexOf("@") > -1 ? '' : 'Please enter @ or else I am gonna come down at your place and mess you up buddy !'}
205
+ initialText='Test'
206
+ value={mText}
207
+ onChangeText={t => setMText(t)} />
208
+ </VBox>
209
+ </Expand>
248
210
 
249
- </Center>
211
+ <Expand
212
+ iconStyle={{
213
+ name: 'chevron-right',
214
+ color: 'red'
215
+ }}
216
+ title='Buttons'
217
+ initialExpand={false}>
218
+ <VBox style={{
219
+ }}>
220
+ <VBox >
221
+ <ButtonView
222
+ icon={btnIcon}
223
+ style={{
224
+ }}>Button Icon</ButtonView>
225
+
226
+ <ButtonView style={{
227
+ }}>Button Text</ButtonView>
228
+ </VBox>
229
+ <RightIconButton
230
+ text='Click Me Icon'
231
+ icon={btnIcon}>
232
+ </RightIconButton>
250
233
 
251
- <Expand title='Nested expand'>
252
- <HBox style={{
253
- justifyContent: 'center',
254
- }}>
234
+ <Center>
255
235
  <LoadingButton
256
- style={{
257
- width: 'auto'
258
- }}
236
+
259
237
  onPress={(e) => {
260
238
  setLoading(!loading)
261
239
  }}
262
240
  loading={loading}
263
- text='Click Me left' />
264
- <LoadingButton
265
- loaderStyle='transparent'
241
+ text='Click Me' />
242
+
243
+ <ButtonView
244
+ underlayColor={theme.colors.transparent}
266
245
  style={{
267
- width: 'auto'
268
- }}
269
- onPress={(e) => {
270
- setLoading(!loading)
271
- }}
272
- loading={loading}
273
- text='Click Me right' />
274
- </HBox>
275
- </Expand>
246
+ color: theme.colors.accent,
247
+ backgroundColor: theme.colors.transparent,
248
+ }}>Tertiary button</ButtonView>
276
249
 
277
- </VBox>
278
- </Expand>
250
+ </Center>
279
251
 
252
+ <Expand title='Nested expand'>
253
+ <HBox style={{
254
+ justifyContent: 'center',
255
+ }}>
256
+ <LoadingButton
257
+ style={{
258
+ width: 'auto'
259
+ }}
260
+ onPress={(e) => {
261
+ setLoading(!loading)
262
+ }}
263
+ loading={loading}
264
+ text='Click Me left' />
265
+ <LoadingButton
266
+ loaderStyle='transparent'
267
+ style={{
268
+ width: 'auto'
269
+ }}
270
+ onPress={(e) => {
271
+ setLoading(!loading)
272
+ }}
273
+ loading={loading}
274
+ text='Click Me right' />
275
+ </HBox>
276
+ </Expand>
280
277
 
278
+ </VBox>
279
+ </Expand>
281
280
 
282
- <ButtonView
283
- underlayColor={theme.colors.transparent}
284
- style={{
285
- color: theme.colors.accent,
286
- backgroundColor: theme.colors.transparent,
287
- }}
288
- onPress={() => {
289
- setSelectedTheme(!selectedTheme)
290
- }}>{selectedTheme ? 'Light' : 'Dark'}</ButtonView>
291
281
 
292
282
 
293
- <ButtonView
294
- underlayColor={theme.colors.transparent}
295
- style={{
296
- color: theme.colors.accent,
297
- backgroundColor: theme.colors.transparent,
298
- }}
299
- onPress={() => {
300
- setbottomsheetVisible(true)
301
- }}>Show Sheet</ButtonView>
283
+ <ButtonView
284
+ underlayColor={theme.colors.transparent}
285
+ style={{
286
+ color: theme.colors.accent,
287
+ backgroundColor: theme.colors.transparent,
288
+ }}
289
+ onPress={() => {
290
+ setSelectedTheme(!selectedTheme)
291
+ }}>{selectedTheme ? 'Light' : 'Dark'}</ButtonView>
302
292
 
303
293
 
304
- </KeyboardAvoidingScrollView>
305
- <BottomNavBar
306
- style={{
307
- borderTopLeftRadius: theme.dimens.space.md,
308
- borderTopRightRadius: theme.dimens.space.md,
309
- }}
310
- onSelect={setSelectedBottomBarId}
311
- selectedId={selectedBottombarId}
312
- options={[
313
- {
314
- id: 'home',
315
- title: 'Home',
316
- icon: 'home'
317
- },
318
- {
319
- id: 'create',
320
- title: 'Create',
321
- icon: 'plus'
322
- },
323
- {
324
- id: 'search',
325
- title: 'Search',
326
- icon: 'search'
327
- },
328
- {
329
- id: 'profile',
330
- title: 'Profile',
331
- icon: ReactWrapper(<PressableView>
332
- <Avatar
333
- onPress={() => {
334
- setSelectedBottomBarId('profile')
335
- }}
336
- style={{
337
- borderColor: selectedBottombarId == 'profile' ?
338
- theme.colors.accent : theme.colors.caption,
339
- margin: 0,
340
- height: theme.dimens?.icon?.md,
341
- width: theme.dimens?.icon?.md,
342
- }}
343
- // iconName='user'
344
- iconUrl="https://avatars.githubusercontent.com/u/16799797?v=4"
345
- />
346
- </PressableView>)
347
- }
348
- ]}
349
- onDimens={(w, h) => {
350
- setBottombarHeight(h)
351
- console.log("bottomBarHeight", h)
352
- }} />
294
+ <ButtonView
295
+ underlayColor={theme.colors.transparent}
296
+ style={{
297
+ color: theme.colors.accent,
298
+ backgroundColor: theme.colors.transparent,
299
+ }}
300
+ onPress={() => {
301
+ setbottomsheetVisible(true)
302
+ }}>Show Sheet</ButtonView>
353
303
 
354
- <BottomSheet
355
- title="About"
356
- visible={bottomsheetVisible} onDismiss={() => {
357
- setbottomsheetVisible(false)
358
- }} >
359
- <TextView>Dinosaurs are a diverse group of reptiles of the clade Dinosauria. They first appeared during the Triassic period, between 243 and 233.23 million years ago, although the exact origin and timing of the evolution of dinosaurs is a subject of active research.</TextView>
360
304
 
361
- <TextView>Dinosaurs are a diverse group of reptiles of the clade Dinosauria. They first appeared during the Triassic period, between 243 and 233.23 million years ago, although the exact origin and timing of the evolution of dinosaurs is a subject of active research.</TextView>
362
- <Expand title='Types' initialExpand={false}
305
+ </KeyboardAvoidingScrollView>
306
+ <BottomNavBar
363
307
  style={{
364
- padding: 0,
365
- backgroundColor: theme.colors.forground
308
+ borderTopLeftRadius: theme.dimens.space.md,
309
+ borderTopRightRadius: theme.dimens.space.md,
366
310
  }}
367
- titleBackgroundColor={theme.colors.forground}
368
- >
369
- <VBox>
370
- <AlertMessage text={alert} onDismiss={() => {
371
- LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
372
- setAlert('')
373
- }} />
374
- <AlertMessage text='Tyrannosaurus rex' type='critical' />
375
- <AlertMessage text='Spinosaurus' type='success' />
376
- <AlertMessage text='Ankylosaurs' type='warning' />
377
- </VBox>
311
+ onSelect={setSelectedBottomBarId}
312
+ selectedId={selectedBottombarId}
313
+ options={[
314
+ {
315
+ id: 'home',
316
+ title: 'Home',
317
+ icon: 'home'
318
+ },
319
+ {
320
+ id: 'create',
321
+ title: 'Create',
322
+ icon: 'plus'
323
+ },
324
+ {
325
+ id: 'search',
326
+ title: 'Search',
327
+ icon: 'search'
328
+ },
329
+ {
330
+ id: 'profile',
331
+ title: 'Profile',
332
+ icon: ReactWrapper(<PressableView>
333
+ <Avatar
334
+ onPress={() => {
335
+ setSelectedBottomBarId('profile')
336
+ }}
337
+ style={{
338
+ borderColor: selectedBottombarId == 'profile' ?
339
+ theme.colors.accent : theme.colors.caption,
340
+ margin: 0,
341
+ height: theme.dimens?.icon?.md,
342
+ width: theme.dimens?.icon?.md,
343
+ }}
344
+ // iconName='user'
345
+ iconUrl="https://avatars.githubusercontent.com/u/16799797?v=4"
346
+ />
347
+ </PressableView>)
348
+ }
349
+ ]}
350
+ onDimens={(w, h) => {
351
+ setBottombarHeight(h)
352
+ console.log("bottomBarHeight", h)
353
+ }} />
354
+
355
+ <BottomSheet
356
+ title="About"
357
+ visible={bottomsheetVisible} onDismiss={() => {
358
+ setbottomsheetVisible(false)
359
+ }} >
360
+ <TextView>Dinosaurs are a diverse group of reptiles of the clade Dinosauria. They first appeared during the Triassic period, between 243 and 233.23 million years ago, although the exact origin and timing of the evolution of dinosaurs is a subject of active research.</TextView>
361
+
362
+ <TextView>Dinosaurs are a diverse group of reptiles of the clade Dinosauria. They first appeared during the Triassic period, between 243 and 233.23 million years ago, although the exact origin and timing of the evolution of dinosaurs is a subject of active research.</TextView>
363
+ <Expand title='Types' initialExpand={false}
364
+ style={{
365
+ padding: 0,
366
+ backgroundColor: theme.colors.forground
367
+ }}
368
+ titleBackgroundColor={theme.colors.forground}
369
+ >
370
+ <VBox>
371
+ <AlertMessage text={alert} onDismiss={() => {
372
+ LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
373
+ setAlert('')
374
+ }} />
375
+ <AlertMessage text='Tyrannosaurus rex' type='critical' />
376
+ <AlertMessage text='Spinosaurus' type='success' />
377
+ <AlertMessage text='Ankylosaurs' type='warning' />
378
+ </VBox>
378
379
 
379
- </Expand>
380
- </BottomSheet>
381
- </VBox>
380
+ </Expand>
381
+ </BottomSheet>
382
+ </VBox>
383
+ </SafeAreaProvider>
382
384
  );
383
385
  }