@mapples/ui 1.0.2
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 +297 -0
- package/dist/components/inputs/Button/Button.d.ts +44 -0
- package/dist/components/inputs/Button/Button.d.ts.map +1 -0
- package/dist/components/inputs/Button/Button.js +34 -0
- package/dist/components/inputs/Button/Button.js.map +1 -0
- package/dist/components/inputs/Button/index.d.ts +5 -0
- package/dist/components/inputs/Button/index.d.ts.map +1 -0
- package/dist/components/inputs/Button/index.js +5 -0
- package/dist/components/inputs/Button/index.js.map +1 -0
- package/dist/components/inputs/Button/schematics.d.ts +11 -0
- package/dist/components/inputs/Button/schematics.d.ts.map +1 -0
- package/dist/components/inputs/Button/schematics.js +14 -0
- package/dist/components/inputs/Button/schematics.js.map +1 -0
- package/dist/components/inputs/IconButton/IconButton.d.ts +62 -0
- package/dist/components/inputs/IconButton/IconButton.d.ts.map +1 -0
- package/dist/components/inputs/IconButton/IconButton.js +55 -0
- package/dist/components/inputs/IconButton/IconButton.js.map +1 -0
- package/dist/components/inputs/IconButton/MockIcon.d.ts +6 -0
- package/dist/components/inputs/IconButton/MockIcon.d.ts.map +1 -0
- package/dist/components/inputs/IconButton/MockIcon.js +9 -0
- package/dist/components/inputs/IconButton/MockIcon.js.map +1 -0
- package/dist/components/inputs/IconButton/index.d.ts +4 -0
- package/dist/components/inputs/IconButton/index.d.ts.map +1 -0
- package/dist/components/inputs/IconButton/index.js +4 -0
- package/dist/components/inputs/IconButton/index.js.map +1 -0
- package/dist/components/inputs/IconButton/schematics.d.ts +3 -0
- package/dist/components/inputs/IconButton/schematics.d.ts.map +1 -0
- package/dist/components/inputs/IconButton/schematics.js +6 -0
- package/dist/components/inputs/IconButton/schematics.js.map +1 -0
- package/dist/components/inputs/Pressable/Pressable.d.ts +9 -0
- package/dist/components/inputs/Pressable/Pressable.d.ts.map +1 -0
- package/dist/components/inputs/Pressable/Pressable.js +10 -0
- package/dist/components/inputs/Pressable/Pressable.js.map +1 -0
- package/dist/components/inputs/Pressable/index.d.ts +5 -0
- package/dist/components/inputs/Pressable/index.d.ts.map +1 -0
- package/dist/components/inputs/Pressable/index.js +5 -0
- package/dist/components/inputs/Pressable/index.js.map +1 -0
- package/dist/components/inputs/Pressable/schematics.d.ts +3 -0
- package/dist/components/inputs/Pressable/schematics.d.ts.map +1 -0
- package/dist/components/inputs/Pressable/schematics.js +6 -0
- package/dist/components/inputs/Pressable/schematics.js.map +1 -0
- package/dist/components/inputs/TextInput/TextInput.d.ts +32 -0
- package/dist/components/inputs/TextInput/TextInput.d.ts.map +1 -0
- package/dist/components/inputs/TextInput/TextInput.js +34 -0
- package/dist/components/inputs/TextInput/TextInput.js.map +1 -0
- package/dist/components/inputs/TextInput/index.d.ts +4 -0
- package/dist/components/inputs/TextInput/index.d.ts.map +1 -0
- package/dist/components/inputs/TextInput/index.js +4 -0
- package/dist/components/inputs/TextInput/index.js.map +1 -0
- package/dist/components/inputs/TextInput/schematics.d.ts +3 -0
- package/dist/components/inputs/TextInput/schematics.d.ts.map +1 -0
- package/dist/components/inputs/TextInput/schematics.js +6 -0
- package/dist/components/inputs/TextInput/schematics.js.map +1 -0
- package/dist/components/inputs/index.d.ts +10 -0
- package/dist/components/inputs/index.d.ts.map +1 -0
- package/dist/components/inputs/index.js +10 -0
- package/dist/components/inputs/index.js.map +1 -0
- package/dist/components/inputs/schematics.d.ts +3 -0
- package/dist/components/inputs/schematics.d.ts.map +1 -0
- package/dist/components/inputs/schematics.js +11 -0
- package/dist/components/inputs/schematics.js.map +1 -0
- package/dist/components/media/Icon/Icon.d.ts +21 -0
- package/dist/components/media/Icon/Icon.d.ts.map +1 -0
- package/dist/components/media/Icon/Icon.js +25 -0
- package/dist/components/media/Icon/Icon.js.map +1 -0
- package/dist/components/media/Icon/MockIcon.d.ts +6 -0
- package/dist/components/media/Icon/MockIcon.d.ts.map +1 -0
- package/dist/components/media/Icon/MockIcon.js +9 -0
- package/dist/components/media/Icon/MockIcon.js.map +1 -0
- package/dist/components/media/Icon/index.d.ts +4 -0
- package/dist/components/media/Icon/index.d.ts.map +1 -0
- package/dist/components/media/Icon/index.js +4 -0
- package/dist/components/media/Icon/index.js.map +1 -0
- package/dist/components/media/Icon/schematics.d.ts +3 -0
- package/dist/components/media/Icon/schematics.d.ts.map +1 -0
- package/dist/components/media/Icon/schematics.js +6 -0
- package/dist/components/media/Icon/schematics.js.map +1 -0
- package/dist/components/media/Image/Image.d.ts +58 -0
- package/dist/components/media/Image/Image.d.ts.map +1 -0
- package/dist/components/media/Image/Image.js +40 -0
- package/dist/components/media/Image/Image.js.map +1 -0
- package/dist/components/media/Image/index.d.ts +4 -0
- package/dist/components/media/Image/index.d.ts.map +1 -0
- package/dist/components/media/Image/index.js +4 -0
- package/dist/components/media/Image/index.js.map +1 -0
- package/dist/components/media/Image/schematics.d.ts +3 -0
- package/dist/components/media/Image/schematics.d.ts.map +1 -0
- package/dist/components/media/Image/schematics.js +6 -0
- package/dist/components/media/Image/schematics.js.map +1 -0
- package/dist/components/media/Video/Video.d.ts +28 -0
- package/dist/components/media/Video/Video.d.ts.map +1 -0
- package/dist/components/media/Video/Video.js +26 -0
- package/dist/components/media/Video/Video.js.map +1 -0
- package/dist/components/media/Video/index.d.ts +4 -0
- package/dist/components/media/Video/index.d.ts.map +1 -0
- package/dist/components/media/Video/index.js +4 -0
- package/dist/components/media/Video/index.js.map +1 -0
- package/dist/components/media/Video/schematics.d.ts +3 -0
- package/dist/components/media/Video/schematics.d.ts.map +1 -0
- package/dist/components/media/Video/schematics.js +6 -0
- package/dist/components/media/Video/schematics.js.map +1 -0
- package/dist/components/media/index.d.ts +8 -0
- package/dist/components/media/index.d.ts.map +1 -0
- package/dist/components/media/index.js +8 -0
- package/dist/components/media/index.js.map +1 -0
- package/dist/components/media/schematics.d.ts +3 -0
- package/dist/components/media/schematics.d.ts.map +1 -0
- package/dist/components/media/schematics.js +9 -0
- package/dist/components/media/schematics.js.map +1 -0
- package/dist/components/typography/Text/Text.d.ts +52 -0
- package/dist/components/typography/Text/Text.d.ts.map +1 -0
- package/dist/components/typography/Text/Text.js +41 -0
- package/dist/components/typography/Text/Text.js.map +1 -0
- package/dist/components/typography/Text/index.d.ts +4 -0
- package/dist/components/typography/Text/index.d.ts.map +1 -0
- package/dist/components/typography/Text/index.js +4 -0
- package/dist/components/typography/Text/index.js.map +1 -0
- package/dist/components/typography/Text/schematics.d.ts +3 -0
- package/dist/components/typography/Text/schematics.d.ts.map +1 -0
- package/dist/components/typography/Text/schematics.js +6 -0
- package/dist/components/typography/Text/schematics.js.map +1 -0
- package/dist/components/typography/Typography/Typography.d.ts +15 -0
- package/dist/components/typography/Typography/Typography.d.ts.map +1 -0
- package/dist/components/typography/Typography/Typography.js +11 -0
- package/dist/components/typography/Typography/Typography.js.map +1 -0
- package/dist/components/typography/Typography/index.d.ts +4 -0
- package/dist/components/typography/Typography/index.d.ts.map +1 -0
- package/dist/components/typography/Typography/index.js +4 -0
- package/dist/components/typography/Typography/index.js.map +1 -0
- package/dist/components/typography/Typography/schematics.d.ts +3 -0
- package/dist/components/typography/Typography/schematics.d.ts.map +1 -0
- package/dist/components/typography/Typography/schematics.js +6 -0
- package/dist/components/typography/Typography/schematics.js.map +1 -0
- package/dist/components/typography/index.d.ts +6 -0
- package/dist/components/typography/index.d.ts.map +1 -0
- package/dist/components/typography/index.js +6 -0
- package/dist/components/typography/index.js.map +1 -0
- package/dist/components/typography/schematics.d.ts +3 -0
- package/dist/components/typography/schematics.d.ts.map +1 -0
- package/dist/components/typography/schematics.js +7 -0
- package/dist/components/typography/schematics.js.map +1 -0
- package/dist/components/views/FlatList/FlatList.d.ts +16 -0
- package/dist/components/views/FlatList/FlatList.d.ts.map +1 -0
- package/dist/components/views/FlatList/FlatList.js +23 -0
- package/dist/components/views/FlatList/FlatList.js.map +1 -0
- package/dist/components/views/FlatList/index.d.ts +4 -0
- package/dist/components/views/FlatList/index.d.ts.map +1 -0
- package/dist/components/views/FlatList/index.js +4 -0
- package/dist/components/views/FlatList/index.js.map +1 -0
- package/dist/components/views/FlatList/schematics.d.ts +6 -0
- package/dist/components/views/FlatList/schematics.d.ts.map +1 -0
- package/dist/components/views/FlatList/schematics.js +18 -0
- package/dist/components/views/FlatList/schematics.js.map +1 -0
- package/dist/components/views/ImageBackgroundView/ImageBackgroundView.d.ts +22 -0
- package/dist/components/views/ImageBackgroundView/ImageBackgroundView.d.ts.map +1 -0
- package/dist/components/views/ImageBackgroundView/ImageBackgroundView.js +25 -0
- package/dist/components/views/ImageBackgroundView/ImageBackgroundView.js.map +1 -0
- package/dist/components/views/ImageBackgroundView/index.d.ts +4 -0
- package/dist/components/views/ImageBackgroundView/index.d.ts.map +1 -0
- package/dist/components/views/ImageBackgroundView/index.js +4 -0
- package/dist/components/views/ImageBackgroundView/index.js.map +1 -0
- package/dist/components/views/ImageBackgroundView/schematics.d.ts +3 -0
- package/dist/components/views/ImageBackgroundView/schematics.d.ts.map +1 -0
- package/dist/components/views/ImageBackgroundView/schematics.js +6 -0
- package/dist/components/views/ImageBackgroundView/schematics.js.map +1 -0
- package/dist/components/views/SafeAreaView/SafeAreaView.d.ts +11 -0
- package/dist/components/views/SafeAreaView/SafeAreaView.d.ts.map +1 -0
- package/dist/components/views/SafeAreaView/SafeAreaView.js +10 -0
- package/dist/components/views/SafeAreaView/SafeAreaView.js.map +1 -0
- package/dist/components/views/SafeAreaView/index.d.ts +4 -0
- package/dist/components/views/SafeAreaView/index.d.ts.map +1 -0
- package/dist/components/views/SafeAreaView/index.js +4 -0
- package/dist/components/views/SafeAreaView/index.js.map +1 -0
- package/dist/components/views/SafeAreaView/schematics.d.ts +3 -0
- package/dist/components/views/SafeAreaView/schematics.d.ts.map +1 -0
- package/dist/components/views/SafeAreaView/schematics.js +6 -0
- package/dist/components/views/SafeAreaView/schematics.js.map +1 -0
- package/dist/components/views/ScrollView/ScrollView.d.ts +40 -0
- package/dist/components/views/ScrollView/ScrollView.d.ts.map +1 -0
- package/dist/components/views/ScrollView/ScrollView.js +34 -0
- package/dist/components/views/ScrollView/ScrollView.js.map +1 -0
- package/dist/components/views/ScrollView/index.d.ts +4 -0
- package/dist/components/views/ScrollView/index.d.ts.map +1 -0
- package/dist/components/views/ScrollView/index.js +4 -0
- package/dist/components/views/ScrollView/index.js.map +1 -0
- package/dist/components/views/ScrollView/schematics.d.ts +4 -0
- package/dist/components/views/ScrollView/schematics.d.ts.map +1 -0
- package/dist/components/views/ScrollView/schematics.js +10 -0
- package/dist/components/views/ScrollView/schematics.js.map +1 -0
- package/dist/components/views/View/View.d.ts +40 -0
- package/dist/components/views/View/View.d.ts.map +1 -0
- package/dist/components/views/View/View.js +34 -0
- package/dist/components/views/View/View.js.map +1 -0
- package/dist/components/views/View/index.d.ts +4 -0
- package/dist/components/views/View/index.d.ts.map +1 -0
- package/dist/components/views/View/index.js +4 -0
- package/dist/components/views/View/index.js.map +1 -0
- package/dist/components/views/View/schematics.d.ts +4 -0
- package/dist/components/views/View/schematics.d.ts.map +1 -0
- package/dist/components/views/View/schematics.js +10 -0
- package/dist/components/views/View/schematics.js.map +1 -0
- package/dist/components/views/index.d.ts +12 -0
- package/dist/components/views/index.d.ts.map +1 -0
- package/dist/components/views/index.js +12 -0
- package/dist/components/views/index.js.map +1 -0
- package/dist/components/views/schematics.d.ts +18 -0
- package/dist/components/views/schematics.d.ts.map +1 -0
- package/dist/components/views/schematics.js +18 -0
- package/dist/components/views/schematics.js.map +1 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +15 -0
- package/dist/index.js.map +1 -0
- package/dist/schematics.d.ts +20 -0
- package/dist/schematics.d.ts.map +1 -0
- package/dist/schematics.js +27 -0
- package/dist/schematics.js.map +1 -0
- package/package.json +36 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Pressable/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/Pressable/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Pressable/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,mBAAmB,EAAE,mBAGjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/inputs/Pressable/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { TextInputProps, TextInput as RNTextInput } from 'react-native';
|
|
2
|
+
/**
|
|
3
|
+
* A customizable text input component with built-in styling support.
|
|
4
|
+
*
|
|
5
|
+
* The TextInput component extends React Native's TextInput with additional styling
|
|
6
|
+
* capabilities through the @mapples/style system. It supports all standard
|
|
7
|
+
* TextInput properties and behaviors.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <TextInput
|
|
12
|
+
* placeholder="Enter your text"
|
|
13
|
+
* value={text}
|
|
14
|
+
* onChangeText={setText}
|
|
15
|
+
* styled={{
|
|
16
|
+
* style: {
|
|
17
|
+
* borderWidth: 1,
|
|
18
|
+
* borderColor: 'gray',
|
|
19
|
+
* padding: 12,
|
|
20
|
+
* borderRadius: 8
|
|
21
|
+
* }
|
|
22
|
+
* }}
|
|
23
|
+
* />
|
|
24
|
+
* ```
|
|
25
|
+
*
|
|
26
|
+
* @public
|
|
27
|
+
*/
|
|
28
|
+
declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & {
|
|
29
|
+
children?: import("react").ReactNode | undefined;
|
|
30
|
+
} & import("react").RefAttributes<RNTextInput>>;
|
|
31
|
+
export default TextInput;
|
|
32
|
+
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/TextInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,SAAS;;+CAId,CAAC;AAGF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
import { StyledTextInput } from '@mapples/style';
|
|
3
|
+
/**
|
|
4
|
+
* A customizable text input component with built-in styling support.
|
|
5
|
+
*
|
|
6
|
+
* The TextInput component extends React Native's TextInput with additional styling
|
|
7
|
+
* capabilities through the @mapples/style system. It supports all standard
|
|
8
|
+
* TextInput properties and behaviors.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <TextInput
|
|
13
|
+
* placeholder="Enter your text"
|
|
14
|
+
* value={text}
|
|
15
|
+
* onChangeText={setText}
|
|
16
|
+
* styled={{
|
|
17
|
+
* style: {
|
|
18
|
+
* borderWidth: 1,
|
|
19
|
+
* borderColor: 'gray',
|
|
20
|
+
* padding: 12,
|
|
21
|
+
* borderRadius: 8
|
|
22
|
+
* }
|
|
23
|
+
* }}
|
|
24
|
+
* />
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* @public
|
|
28
|
+
*/
|
|
29
|
+
const TextInput = forwardRef(({ children, ...props }, ref) => {
|
|
30
|
+
return <StyledTextInput ref={ref} {...props}/>;
|
|
31
|
+
});
|
|
32
|
+
TextInput.displayName = 'TextInput';
|
|
33
|
+
export default TextInput;
|
|
34
|
+
//# sourceMappingURL=TextInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9B,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,cAAc,CAAC;AAE7B,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,cAAc,CAAC;AAE7B,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,kBAAkB,EAAE,mBAGhC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,kBAAkB,GAAwB;IACrD,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { default as Button } from './Button';
|
|
2
|
+
export * from './Button';
|
|
3
|
+
export { default as TextInput } from './TextInput';
|
|
4
|
+
export * from './TextInput';
|
|
5
|
+
export { default as Pressable } from './Pressable';
|
|
6
|
+
export * from './Pressable';
|
|
7
|
+
export { default as IconButton } from './IconButton';
|
|
8
|
+
export * from './IconButton';
|
|
9
|
+
export * from './schematics';
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { default as Button } from './Button';
|
|
2
|
+
export * from './Button';
|
|
3
|
+
export { default as TextInput } from './TextInput';
|
|
4
|
+
export * from './TextInput';
|
|
5
|
+
export { default as Pressable } from './Pressable';
|
|
6
|
+
export * from './Pressable';
|
|
7
|
+
export { default as IconButton } from './IconButton';
|
|
8
|
+
export * from './IconButton';
|
|
9
|
+
export * from './schematics';
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/inputs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAOtD,eAAO,MAAM,gBAAgB,EAAE,oBAK9B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ButtonSchematic } from './Button';
|
|
2
|
+
import { IconButtonSchematics } from './IconButton';
|
|
3
|
+
import { PressableSchematics } from './Pressable';
|
|
4
|
+
import { TextInputSchematic } from './TextInput';
|
|
5
|
+
export const InputsSchematics = {
|
|
6
|
+
[TextInputSchematic.type]: TextInputSchematic,
|
|
7
|
+
[ButtonSchematic.type]: ButtonSchematic,
|
|
8
|
+
[IconButtonSchematics.type]: IconButtonSchematics,
|
|
9
|
+
[PressableSchematics.type]: PressableSchematics,
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=schematics.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/inputs/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,CAAC,MAAM,gBAAgB,GAAyB;IACpD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,mBAAmB;CAChD,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { StyledProp, StyledProps, WithStyledProps } from '@mapples/style';
|
|
3
|
+
import { TextStyle, View, ViewProps } from 'react-native';
|
|
4
|
+
export type IconProps = PropsWithChildren<Omit<WithStyledProps<ViewProps>, 'styled'> & {
|
|
5
|
+
styled?: StyledProps<ViewProps> & {
|
|
6
|
+
styleSvg?: StyledProp<TextStyle>;
|
|
7
|
+
};
|
|
8
|
+
}> & {
|
|
9
|
+
uri?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const Icon: import("react").ForwardRefExoticComponent<Omit<WithStyledProps<ViewProps>, "styled"> & {
|
|
12
|
+
styled?: StyledProps<ViewProps> & {
|
|
13
|
+
styleSvg?: StyledProp<TextStyle>;
|
|
14
|
+
};
|
|
15
|
+
} & {
|
|
16
|
+
children?: import("react").ReactNode | undefined;
|
|
17
|
+
} & {
|
|
18
|
+
uri?: string;
|
|
19
|
+
} & import("react").RefAttributes<View>>;
|
|
20
|
+
export default Icon;
|
|
21
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,EACV,WAAW,EAGX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1D,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC3C,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC,CAAC;CACH,CACF,GAAG;IACF,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAIF,QAAA,MAAM,IAAI;aAVG,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC;;;;UAGG,MAAM;wCAoCb,CAAC;AAGF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
import { styled, StyledView, Styler, } from '@mapples/style';
|
|
3
|
+
import { SvgUri } from 'react-native-svg';
|
|
4
|
+
import MockIcon from './MockIcon';
|
|
5
|
+
const StyledSvgUri = styled(SvgUri);
|
|
6
|
+
const Icon = forwardRef(({ styled, uri, ...props }, ref) => {
|
|
7
|
+
const { styleSvg, ...styledViewProps } = styled || {};
|
|
8
|
+
const ejectStyle = Styler.flatten(styleSvg);
|
|
9
|
+
return (<StyledView ref={ref} styled={styledViewProps} {...props}>
|
|
10
|
+
{uri ? (<StyledSvgUri uri={uri} styled={{
|
|
11
|
+
width: ejectStyle?.width,
|
|
12
|
+
height: ejectStyle?.height,
|
|
13
|
+
color: ejectStyle?.color,
|
|
14
|
+
style: styleSvg,
|
|
15
|
+
}}/>) : (<MockIcon styled={{
|
|
16
|
+
width: ejectStyle?.width,
|
|
17
|
+
height: ejectStyle?.height,
|
|
18
|
+
color: ejectStyle?.color,
|
|
19
|
+
style: styleSvg,
|
|
20
|
+
}}/>)}
|
|
21
|
+
</StyledView>);
|
|
22
|
+
});
|
|
23
|
+
Icon.displayName = 'Icon';
|
|
24
|
+
export default Icon;
|
|
25
|
+
//# sourceMappingURL=Icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,MAAM,EAGN,UAAU,EACV,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAYlC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAEpC,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE5C,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CACvD;QAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { SvgProps } from 'react-native-svg';
|
|
2
|
+
declare const _default: import("react").ForwardRefExoticComponent<{
|
|
3
|
+
styled?: import("@mapples/style").StyledProps<Partial<SvgProps>> | undefined;
|
|
4
|
+
} & SvgProps & import("react").RefAttributes<unknown>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
//# sourceMappingURL=MockIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MockIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/MockIcon.tsx"],"names":[],"mappings":"AAGA,OAAY,EAAE,QAAQ,EAAQ,MAAM,kBAAkB,CAAC;;;;AAUvD,wBAAgC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { styled } from '@mapples/style';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
const MockIcon = (props) => {
|
|
4
|
+
return (<Svg {...props} viewBox="0 0 256 256">
|
|
5
|
+
<Path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16h64a8,8,0,0,0,7.59-5.47l14.83-44.48L163,151.43a8.07,8.07,0,0,0,4.46-4.46l14.62-36.55,44.48-14.83A8,8,0,0,0,232,88V56A16,16,0,0,0,216,40ZM112.41,157.47,98.23,200H40V172l52-52,30.42,30.42L117,152.57A8,8,0,0,0,112.41,157.47ZM216,82.23,173.47,96.41a8,8,0,0,0-4.9,4.62l-14.72,36.82L138.58,144l-35.27-35.27a16,16,0,0,0-22.62,0L40,149.37V56H216Zm12.68,33a8,8,0,0,0-7.21-1.1l-23.8,7.94a8,8,0,0,0-4.9,4.61l-14.31,35.77-35.77,14.31a8,8,0,0,0-4.61,4.9l-7.94,23.8A8,8,0,0,0,137.73,216H216a16,16,0,0,0,16-16V121.73A8,8,0,0,0,228.68,115.24ZM216,200H148.83l3.25-9.75,35.51-14.2a8.07,8.07,0,0,0,4.46-4.46l14.2-35.51,9.75-3.25Z"></Path>
|
|
6
|
+
</Svg>);
|
|
7
|
+
};
|
|
8
|
+
export default styled(MockIcon);
|
|
9
|
+
//# sourceMappingURL=MockIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MockIcon.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/MockIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,GAAG,EAAE,EAAY,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,QAAQ,GAAiB,CAAC,KAAK,EAAE,EAAE;IACvC,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,aAAa,CACnC;MAAA,CAAC,IAAI,CAAC,CAAC,CAAC,spBAAspB,CAAC,EAAE,IAAI,CACvqB;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,cAAc,CAAC;AAE7B,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,cAAc,CAAC;AAE7B,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,cAAc,EAAE,mBAG5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,QAAQ,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,aAAa;CACzB,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { StyledProp, StyledProps, WithStyledProps } from '@mapples/style';
|
|
3
|
+
import { ImageProps as ExpoImageProps } from 'expo-image';
|
|
4
|
+
import { ImageStyle, ViewProps } from 'react-native';
|
|
5
|
+
/**
|
|
6
|
+
* Props for the Image component.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
10
|
+
export type ImageProps = PropsWithChildren<Omit<WithStyledProps<ExpoImageProps>, 'styled'> & {
|
|
11
|
+
/** Styling configuration for the image container and image itself */
|
|
12
|
+
styled?: StyledProps<ViewProps> & {
|
|
13
|
+
/** Image-specific styling */
|
|
14
|
+
styleImage?: StyledProp<ImageStyle>;
|
|
15
|
+
};
|
|
16
|
+
/** Alternative data source for the image */
|
|
17
|
+
dataSource?: string;
|
|
18
|
+
}>;
|
|
19
|
+
/**
|
|
20
|
+
* A customizable image component with built-in styling support.
|
|
21
|
+
*
|
|
22
|
+
* The Image component extends Expo's Image component with additional styling
|
|
23
|
+
* capabilities through the @mapples/style system. It supports both container
|
|
24
|
+
* and image-specific styling, and can use either the `source` or `dataSource` prop.
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* <Image
|
|
29
|
+
* source={{ uri: 'https://example.com/image.jpg' }}
|
|
30
|
+
* alt="Example image"
|
|
31
|
+
* styled={{
|
|
32
|
+
* style: {
|
|
33
|
+
* width: 200,
|
|
34
|
+
* height: 200,
|
|
35
|
+
* borderRadius: 8
|
|
36
|
+
* },
|
|
37
|
+
* styleImage: {
|
|
38
|
+
* resizeMode: 'cover'
|
|
39
|
+
* }
|
|
40
|
+
* }}
|
|
41
|
+
* />
|
|
42
|
+
* ```
|
|
43
|
+
*
|
|
44
|
+
* @public
|
|
45
|
+
*/
|
|
46
|
+
declare const Image: import("react").ForwardRefExoticComponent<Omit<WithStyledProps<ExpoImageProps>, "styled"> & {
|
|
47
|
+
/** Styling configuration for the image container and image itself */
|
|
48
|
+
styled?: StyledProps<ViewProps> & {
|
|
49
|
+
/** Image-specific styling */
|
|
50
|
+
styleImage?: StyledProp<ImageStyle>;
|
|
51
|
+
};
|
|
52
|
+
/** Alternative data source for the image */
|
|
53
|
+
dataSource?: string;
|
|
54
|
+
} & {
|
|
55
|
+
children?: import("react").ReactNode | undefined;
|
|
56
|
+
} & import("react").RefAttributes<unknown>>;
|
|
57
|
+
export default Image;
|
|
58
|
+
//# sourceMappingURL=Image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,EACV,WAAW,EAEX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAsB,UAAU,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CACxC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAChD,qEAAqE;IACrE,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;KACrC,CAAC;IACF,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CACF,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,KAAK;IAvCP,qEAAqE;aAC5D,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;KACrC;IACD,4CAA4C;iBAC/B,MAAM;;;2CA+CtB,CAAC;AAGF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
import { styled, StyledView, } from '@mapples/style';
|
|
3
|
+
import { Image as ExpoImage } from 'expo-image';
|
|
4
|
+
const StyledExpoImage = styled(ExpoImage);
|
|
5
|
+
/**
|
|
6
|
+
* A customizable image component with built-in styling support.
|
|
7
|
+
*
|
|
8
|
+
* The Image component extends Expo's Image component with additional styling
|
|
9
|
+
* capabilities through the @mapples/style system. It supports both container
|
|
10
|
+
* and image-specific styling, and can use either the `source` or `dataSource` prop.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Image
|
|
15
|
+
* source={{ uri: 'https://example.com/image.jpg' }}
|
|
16
|
+
* alt="Example image"
|
|
17
|
+
* styled={{
|
|
18
|
+
* style: {
|
|
19
|
+
* width: 200,
|
|
20
|
+
* height: 200,
|
|
21
|
+
* borderRadius: 8
|
|
22
|
+
* },
|
|
23
|
+
* styleImage: {
|
|
24
|
+
* resizeMode: 'cover'
|
|
25
|
+
* }
|
|
26
|
+
* }}
|
|
27
|
+
* />
|
|
28
|
+
* ```
|
|
29
|
+
*
|
|
30
|
+
* @public
|
|
31
|
+
*/
|
|
32
|
+
const Image = forwardRef(({ styled, source, alt, dataSource, ...props }, ref) => {
|
|
33
|
+
const { styleImage, ...styledProps } = styled || {};
|
|
34
|
+
return (<StyledView ref={ref} styled={styledProps} {...props}>
|
|
35
|
+
<StyledExpoImage source={dataSource || source} alt={alt} styled={{ style: styleImage }}/>
|
|
36
|
+
</StyledView>);
|
|
37
|
+
});
|
|
38
|
+
Image.displayName = 'Image';
|
|
39
|
+
export default Image;
|
|
40
|
+
//# sourceMappingURL=Image.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,MAAM,EAGN,UAAU,GAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAgC,MAAM,YAAY,CAAC;AAoB9E,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,EAAc,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEpD,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,CACnD;QAAA,CAAC,eAAe,CACd,MAAM,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC,CAC7B,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAElC;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,cAAc,EAAE,mBAG5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Image/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,KAAK;CACjB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { StyledProps, StyledProp } from '@mapples/style';
|
|
3
|
+
import { VideoContentFit } from 'expo-video';
|
|
4
|
+
import { View, ViewProps, ViewStyle } from 'react-native';
|
|
5
|
+
export type VideoProps = PropsWithChildren<ViewProps> & {
|
|
6
|
+
source?: string;
|
|
7
|
+
autoPlay?: boolean;
|
|
8
|
+
loop?: boolean;
|
|
9
|
+
controls?: boolean;
|
|
10
|
+
contentFit?: VideoContentFit;
|
|
11
|
+
styled?: StyledProps<ViewProps> & {
|
|
12
|
+
styleVideo?: StyledProp<ViewStyle>;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
declare const Video: import("react").ForwardRefExoticComponent<ViewProps & {
|
|
16
|
+
children?: import("react").ReactNode | undefined;
|
|
17
|
+
} & {
|
|
18
|
+
source?: string;
|
|
19
|
+
autoPlay?: boolean;
|
|
20
|
+
loop?: boolean;
|
|
21
|
+
controls?: boolean;
|
|
22
|
+
contentFit?: VideoContentFit;
|
|
23
|
+
styled?: StyledProps<ViewProps> & {
|
|
24
|
+
styleVideo?: StyledProp<ViewStyle>;
|
|
25
|
+
};
|
|
26
|
+
} & import("react").RefAttributes<View>>;
|
|
27
|
+
export default Video;
|
|
28
|
+
//# sourceMappingURL=Video.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAU,WAAW,EAAc,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAA6B,eAAe,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,GAAG;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH,CAAC;AAIF,QAAA,MAAM,KAAK;;;aAZA,MAAM;eACJ,OAAO;WACX,OAAO;eACH,OAAO;iBACL,eAAe;aACnB,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC;wCAoCF,CAAC;AAGF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { forwardRef, useEffect } from 'react';
|
|
2
|
+
import { styled, StyledView } from '@mapples/style';
|
|
3
|
+
import { useVideoPlayer, VideoView } from 'expo-video';
|
|
4
|
+
const StyledVideo = styled(VideoView);
|
|
5
|
+
const Video = forwardRef(({ styled, source, autoPlay, loop, controls, contentFit, ...props }, ref) => {
|
|
6
|
+
const player = useVideoPlayer(source || '');
|
|
7
|
+
const { styleVideo, ...styledProps } = styled || {};
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
if (source) {
|
|
10
|
+
player.loop = !!loop;
|
|
11
|
+
}
|
|
12
|
+
}, [loop, player, source]);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
if (source && autoPlay) {
|
|
15
|
+
setTimeout(() => {
|
|
16
|
+
player.play();
|
|
17
|
+
}, 1000);
|
|
18
|
+
}
|
|
19
|
+
}, [autoPlay, player, source]);
|
|
20
|
+
return (<StyledView ref={ref} styled={styledProps} {...props}>
|
|
21
|
+
<StyledVideo player={player} styled={{ style: styleVideo }} nativeControls={controls} contentFit={contentFit}/>
|
|
22
|
+
</StyledView>);
|
|
23
|
+
});
|
|
24
|
+
Video.displayName = 'Video';
|
|
25
|
+
export default Video;
|
|
26
|
+
//# sourceMappingURL=Video.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/media/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAe,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,SAAS,EAAmB,MAAM,YAAY,CAAC;AAcxE,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAEtC,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAE5C,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,QAAQ,EAAE,CAAC;YACvB,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,CACnD;QAAA,CAAC,WAAW,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAC9B,cAAc,CAAC,CAAC,QAAQ,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Video/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media/Video/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Video/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,cAAc,EAAE,mBAG5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Video/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,KAAK;CACjB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default as Video } from './Video';
|
|
2
|
+
export * from './Video';
|
|
3
|
+
export { default as Image } from './Image';
|
|
4
|
+
export * from './Image';
|
|
5
|
+
export { default as Icon } from './Icon';
|
|
6
|
+
export * from './Icon';
|
|
7
|
+
export * from './schematics';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,cAAc,cAAc,CAAC"}
|