@evlop/native-components 1.0.252 → 1.0.254
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.
- package/README.md +456 -0
- package/dist/cjs/main.d.ts +1 -0
- package/dist/cjs/main.d.ts.map +1 -1
- package/dist/cjs/main.js +1 -0
- package/dist/cjs/main.js.map +1 -1
- package/dist/cjs/src/Actionable.d.ts +2 -2
- package/dist/cjs/src/Actionable.d.ts.map +1 -1
- package/dist/cjs/src/Actionable.js +2 -5
- package/dist/cjs/src/Actionable.js.map +1 -1
- package/dist/cjs/src/Button.d.ts +1 -0
- package/dist/cjs/src/Button.d.ts.map +1 -1
- package/dist/cjs/src/Button.js +30 -25
- package/dist/cjs/src/Button.js.map +1 -1
- package/dist/cjs/src/utils/haptic.d.ts +3 -0
- package/dist/cjs/src/utils/haptic.d.ts.map +1 -0
- package/dist/cjs/src/utils/haptic.js +10 -0
- package/dist/cjs/src/utils/haptic.js.map +1 -0
- package/dist/cjs/src/utils/haptic.native.d.ts +4 -0
- package/dist/cjs/src/utils/haptic.native.d.ts.map +1 -0
- package/dist/cjs/src/utils/haptic.native.js +12 -0
- package/dist/cjs/src/utils/haptic.native.js.map +1 -0
- package/dist/cjs/src/utils/index.d.ts +2 -0
- package/dist/cjs/src/utils/index.d.ts.map +1 -0
- package/dist/cjs/src/utils/index.js +18 -0
- package/dist/cjs/src/utils/index.js.map +1 -0
- package/dist/cjs/types-for-ai.d.ts +2 -1
- package/dist/cjs/types-for-ai.d.ts.map +1 -1
- package/dist/cjs/types-for-ai.js +3 -1
- package/dist/cjs/types-for-ai.js.map +1 -1
- package/dist/types/main.ai.d.ts +4 -2
- package/dist/types/main.d.ts +1 -0
- package/dist/types/main.d.ts.map +1 -1
- package/dist/types/src/Actionable.d.ts +2 -2
- package/dist/types/src/Actionable.d.ts.map +1 -1
- package/dist/types/src/Button.d.ts +1 -0
- package/dist/types/src/Button.d.ts.map +1 -1
- package/dist/types/src/utils/haptic.d.ts +3 -0
- package/dist/types/src/utils/haptic.d.ts.map +1 -0
- package/dist/types/src/utils/haptic.native.d.ts +4 -0
- package/dist/types/src/utils/haptic.native.d.ts.map +1 -0
- package/dist/types/src/utils/index.d.ts +2 -0
- package/dist/types/src/utils/index.d.ts.map +1 -0
- package/dist/types/types-for-ai.d.ts +2 -1
- package/dist/types/types-for-ai.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,456 @@
|
|
|
1
|
+
# Native Components
|
|
2
|
+
|
|
3
|
+
A collection of React Native components with styled-system integration for building beautiful, consistent UI. These components are designed for use with AI-powered code generation tools.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @evlop/native-components
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Quick Start
|
|
12
|
+
|
|
13
|
+
```tsx
|
|
14
|
+
import { Box, Flexbox, Text, Icon, Button, Actionable, Image, ImageBackground, Swiper, triggerHapticFeedback } from 'types-for-ai';
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
## Components & Use Cases
|
|
20
|
+
|
|
21
|
+
### 📦 Box
|
|
22
|
+
|
|
23
|
+
A styled `View` component with support for layout, spacing, borders, colors, and positioning.
|
|
24
|
+
|
|
25
|
+
```tsx
|
|
26
|
+
// Basic container
|
|
27
|
+
<Box padding={16} backgroundColor="white" borderRadius={8}>
|
|
28
|
+
<Text>Content</Text>
|
|
29
|
+
</Box>
|
|
30
|
+
|
|
31
|
+
// Card with shadow effect
|
|
32
|
+
<Box
|
|
33
|
+
margin={16}
|
|
34
|
+
padding={20}
|
|
35
|
+
backgroundColor="white"
|
|
36
|
+
borderRadius={12}
|
|
37
|
+
borderWidth={1}
|
|
38
|
+
borderColor="gray-200"
|
|
39
|
+
>
|
|
40
|
+
<Text>Card Content</Text>
|
|
41
|
+
</Box>
|
|
42
|
+
|
|
43
|
+
// Absolute positioned overlay
|
|
44
|
+
<Box position="absolute" top={0} left={0} right={0} bottom={0} opacity={0.5} backgroundColor="black" />
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
**Props:** All React Native `ViewProps` + `flexbox`, `border`, `layout`, `color`, `background`, `space`, `opacity`, `position`
|
|
48
|
+
|
|
49
|
+
---
|
|
50
|
+
|
|
51
|
+
### 🧩 Flexbox
|
|
52
|
+
|
|
53
|
+
A flexbox container with default `flexDirection: 'row'` and gap support.
|
|
54
|
+
|
|
55
|
+
```tsx
|
|
56
|
+
// Horizontal row with items
|
|
57
|
+
<Flexbox flexDirection="row" justifyContent="space-between" alignItems="center" gap={12}>
|
|
58
|
+
<Icon icon="home" />
|
|
59
|
+
<Text>Home</Text>
|
|
60
|
+
</Flexbox>
|
|
61
|
+
|
|
62
|
+
// Vertical stack
|
|
63
|
+
<Flexbox flexDirection="column" gap={8} padding={16}>
|
|
64
|
+
<Text>Item 1</Text>
|
|
65
|
+
<Text>Item 2</Text>
|
|
66
|
+
<Text>Item 3</Text>
|
|
67
|
+
</Flexbox>
|
|
68
|
+
|
|
69
|
+
// Grid-like layout
|
|
70
|
+
<Flexbox flexWrap="wrap" gap={16} rowGap={8} columnGap={12}>
|
|
71
|
+
{items.map(item => <Box key={item.id} width="48%">{item.name}</Box>)}
|
|
72
|
+
</Flexbox>
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
**Props:** All `Box` props + `gap`, `rowGap`, `columnGap`
|
|
76
|
+
|
|
77
|
+
---
|
|
78
|
+
|
|
79
|
+
### ✏️ Text
|
|
80
|
+
|
|
81
|
+
A styled text component with typography support, theme variants, and template rendering.
|
|
82
|
+
|
|
83
|
+
```tsx
|
|
84
|
+
// Basic text
|
|
85
|
+
<Text color="gray-900" fontSize={16}>Hello World</Text>
|
|
86
|
+
|
|
87
|
+
// Styled heading
|
|
88
|
+
<Text fontWeight="Bold" fontSize={24} color="primary">
|
|
89
|
+
Welcome Back!
|
|
90
|
+
</Text>
|
|
91
|
+
|
|
92
|
+
// Using theme variants
|
|
93
|
+
<Text variant="heading">Heading Text</Text>
|
|
94
|
+
<Text variant="body">Body text content</Text>
|
|
95
|
+
|
|
96
|
+
// Font scaling (relative to base font size)
|
|
97
|
+
<Text fontScale={1.5}>Larger Text</Text>
|
|
98
|
+
|
|
99
|
+
// Dynamic template content (supports handlebars)
|
|
100
|
+
<Text content="Hello, {{user.name}}!" />
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
**Props:** `color`, `fontSize`, `fontWeight`, `fontScale`, `textAlign`, `variant`, `content` + standard `TextProps`
|
|
104
|
+
|
|
105
|
+
---
|
|
106
|
+
|
|
107
|
+
### 🎨 Icon
|
|
108
|
+
|
|
109
|
+
Display icons from various icon libraries with RTL support.
|
|
110
|
+
|
|
111
|
+
```tsx
|
|
112
|
+
// Basic icon
|
|
113
|
+
<Icon icon="home" size={24} color="primary" />
|
|
114
|
+
|
|
115
|
+
// Different sizes
|
|
116
|
+
<Icon icon="settings" size={32} color="gray-600" />
|
|
117
|
+
|
|
118
|
+
// With press handler
|
|
119
|
+
<Icon icon="close" onPress={() => navigation.goBack()} />
|
|
120
|
+
|
|
121
|
+
// RTL flip support (for directional icons like arrows)
|
|
122
|
+
<Icon icon="arrow-right" flipOnRTL />
|
|
123
|
+
|
|
124
|
+
// Supported icon libraries:
|
|
125
|
+
// - material-icons
|
|
126
|
+
// - material-community-icons
|
|
127
|
+
// - font-awesome-6
|
|
128
|
+
// - ionicons
|
|
129
|
+
// - simple-line-icons
|
|
130
|
+
// - evilicons
|
|
131
|
+
// - octicons
|
|
132
|
+
// - svg (custom SVG URLs)
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
**Props:** `icon`, `size`, `color`, `flipOnRTL`, `onPress`
|
|
136
|
+
|
|
137
|
+
---
|
|
138
|
+
|
|
139
|
+
### 🔘 Button
|
|
140
|
+
|
|
141
|
+
A styled button with multiple variants, sizes, loading states, and icon support.
|
|
142
|
+
|
|
143
|
+
```tsx
|
|
144
|
+
// Filled button (default)
|
|
145
|
+
<Button label="Get Started" color="primary" action={myAction} />
|
|
146
|
+
|
|
147
|
+
// Outlined button
|
|
148
|
+
<Button label="Learn More" variant="outlined" color="secondary" />
|
|
149
|
+
|
|
150
|
+
// Ghost button (no background)
|
|
151
|
+
<Button label="Cancel" variant="ghost" color="gray-600" />
|
|
152
|
+
|
|
153
|
+
// Dim outlined (subtle border)
|
|
154
|
+
<Button label="Optional" variant="dim-outlined" color="primary" />
|
|
155
|
+
|
|
156
|
+
// Dim filled outlined (subtle background + border)
|
|
157
|
+
<Button label="Soft CTA" variant="dim-filled-outlined" color="primary" />
|
|
158
|
+
|
|
159
|
+
// With icon
|
|
160
|
+
<Button label="Add Item" icon="plus" iconPosition="left" color="primary" />
|
|
161
|
+
<Button label="Next" icon="arrow-right" iconPosition="right" />
|
|
162
|
+
|
|
163
|
+
// Different sizes
|
|
164
|
+
<Button label="Small" size="sm" />
|
|
165
|
+
<Button label="Medium" size="md" />
|
|
166
|
+
<Button label="Large" size="lg" />
|
|
167
|
+
<Button label="Extra Large" size="xl" />
|
|
168
|
+
<Button label="2X Large" size="2xl" />
|
|
169
|
+
|
|
170
|
+
// Loading state
|
|
171
|
+
<Button label="Submitting..." loading={true} />
|
|
172
|
+
|
|
173
|
+
// Disabled state
|
|
174
|
+
<Button label="Unavailable" disabled={true} />
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
**Variants:** `filled`, `outlined`, `dim-outlined`, `dim-filled-outlined`, `ghost`
|
|
178
|
+
**Sizes:** `sm`, `md`, `lg`, `xl`, `2xl`
|
|
179
|
+
**Props:** `label`, `variant`, `size`, `color`, `textColor`, `icon`, `iconPosition`, `loading`, `disabled`, `action`
|
|
180
|
+
|
|
181
|
+
---
|
|
182
|
+
|
|
183
|
+
### 👆 Actionable
|
|
184
|
+
|
|
185
|
+
A pressable wrapper with press effects and haptic feedback support.
|
|
186
|
+
|
|
187
|
+
```tsx
|
|
188
|
+
// Basic actionable area
|
|
189
|
+
<Actionable action={navigateAction}>
|
|
190
|
+
<Text>Tap me</Text>
|
|
191
|
+
</Actionable>
|
|
192
|
+
|
|
193
|
+
// With scale press effect
|
|
194
|
+
<Actionable action={myAction} pressEffect="scale">
|
|
195
|
+
<Box padding={16}><Text>Press to scale</Text></Box>
|
|
196
|
+
</Actionable>
|
|
197
|
+
|
|
198
|
+
// With opacity press effect
|
|
199
|
+
<Actionable pressEffect="opacity" action={myAction}>
|
|
200
|
+
<Image src="card-image.jpg" />
|
|
201
|
+
</Actionable>
|
|
202
|
+
|
|
203
|
+
// With haptic feedback
|
|
204
|
+
<Actionable action={myAction} hapticFeedback="impactMedium">
|
|
205
|
+
<Text>Haptic button</Text>
|
|
206
|
+
</Actionable>
|
|
207
|
+
|
|
208
|
+
// Combined effects
|
|
209
|
+
<Actionable
|
|
210
|
+
action={addToCartAction}
|
|
211
|
+
pressEffect="bounce"
|
|
212
|
+
hapticFeedback="impactLight"
|
|
213
|
+
>
|
|
214
|
+
<Box backgroundColor="primary" padding={12} borderRadius={8}>
|
|
215
|
+
<Text color="white">Add to Cart</Text>
|
|
216
|
+
</Box>
|
|
217
|
+
</Actionable>
|
|
218
|
+
```
|
|
219
|
+
|
|
220
|
+
**Press Effects:**
|
|
221
|
+
- `none` - No visual effect
|
|
222
|
+
- `opacity` - Fades on press
|
|
223
|
+
- `scale` - Shrinks slightly on press
|
|
224
|
+
- `scale-opacity` - Combines scale and opacity
|
|
225
|
+
- `bounce` - Bouncy spring effect
|
|
226
|
+
- `tilt-left` / `tilt-right` - Tilts on press
|
|
227
|
+
- `pulse` - Pulsing animation
|
|
228
|
+
- `jelly` - Elastic jelly effect
|
|
229
|
+
- `rubberBand` - Rubber band stretch effect
|
|
230
|
+
- `glow` - Glowing highlight effect
|
|
231
|
+
- `press-in` - 3D press-in effect
|
|
232
|
+
- `swing` - Swinging rotation
|
|
233
|
+
|
|
234
|
+
**Haptic Types:** `impactLight`, `impactMedium`, `impactHeavy`, `rigid`, `soft`, `notificationSuccess`, `notificationWarning`, `notificationError`
|
|
235
|
+
|
|
236
|
+
---
|
|
237
|
+
|
|
238
|
+
### 🖼️ Image
|
|
239
|
+
|
|
240
|
+
A styled image component with preset sizes and template URL support.
|
|
241
|
+
|
|
242
|
+
```tsx
|
|
243
|
+
// Basic image
|
|
244
|
+
<Image src="https://example.com/image.jpg" />
|
|
245
|
+
|
|
246
|
+
// Using preset sizes
|
|
247
|
+
<Image src="product.jpg" size="md" />
|
|
248
|
+
<Image src="avatar.jpg" size="xs" />
|
|
249
|
+
<Image src="banner.jpg" size="fluid" />
|
|
250
|
+
|
|
251
|
+
// Custom dimensions
|
|
252
|
+
<Image src="photo.jpg" width={200} height={150} />
|
|
253
|
+
|
|
254
|
+
// With aspect ratio
|
|
255
|
+
<Image src="video-thumb.jpg" aspectRatio={16/9} />
|
|
256
|
+
|
|
257
|
+
// Resize modes
|
|
258
|
+
<Image src="cover.jpg" resizeMode="cover" />
|
|
259
|
+
<Image src="contain.jpg" resizeMode="contain" />
|
|
260
|
+
|
|
261
|
+
// With placeholder fallback
|
|
262
|
+
<Image src="{{product.image}}" placeholder="default-product.jpg" />
|
|
263
|
+
|
|
264
|
+
// Dynamic URL with template
|
|
265
|
+
<Image src="{{baseUrl}}/images/{{product.id}}.jpg" />
|
|
266
|
+
```
|
|
267
|
+
|
|
268
|
+
**Preset Sizes:** `3xs` (15px), `2xs` (35px), `xs` (50px), `sm` (75px), `md` (150px), `lg` (275px), `xl` (300px), `2xl` (400px), `3xl` (480px), `fluid` (100%)
|
|
269
|
+
|
|
270
|
+
**Props:** `src`, `placeholder`, `size`, `width`, `height`, `aspectRatio`, `resizeMode`
|
|
271
|
+
|
|
272
|
+
---
|
|
273
|
+
|
|
274
|
+
### 🖼️ ImageBackground
|
|
275
|
+
|
|
276
|
+
An image that can contain child elements, perfect for hero sections and cards.
|
|
277
|
+
|
|
278
|
+
```tsx
|
|
279
|
+
// Hero section
|
|
280
|
+
<ImageBackground
|
|
281
|
+
src="hero-bg.jpg"
|
|
282
|
+
height={300}
|
|
283
|
+
justifyContent="center"
|
|
284
|
+
alignItems="center"
|
|
285
|
+
>
|
|
286
|
+
<Text color="white" fontSize={32} fontWeight="Bold">
|
|
287
|
+
Welcome
|
|
288
|
+
</Text>
|
|
289
|
+
</ImageBackground>
|
|
290
|
+
|
|
291
|
+
// Card with background
|
|
292
|
+
<ImageBackground
|
|
293
|
+
src="{{product.coverImage}}"
|
|
294
|
+
aspectRatio={16/9}
|
|
295
|
+
borderRadius={12}
|
|
296
|
+
overflow="hidden"
|
|
297
|
+
>
|
|
298
|
+
<Box position="absolute" bottom={0} left={0} right={0} padding={16} backgroundColor="rgba(0,0,0,0.5)">
|
|
299
|
+
<Text color="white">Product Name</Text>
|
|
300
|
+
</Box>
|
|
301
|
+
</ImageBackground>
|
|
302
|
+
|
|
303
|
+
// With template URL and placeholder
|
|
304
|
+
<ImageBackground
|
|
305
|
+
src="{{user.coverPhoto}}"
|
|
306
|
+
placeholder="default-cover.jpg"
|
|
307
|
+
height={200}
|
|
308
|
+
>
|
|
309
|
+
{children}
|
|
310
|
+
</ImageBackground>
|
|
311
|
+
```
|
|
312
|
+
|
|
313
|
+
**Props:** `src`, `placeholder`, all `Box` layout/styling props
|
|
314
|
+
|
|
315
|
+
---
|
|
316
|
+
|
|
317
|
+
### 🎠 Swiper
|
|
318
|
+
|
|
319
|
+
A horizontal carousel/slider with multiple pagination styles and autoplay support.
|
|
320
|
+
|
|
321
|
+
```tsx
|
|
322
|
+
// Basic swiper
|
|
323
|
+
<Swiper
|
|
324
|
+
data={slides}
|
|
325
|
+
renderItem={({ item }) => (
|
|
326
|
+
<Image src={item.image} width="100%" aspectRatio={16/9} />
|
|
327
|
+
)}
|
|
328
|
+
/>
|
|
329
|
+
|
|
330
|
+
// With autoplay
|
|
331
|
+
<Swiper
|
|
332
|
+
data={banners}
|
|
333
|
+
autoplay
|
|
334
|
+
autoplayInterval={3000}
|
|
335
|
+
renderItem={({ item }) => <BannerCard banner={item} />}
|
|
336
|
+
/>
|
|
337
|
+
|
|
338
|
+
// Different pagination styles
|
|
339
|
+
<Swiper data={items} paginationType="dot" />
|
|
340
|
+
<Swiper data={items} paginationType="dash" />
|
|
341
|
+
<Swiper data={items} paginationType="line" />
|
|
342
|
+
<Swiper data={items} paginationType="number" />
|
|
343
|
+
|
|
344
|
+
// Custom item width
|
|
345
|
+
<Swiper
|
|
346
|
+
data={cards}
|
|
347
|
+
itemWidth={280}
|
|
348
|
+
renderItem={({ item }) => <ProductCard product={item} />}
|
|
349
|
+
/>
|
|
350
|
+
|
|
351
|
+
// With index change callback
|
|
352
|
+
<Swiper
|
|
353
|
+
data={onboardingScreens}
|
|
354
|
+
onIndexChange={(index) => setCurrentStep(index)}
|
|
355
|
+
renderItem={({ item }) => <OnboardingSlide {...item} />}
|
|
356
|
+
/>
|
|
357
|
+
|
|
358
|
+
// Using ref for programmatic control
|
|
359
|
+
const swiperRef = useRef();
|
|
360
|
+
<Swiper ref={swiperRef} data={items} />
|
|
361
|
+
<Button label="Next" action={() => swiperRef.current.scrollToIndex(2)} />
|
|
362
|
+
```
|
|
363
|
+
|
|
364
|
+
**Pagination Types:** `dash`, `dot`, `line`, `number`
|
|
365
|
+
**Props:** `data`, `renderItem`, `autoplay`, `autoplayInterval`, `paginationType`, `paginationStyle`, `itemWidth`, `onIndexChange`
|
|
366
|
+
|
|
367
|
+
---
|
|
368
|
+
|
|
369
|
+
### 📳 triggerHapticFeedback
|
|
370
|
+
|
|
371
|
+
A utility function to trigger haptic feedback on supported devices.
|
|
372
|
+
|
|
373
|
+
```tsx
|
|
374
|
+
import { triggerHapticFeedback } from 'types-for-ai';
|
|
375
|
+
|
|
376
|
+
// On button press
|
|
377
|
+
const handlePress = () => {
|
|
378
|
+
triggerHapticFeedback('impactMedium');
|
|
379
|
+
// ... do something
|
|
380
|
+
};
|
|
381
|
+
|
|
382
|
+
// Success notification
|
|
383
|
+
const onSuccess = () => {
|
|
384
|
+
triggerHapticFeedback('notificationSuccess');
|
|
385
|
+
};
|
|
386
|
+
|
|
387
|
+
// Error feedback
|
|
388
|
+
const onError = () => {
|
|
389
|
+
triggerHapticFeedback('notificationError');
|
|
390
|
+
};
|
|
391
|
+
|
|
392
|
+
// Light tap feedback
|
|
393
|
+
triggerHapticFeedback('impactLight');
|
|
394
|
+
|
|
395
|
+
// Heavy impact
|
|
396
|
+
triggerHapticFeedback('impactHeavy');
|
|
397
|
+
```
|
|
398
|
+
|
|
399
|
+
**Haptic Types:**
|
|
400
|
+
- `impactLight` - Light tap
|
|
401
|
+
- `impactMedium` - Medium tap
|
|
402
|
+
- `impactHeavy` - Heavy tap
|
|
403
|
+
- `rigid` - Rigid impact
|
|
404
|
+
- `soft` - Soft impact
|
|
405
|
+
- `notificationSuccess` - Success notification pattern
|
|
406
|
+
- `notificationWarning` - Warning notification pattern
|
|
407
|
+
- `notificationError` - Error notification pattern
|
|
408
|
+
|
|
409
|
+
---
|
|
410
|
+
|
|
411
|
+
## Styled System Props Reference
|
|
412
|
+
|
|
413
|
+
All components support [styled-system](https://styled-system.com/) props:
|
|
414
|
+
|
|
415
|
+
| Category | Props |
|
|
416
|
+
|----------|-------|
|
|
417
|
+
| **Space** | `margin`, `marginTop`, `marginRight`, `marginBottom`, `marginLeft`, `padding`, `paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`, `m`, `mt`, `mr`, `mb`, `ml`, `p`, `pt`, `pr`, `pb`, `pl` |
|
|
418
|
+
| **Layout** | `width`, `height`, `minWidth`, `maxWidth`, `minHeight`, `maxHeight`, `overflow` |
|
|
419
|
+
| **Flexbox** | `flex`, `flexDirection`, `flexWrap`, `justifyContent`, `alignItems`, `alignSelf` |
|
|
420
|
+
| **Border** | `border`, `borderWidth`, `borderColor`, `borderRadius`, `borderTop`, `borderRight`, `borderBottom`, `borderLeft` |
|
|
421
|
+
| **Color** | `color`, `backgroundColor`, `bg`, `opacity` |
|
|
422
|
+
| **Position** | `position`, `top`, `right`, `bottom`, `left`, `zIndex` |
|
|
423
|
+
| **Typography** | `fontSize`, `fontWeight`, `textAlign`, `lineHeight`, `fontFamily` |
|
|
424
|
+
|
|
425
|
+
---
|
|
426
|
+
|
|
427
|
+
## Theme Integration
|
|
428
|
+
|
|
429
|
+
Components automatically use theme values from your styled-components `ThemeProvider`:
|
|
430
|
+
|
|
431
|
+
```tsx
|
|
432
|
+
const theme = {
|
|
433
|
+
colors: {
|
|
434
|
+
primary: '#6366f1',
|
|
435
|
+
secondary: '#8b5cf6',
|
|
436
|
+
'gray-100': '#f3f4f6',
|
|
437
|
+
'gray-900': '#111827',
|
|
438
|
+
},
|
|
439
|
+
space: [0, 4, 8, 16, 24, 32, 48, 64],
|
|
440
|
+
fontWeights: {
|
|
441
|
+
Regular: '400',
|
|
442
|
+
Medium: '500',
|
|
443
|
+
Bold: '700',
|
|
444
|
+
},
|
|
445
|
+
};
|
|
446
|
+
|
|
447
|
+
<ThemeProvider theme={theme}>
|
|
448
|
+
<App />
|
|
449
|
+
</ThemeProvider>
|
|
450
|
+
```
|
|
451
|
+
|
|
452
|
+
---
|
|
453
|
+
|
|
454
|
+
## License
|
|
455
|
+
|
|
456
|
+
MIT
|
package/dist/cjs/main.d.ts
CHANGED
package/dist/cjs/main.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../main.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../main.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,aAAa,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAClH,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAClE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}
|
package/dist/cjs/main.js
CHANGED
|
@@ -70,4 +70,5 @@ __exportStar(require("./src/RenderPage"), exports);
|
|
|
70
70
|
__exportStar(require("./src/RenderBlocks"), exports);
|
|
71
71
|
__exportStar(require("./src/RenderAfterInteraction"), exports);
|
|
72
72
|
__exportStar(require("./src/TransparentHeader"), exports);
|
|
73
|
+
__exportStar(require("./src/utils"), exports);
|
|
73
74
|
//# sourceMappingURL=main.js.map
|
package/dist/cjs/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,mCAAsE;AAA7D,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AAClC,mCAAuE;AAA9D,4GAAA,OAAO,OAAO;AACvB,mDAAsG;AAA7F,6HAAA,OAAO,OAAgB;AAAE,gHAAA,gBAAgB,OAAA;AAClD,yCAAkF;AAAzE,mHAAA,OAAO,OAAW;AAAE,sGAAA,WAAW,OAAA;AACxC,+CAA8F;AAArF,yHAAA,OAAO,OAAc;AAAE,4GAAA,cAAc,OAAA;AAC9C,mCAAsE;AAA7D,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AAClC,mDAA6D;AAApD,6HAAA,OAAO,OAAgB;AAChC,uCAA8E;AAArE,iHAAA,OAAO,OAAU;AAAE,oGAAA,UAAU,OAAA;AACtC,qCAA0E;AAAjE,+GAAA,OAAO,OAAS;AAAE,kGAAA,SAAS,OAAA;AACpC,yDAAkH;AAAzG,mIAAA,OAAO,OAAmB;AAAE,sHAAA,mBAAmB,OAAA;AACxD,mCAAsE;AAA7D,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AAClC,2CAAqD;AAA5C,qHAAA,OAAO,OAAY;AAC5B,uCAA6D;AAApD,iHAAA,OAAO,OAAU;AAAE,oGAAA,UAAU,OAAA;AACtC,uCAAiD;AAAxC,iHAAA,OAAO,OAAU;AAC1B,mDAAkD;AAAzC,4GAAA,YAAY,OAAA;AACrB,iDAAkE;AAAzD,0GAAA,WAAW,OAAA;AACpB,iDAA+B;AAC/B,mDAAiC;AACjC,iDAA+B;AAC/B,gDAA8B;AAC9B,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC;AACnC,+DAA6C;AAC7C,0DAAwC;AACxC,8CAA4B"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Action } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { PressableProps } from 'react-native';
|
|
4
|
-
import {
|
|
4
|
+
import { HapticType } from './utils/haptic';
|
|
5
5
|
declare type EffectType = 'none' | 'shrink' | 'dim' | 'shrink-dim' | 'push-down' | 'gentle-shrink' | 'tilt' | 'bounce' | 'squeeze' | 'pop' | 'wobble';
|
|
6
6
|
export interface BaseActionableProps extends PressableProps {
|
|
7
7
|
pressEffect?: EffectType;
|
|
8
|
-
hapticFeedback?:
|
|
8
|
+
hapticFeedback?: HapticType;
|
|
9
9
|
action: Action;
|
|
10
10
|
[key: string]: any;
|
|
11
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAA8C,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1F,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAA8C,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAyB,MAAM,gBAAgB,CAAC;AAInE,aAAK,UAAU,GACT,MAAM,GACN,QAAQ,GACR,KAAK,GACL,YAAY,GACZ,WAAW,GACX,eAAe,GACf,MAAM,GACN,QAAQ,GACR,SAAS,GACT,KAAK,GACL,QAAQ,CAAC;AAEf,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACvD,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAmLD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAsBnE,CAAA;;;;;;;;;;AAED,wBAImB"}
|
|
@@ -41,7 +41,7 @@ exports.BaseActionable = void 0;
|
|
|
41
41
|
const commons_1 = require("@evlop/commons");
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const react_native_1 = require("react-native");
|
|
44
|
-
const
|
|
44
|
+
const haptic_1 = require("./utils/haptic");
|
|
45
45
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
46
46
|
const styled_system_1 = require("styled-system");
|
|
47
47
|
const AnimatedPressable = react_native_1.Animated.createAnimatedComponent(react_native_1.Pressable);
|
|
@@ -214,10 +214,7 @@ const BaseActionable = (_a) => {
|
|
|
214
214
|
const { handlePressIn, handlePressOut, animatedStyle } = useAnimatedPress(pressEffect);
|
|
215
215
|
const handlePress = (0, react_1.useCallback)((event) => {
|
|
216
216
|
if (hapticFeedbackType) {
|
|
217
|
-
(0,
|
|
218
|
-
enableVibrateFallback: true,
|
|
219
|
-
ignoreAndroidSystemSettings: false,
|
|
220
|
-
});
|
|
217
|
+
(0, haptic_1.triggerHapticFeedback)(hapticFeedbackType);
|
|
221
218
|
}
|
|
222
219
|
setImmediate(() => {
|
|
223
220
|
onPress === null || onPress === void 0 ? void 0 : onPress(event);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAiE;AACjE,+CAAoD;AACpD,+CAA0F;AAC1F
|
|
1
|
+
{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAiE;AACjE,+CAAoD;AACpD,+CAA0F;AAC1F,2CAAmE;AACnE,sEAA8C;AAC9C,iDAAkE;AAsBlE,MAAM,iBAAiB,GAAG,uBAAQ,CAAC,uBAAuB,CAAC,wBAAS,CAAC,CAAC;AAEtE,MAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,iBAAiB,CAAC,CAC7C,sBAAM,EACN,0BAAU,EACV,sBAAM,EACN,qBAAK,CACR,CAAA;AAED,uCAAuC;AACvC,MAAM,gBAAgB,GAAG,CAAC,MAAkB,EAAE,EAAE;IAC5C,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,IAAI,MAAM,KAAK,MAAM,EAAE;YACnB,OAAO,EAAE,CAAC;SACb;QAED,MAAM,aAAa,GAAG,IAAI,uBAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAE5C,MAAM,aAAa,GAAG,GAAG,EAAE;YACvB,uBAAQ,CAAC,MAAM,CAAC,aAAa,EAAE;gBAC3B,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,IAAI;gBACrB,KAAK,EAAE,EAAE;gBACT,UAAU,EAAE,CAAC;aAChB,CAAC,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,GAAG,EAAE;YACxB,uBAAQ,CAAC,MAAM,CAAC,aAAa,EAAE;gBAC3B,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,IAAI;gBACrB,KAAK,EAAE,EAAE;gBACT,UAAU,EAAE,CAAC;aAChB,CAAC,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC;QAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC1B,QAAQ,MAAM,EAAE;gBACZ,KAAK,QAAQ;oBACT,OAAO;wBACH,SAAS,EAAE,CAAC;gCACR,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL,CAAC;qBACL,CAAC;gBACN,KAAK,KAAK;oBACN,OAAO;wBACH,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC;4BAC/B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;4BAClB,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;yBACxB,CAAC;qBACL,CAAC;gBACN,KAAK,YAAY;oBACb,OAAO;wBACH,SAAS,EAAE,CAAC;gCACR,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL,CAAC;wBACF,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC;4BAC/B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;4BAClB,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;yBACxB,CAAC;qBACL,CAAC;gBACN,KAAK,WAAW;oBACZ,OAAO;wBACH,SAAS,EAAE;4BACP;gCACI,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL;4BACD;gCACI,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC;oCAClC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;iCACtB,CAAC;6BACL;yBACJ;qBACJ,CAAC;gBACN,KAAK,eAAe;oBAChB,OAAO;wBACH,SAAS,EAAE,CAAC;gCACR,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL,CAAC;qBACL,CAAC;gBACN,KAAK,MAAM;oBACP,OAAO;wBACH,SAAS,EAAE;4BACP;gCACI,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL;4BACD;gCACI,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC/B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;iCACjC,CAAC;6BACL;4BACD;gCACI,WAAW,EAAE,aAAa,CAAC,WAAW,CAAC;oCACnC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC;iCAC3B,CAAC;6BACL;yBACJ;qBACJ,CAAC;gBACN,KAAK,QAAQ;oBACT,OAAO;wBACH,SAAS,EAAE,CAAC;gCACR,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;oCACvB,WAAW,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;iCAC9B,CAAC;6BACL,CAAC;qBACL,CAAC;gBACN,KAAK,SAAS;oBACV,OAAO;wBACH,SAAS,EAAE;4BACP;gCACI,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC9B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL;4BACD;gCACI,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC9B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL;yBACJ;qBACJ,CAAC;gBACN,KAAK,KAAK;oBACN,OAAO;wBACH,SAAS,EAAE,CAAC;gCACR,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL,CAAC;qBACL,CAAC;gBACN,KAAK,QAAQ;oBACT,OAAO;wBACH,SAAS,EAAE;4BACP;gCACI,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL;4BACD;gCACI,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC/B,UAAU,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;oCACnC,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC;iCAC5D,CAAC;6BACL;yBACJ;qBACJ,CAAC;gBACN;oBACI,OAAO,EAAE,CAAC;aACjB;QACL,CAAC,CAAC;QAEF,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAAE,CAAC;IAChF,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACjB,CAAC,CAAC;AAEK,MAAM,cAAc,GAA6C,CAAC,EAAqF,EAAE,EAAE;QAAzF,EAAE,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,cAAc,EAAE,kBAAkB,EAAE,KAAK,OAAY,EAAP,KAAK,cAAnF,oDAAqF,CAAF;IACxJ,MAAM,OAAO,GAAG,IAAA,mBAAS,EAAC,MAAM,CAAC,CAAC;IAClC,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAEvF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,KAA4B,EAAE,EAAE;QAC7D,IAAI,kBAAkB,EAAE;YACpB,IAAA,8BAAqB,EAAC,kBAAkB,CAAC,CAAC;SAC7C;QACD,YAAY,CAAC,GAAG,EAAE;YACd,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,8BAAC,eAAe,kBACZ,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,KAAK,EAAE,CAAC,aAAa,EAAE,KAAK,CAAQ,IAChC,KAAK,EACX,CACL,CAAC;AACN,CAAC,CAAA;AAtBY,QAAA,cAAc,kBAsB1B;AAED,kBAAe,IAAA,sBAAY,EAAC;IACxB,IAAI,EAAE,YAAY;IAClB,oBAAoB,EAAE,EAAE;IACxB,YAAY,EAAE,EAAE;CACnB,CAAC,CAAC,sBAAc,CAAC,CAAC"}
|
package/dist/cjs/src/Button.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export interface BaseButtonProps extends ViewProps, FontWeightProps<Theme>, Font
|
|
|
15
15
|
action?: Action;
|
|
16
16
|
icon?: IconIdentifier;
|
|
17
17
|
iconPosition?: 'left' | 'right';
|
|
18
|
+
iconSize?: number;
|
|
18
19
|
}
|
|
19
20
|
export declare const BaseButton: React.FC<BaseButtonProps>;
|
|
20
21
|
declare const ButtonWithSettings: (props: BaseButtonProps & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;AAEpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAExF,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAAE,aAAa,EAAE,eAAe,EAAU,WAAW,EAAS,UAAU,EAAuB,MAAM,eAAe,CAAC;AAWxL,aAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;IACtL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACnF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;AAEpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAExF,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAAE,aAAa,EAAE,eAAe,EAAU,WAAW,EAAS,UAAU,EAAuB,MAAM,eAAe,CAAC;AAWxL,aAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;IACtL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACnF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAuHD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuDhD,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;;;;;;uBAIV,CAAC;AAEf,eAAe,kBAAkB,CAAC"}
|
package/dist/cjs/src/Button.js
CHANGED
|
@@ -64,19 +64,24 @@ const sizeVariant = (0, styled_system_1.variant)({
|
|
|
64
64
|
prop: 'size',
|
|
65
65
|
variants: {
|
|
66
66
|
sm: {
|
|
67
|
-
|
|
67
|
+
paddingVertical: 6,
|
|
68
|
+
paddingHorizontal: 14,
|
|
68
69
|
},
|
|
69
70
|
md: {
|
|
70
|
-
|
|
71
|
+
paddingVertical: 10,
|
|
72
|
+
paddingHorizontal: 20,
|
|
71
73
|
},
|
|
72
74
|
lg: {
|
|
73
|
-
|
|
75
|
+
paddingVertical: 14,
|
|
76
|
+
paddingHorizontal: 28,
|
|
74
77
|
},
|
|
75
|
-
|
|
76
|
-
|
|
78
|
+
xl: {
|
|
79
|
+
paddingVertical: 18,
|
|
80
|
+
paddingHorizontal: 36,
|
|
77
81
|
},
|
|
78
82
|
'2xl': {
|
|
79
|
-
|
|
83
|
+
paddingVertical: 22,
|
|
84
|
+
paddingHorizontal: 44,
|
|
80
85
|
},
|
|
81
86
|
},
|
|
82
87
|
});
|
|
@@ -97,37 +102,37 @@ const StyledButtonView = (0, native_1.default)(react_native_1.View)({
|
|
|
97
102
|
opacity: props.disabled ? 0.5 : 1
|
|
98
103
|
}));
|
|
99
104
|
const fontSizes = {
|
|
100
|
-
sm:
|
|
101
|
-
md:
|
|
102
|
-
lg:
|
|
103
|
-
xl:
|
|
104
|
-
'2xl':
|
|
105
|
+
sm: 13,
|
|
106
|
+
md: 15,
|
|
107
|
+
lg: 17,
|
|
108
|
+
xl: 19,
|
|
109
|
+
'2xl': 22,
|
|
105
110
|
};
|
|
106
111
|
const fontWeights = {
|
|
107
|
-
sm: '
|
|
108
|
-
md: '
|
|
109
|
-
lg: '
|
|
110
|
-
xl: '
|
|
112
|
+
sm: 'Medium',
|
|
113
|
+
md: 'Medium',
|
|
114
|
+
lg: 'Semibold',
|
|
115
|
+
xl: 'Semibold',
|
|
111
116
|
'2xl': 'Bold',
|
|
112
117
|
};
|
|
113
118
|
const iconSizes = {
|
|
114
119
|
sm: 16,
|
|
115
|
-
md:
|
|
116
|
-
lg:
|
|
117
|
-
xl:
|
|
118
|
-
'2xl':
|
|
120
|
+
md: 18,
|
|
121
|
+
lg: 20,
|
|
122
|
+
xl: 24,
|
|
123
|
+
'2xl': 28,
|
|
119
124
|
};
|
|
120
125
|
const gapBetweenIconAndText = {
|
|
121
|
-
sm:
|
|
126
|
+
sm: 6,
|
|
122
127
|
md: 8,
|
|
123
|
-
lg:
|
|
124
|
-
xl:
|
|
125
|
-
'2xl':
|
|
128
|
+
lg: 10,
|
|
129
|
+
xl: 12,
|
|
130
|
+
'2xl': 14,
|
|
126
131
|
};
|
|
127
132
|
const BaseButton = (_a) => {
|
|
128
133
|
var { variant = 'filled', size = 'md', loading = false, disabled = false, color = 'primary', textColor, label, textStyle, action: __action,
|
|
129
134
|
// @ts-ignore
|
|
130
|
-
icon, iconPosition = 'left', fontWeight, fontSize } = _a, props = __rest(_a, ["variant", "size", "loading", "disabled", "color", "textColor", "label", "textStyle", "action", "icon", "iconPosition", "fontWeight", "fontSize"]);
|
|
135
|
+
icon, iconPosition = 'left', iconSize, fontWeight, fontSize } = _a, props = __rest(_a, ["variant", "size", "loading", "disabled", "color", "textColor", "label", "textStyle", "action", "icon", "iconPosition", "iconSize", "fontWeight", "fontSize"]);
|
|
131
136
|
const [isProcessing, actionHandeller] = (0, commons_1.useAsyncAction)(__action);
|
|
132
137
|
const textColorToUse = textColor || (variant === 'filled' ? 'white' : color);
|
|
133
138
|
const isDisabled = disabled || isProcessing;
|
|
@@ -136,7 +141,7 @@ const BaseButton = (_a) => {
|
|
|
136
141
|
react_1.default.createElement(StyledButtonView, Object.assign({ disabled: isDisabled, variant: variant, size: size, color: color }, props),
|
|
137
142
|
isLoading && (react_1.default.createElement(StyledActivityIndicator, { color: textColorToUse })),
|
|
138
143
|
react_1.default.createElement(Flexbox_1.BaseFlexbox, { flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row', alignItems: "center", justifyContent: "center", gap: gapBetweenIconAndText[size], opacity: isLoading ? 0 : 1 },
|
|
139
|
-
icon && react_1.default.createElement(Icon_1.BaseIcon, { icon: icon, size: iconSizes[size], color: textColorToUse }),
|
|
144
|
+
icon && react_1.default.createElement(Icon_1.BaseIcon, { icon: icon, size: iconSize || iconSizes[size], color: textColorToUse }),
|
|
140
145
|
react_1.default.createElement(Text_1.BaseText, { color: textColorToUse, fontWeight: fontWeight || fontWeights[size], fontSize: fontSize || fontSizes[size], style: textStyle }, label)))));
|
|
141
146
|
};
|
|
142
147
|
exports.BaseButton = BaseButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4CAAoG;AACpG,uCAA0C;AAC1C,kDAA0B;AAC1B,+CAAwF;AACxF,sEAA8C;AAC9C,iDAAwL;AACxL,uCAAwC;AACxC,iCAAkC;AAClC,iCAAkC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare type HapticType = 'impactLight' | 'impactMedium' | 'impactHeavy' | 'rigid' | 'soft' | 'notificationSuccess' | 'notificationWarning' | 'notificationError';
|
|
2
|
+
export declare const triggerHapticFeedback: (_type: HapticType) => void;
|
|
3
|
+
//# sourceMappingURL=haptic.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"haptic.d.ts","sourceRoot":"","sources":["../../../../src/utils/haptic.ts"],"names":[],"mappings":"AAEA,oBAAY,UAAU,GAChB,aAAa,GACb,cAAc,GACd,aAAa,GACb,OAAO,GACP,MAAM,GACN,qBAAqB,GACrB,qBAAqB,GACrB,mBAAmB,CAAC;AAG1B,eAAO,MAAM,qBAAqB,UAAW,UAAU,SAEtD,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
// No-op implementation for web platform
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.triggerHapticFeedback = void 0;
|
|
5
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
6
|
+
const triggerHapticFeedback = (_type) => {
|
|
7
|
+
// No-op for web
|
|
8
|
+
};
|
|
9
|
+
exports.triggerHapticFeedback = triggerHapticFeedback;
|
|
10
|
+
//# sourceMappingURL=haptic.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"haptic.js","sourceRoot":"","sources":["../../../../src/utils/haptic.ts"],"names":[],"mappings":";AAAA,wCAAwC;;;AAYxC,6DAA6D;AACtD,MAAM,qBAAqB,GAAG,CAAC,KAAiB,EAAE,EAAE;IACvD,gBAAgB;AACpB,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"haptic.native.d.ts","sourceRoot":"","sources":["../../../../src/utils/haptic.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAW,MAAM,8BAA8B,CAAC;AAE5E,oBAAY,UAAU,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAE1D,eAAO,MAAM,qBAAqB,SAAU,UAAU,SAKrD,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.triggerHapticFeedback = void 0;
|
|
4
|
+
const react_native_haptic_feedback_1 = require("react-native-haptic-feedback");
|
|
5
|
+
const triggerHapticFeedback = (type) => {
|
|
6
|
+
(0, react_native_haptic_feedback_1.trigger)(type, {
|
|
7
|
+
enableVibrateFallback: true,
|
|
8
|
+
ignoreAndroidSystemSettings: false,
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
exports.triggerHapticFeedback = triggerHapticFeedback;
|
|
12
|
+
//# sourceMappingURL=haptic.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"haptic.native.js","sourceRoot":"","sources":["../../../../src/utils/haptic.native.ts"],"names":[],"mappings":";;;AAAA,+EAA4E;AAIrE,MAAM,qBAAqB,GAAG,CAAC,IAAgB,EAAE,EAAE;IACtD,IAAA,sCAAO,EAAC,IAAI,EAAE;QACV,qBAAqB,EAAE,IAAI;QAC3B,2BAA2B,EAAE,KAAK;KACrC,CAAC,CAAC;AACP,CAAC,CAAC;AALW,QAAA,qBAAqB,yBAKhC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./haptic"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}
|
|
@@ -7,5 +7,6 @@ import { BaseActionable as Actionable } from './src/Actionable';
|
|
|
7
7
|
import { BaseImage as Image } from './src/Image';
|
|
8
8
|
import { BaseImageBackground as ImageBackground } from './src/ImageBackground';
|
|
9
9
|
import Swiper from './src/Swiper';
|
|
10
|
-
|
|
10
|
+
import { triggerHapticFeedback } from './src/utils';
|
|
11
|
+
export { Box, Flexbox, Text, Icon, Button, Actionable, Image, ImageBackground, Swiper, triggerHapticFeedback };
|
|
11
12
|
//# sourceMappingURL=types-for-ai.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types-for-ai.d.ts","sourceRoot":"","sources":["../../types-for-ai.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,GAAG,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,MAAM,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"types-for-ai.d.ts","sourceRoot":"","sources":["../../types-for-ai.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,GAAG,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEnD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,qBAAqB,EAAE,CAAC"}
|
package/dist/cjs/types-for-ai.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Swiper = exports.ImageBackground = exports.Image = exports.Actionable = exports.Button = exports.Icon = exports.Text = exports.Flexbox = exports.Box = void 0;
|
|
6
|
+
exports.triggerHapticFeedback = exports.Swiper = exports.ImageBackground = exports.Image = exports.Actionable = exports.Button = exports.Icon = exports.Text = exports.Flexbox = exports.Box = void 0;
|
|
7
7
|
const View_1 = require("./src/View");
|
|
8
8
|
Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return View_1.BaseView; } });
|
|
9
9
|
const Flexbox_1 = require("./src/Flexbox");
|
|
@@ -22,4 +22,6 @@ const ImageBackground_1 = require("./src/ImageBackground");
|
|
|
22
22
|
Object.defineProperty(exports, "ImageBackground", { enumerable: true, get: function () { return ImageBackground_1.BaseImageBackground; } });
|
|
23
23
|
const Swiper_1 = __importDefault(require("./src/Swiper"));
|
|
24
24
|
exports.Swiper = Swiper_1.default;
|
|
25
|
+
const utils_1 = require("./src/utils");
|
|
26
|
+
Object.defineProperty(exports, "triggerHapticFeedback", { enumerable: true, get: function () { return utils_1.triggerHapticFeedback; } });
|
|
25
27
|
//# sourceMappingURL=types-for-ai.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types-for-ai.js","sourceRoot":"","sources":["../../types-for-ai.ts"],"names":[],"mappings":";;;;;;AAAA,qCAA4C;
|
|
1
|
+
{"version":3,"file":"types-for-ai.js","sourceRoot":"","sources":["../../types-for-ai.ts"],"names":[],"mappings":";;;;;;AAAA,qCAA4C;AAWnC,oFAXY,eAAG,OAWZ;AAVZ,2CAAsD;AAUxC,wFAVU,qBAAO,OAUV;AATrB,qCAA6C;AAStB,qFATF,eAAI,OASE;AAR3B,qCAA6C;AAQhB,qFARR,eAAI,OAQQ;AAPjC,yCAAmD;AAOhB,uFAPZ,mBAAM,OAOY;AANzC,iDAA+D;AAMpB,2FANhB,2BAAU,OAMgB;AALrD,uCAAgD;AAKO,sFALjC,iBAAK,OAKiC;AAJ5D,2DAA8E;AAIhB,gGAJ9B,qCAAe,OAI8B;AAH7E,0DAAiC;AAG8C,iBAHxE,gBAAM,CAGwE;AAFrF,uCAAmD;AAEoC,sGAF9E,6BAAqB,OAE8E"}
|
package/dist/types/main.ai.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Action, Color, ComponentWithSettings, IconIdentifier, Theme } from '@evlop/commons';
|
|
2
2
|
import React$1 from 'react';
|
|
3
3
|
import { FlatListProps, ImageBackgroundProps as RNImageBackgroundProps, ImageProps, ListRenderItem, PressableProps, TextProps as RNTextProps, TextStyle, View as RNView, ViewProps, ViewProps as RNViewProps, ViewStyle } from 'react-native';
|
|
4
|
-
import { HapticFeedbackTypes } from 'react-native-haptic-feedback';
|
|
5
4
|
import { BackgroundColorProps, BackgroundProps, BorderProps, ColorProps, FlexProps, FlexboxProps, FlexboxProps as SSFlexboxProps, FontSizeProps, FontWeightProps, LayoutProps, OpacityProps, PositionProps, ResponsiveValue, SpaceProps, ThemeValue, TypographyProps } from 'styled-system';
|
|
6
5
|
|
|
7
6
|
type BaseViewProps = RNViewProps & FlexboxProps<Theme> & BorderProps<Theme> & LayoutProps<Theme> & OpacityProps<Theme> & ColorProps<Theme> & BackgroundProps<Theme> & SpaceProps<Theme> & PositionProps<Theme> & OpacityProps<Theme>;
|
|
@@ -45,12 +44,15 @@ interface BaseButtonProps extends ViewProps, FontWeightProps<Theme>, FontSizePro
|
|
|
45
44
|
action?: Action;
|
|
46
45
|
icon?: IconIdentifier;
|
|
47
46
|
iconPosition?: "left" | "right";
|
|
47
|
+
iconSize?: number;
|
|
48
48
|
}
|
|
49
49
|
declare const BaseButton: React$1.FC<BaseButtonProps>;
|
|
50
|
+
type HapticType = "impactLight" | "impactMedium" | "impactHeavy" | "rigid" | "soft" | "notificationSuccess" | "notificationWarning" | "notificationError";
|
|
51
|
+
export declare const triggerHapticFeedback: (_type: HapticType) => void;
|
|
50
52
|
type EffectType = "none" | "shrink" | "dim" | "shrink-dim" | "push-down" | "gentle-shrink" | "tilt" | "bounce" | "squeeze" | "pop" | "wobble";
|
|
51
53
|
interface BaseActionableProps extends PressableProps {
|
|
52
54
|
pressEffect?: EffectType;
|
|
53
|
-
hapticFeedback?:
|
|
55
|
+
hapticFeedback?: HapticType;
|
|
54
56
|
action: Action;
|
|
55
57
|
[key: string]: any;
|
|
56
58
|
}
|
package/dist/types/main.d.ts
CHANGED
package/dist/types/main.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../main.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../main.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,aAAa,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAClH,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAClE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Action } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { PressableProps } from 'react-native';
|
|
4
|
-
import {
|
|
4
|
+
import { HapticType } from './utils/haptic';
|
|
5
5
|
declare type EffectType = 'none' | 'shrink' | 'dim' | 'shrink-dim' | 'push-down' | 'gentle-shrink' | 'tilt' | 'bounce' | 'squeeze' | 'pop' | 'wobble';
|
|
6
6
|
export interface BaseActionableProps extends PressableProps {
|
|
7
7
|
pressEffect?: EffectType;
|
|
8
|
-
hapticFeedback?:
|
|
8
|
+
hapticFeedback?: HapticType;
|
|
9
9
|
action: Action;
|
|
10
10
|
[key: string]: any;
|
|
11
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAA8C,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1F,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAA8C,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAyB,MAAM,gBAAgB,CAAC;AAInE,aAAK,UAAU,GACT,MAAM,GACN,QAAQ,GACR,KAAK,GACL,YAAY,GACZ,WAAW,GACX,eAAe,GACf,MAAM,GACN,QAAQ,GACR,SAAS,GACT,KAAK,GACL,QAAQ,CAAC;AAEf,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACvD,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAmLD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAsBnE,CAAA;;;;;;;;;;AAED,wBAImB"}
|
|
@@ -15,6 +15,7 @@ export interface BaseButtonProps extends ViewProps, FontWeightProps<Theme>, Font
|
|
|
15
15
|
action?: Action;
|
|
16
16
|
icon?: IconIdentifier;
|
|
17
17
|
iconPosition?: 'left' | 'right';
|
|
18
|
+
iconSize?: number;
|
|
18
19
|
}
|
|
19
20
|
export declare const BaseButton: React.FC<BaseButtonProps>;
|
|
20
21
|
declare const ButtonWithSettings: (props: BaseButtonProps & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;AAEpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAExF,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAAE,aAAa,EAAE,eAAe,EAAU,WAAW,EAAS,UAAU,EAAuB,MAAM,eAAe,CAAC;AAWxL,aAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;IACtL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACnF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;AAEpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAExF,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAAE,aAAa,EAAE,eAAe,EAAU,WAAW,EAAS,UAAU,EAAuB,MAAM,eAAe,CAAC;AAWxL,aAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;IACtL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACnF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAuHD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuDhD,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;;;;;;uBAIV,CAAC;AAEf,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare type HapticType = 'impactLight' | 'impactMedium' | 'impactHeavy' | 'rigid' | 'soft' | 'notificationSuccess' | 'notificationWarning' | 'notificationError';
|
|
2
|
+
export declare const triggerHapticFeedback: (_type: HapticType) => void;
|
|
3
|
+
//# sourceMappingURL=haptic.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"haptic.d.ts","sourceRoot":"","sources":["../../../../src/utils/haptic.ts"],"names":[],"mappings":"AAEA,oBAAY,UAAU,GAChB,aAAa,GACb,cAAc,GACd,aAAa,GACb,OAAO,GACP,MAAM,GACN,qBAAqB,GACrB,qBAAqB,GACrB,mBAAmB,CAAC;AAG1B,eAAO,MAAM,qBAAqB,UAAW,UAAU,SAEtD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"haptic.native.d.ts","sourceRoot":"","sources":["../../../../src/utils/haptic.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAW,MAAM,8BAA8B,CAAC;AAE5E,oBAAY,UAAU,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAE1D,eAAO,MAAM,qBAAqB,SAAU,UAAU,SAKrD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -7,5 +7,6 @@ import { BaseActionable as Actionable } from './src/Actionable';
|
|
|
7
7
|
import { BaseImage as Image } from './src/Image';
|
|
8
8
|
import { BaseImageBackground as ImageBackground } from './src/ImageBackground';
|
|
9
9
|
import Swiper from './src/Swiper';
|
|
10
|
-
|
|
10
|
+
import { triggerHapticFeedback } from './src/utils';
|
|
11
|
+
export { Box, Flexbox, Text, Icon, Button, Actionable, Image, ImageBackground, Swiper, triggerHapticFeedback };
|
|
11
12
|
//# sourceMappingURL=types-for-ai.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types-for-ai.d.ts","sourceRoot":"","sources":["../../types-for-ai.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,GAAG,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,MAAM,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"types-for-ai.d.ts","sourceRoot":"","sources":["../../types-for-ai.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,GAAG,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEnD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,qBAAqB,EAAE,CAAC"}
|