@mapples/ui 1.1.0 → 1.1.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 +0 -32
- package/dist/components/form/FormView/FormView.d.ts +16 -9
- package/dist/components/form/FormView/FormView.d.ts.map +1 -1
- package/dist/components/form/FormView/FormView.js +11 -8
- package/dist/components/form/FormView/FormView.js.map +1 -1
- package/dist/components/form/FormView/schematics.d.ts +8 -0
- package/dist/components/form/FormView/schematics.d.ts.map +1 -1
- package/dist/components/form/FormView/schematics.js +8 -0
- package/dist/components/form/FormView/schematics.js.map +1 -1
- package/dist/components/form/SubmitButton/schematics.d.ts +2 -2
- package/dist/components/form/SubmitButton/schematics.js +2 -2
- package/dist/components/form/TextField/TextField.d.ts +21 -17
- package/dist/components/form/TextField/TextField.d.ts.map +1 -1
- package/dist/components/form/TextField/TextField.js +13 -18
- package/dist/components/form/TextField/TextField.js.map +1 -1
- package/dist/components/form/TextField/schematics.d.ts +8 -0
- package/dist/components/form/TextField/schematics.d.ts.map +1 -1
- package/dist/components/form/TextField/schematics.js +8 -0
- package/dist/components/form/TextField/schematics.js.map +1 -1
- package/dist/components/form/schematics.d.ts +9 -0
- package/dist/components/form/schematics.d.ts.map +1 -1
- package/dist/components/form/schematics.js +9 -0
- package/dist/components/form/schematics.js.map +1 -1
- package/dist/components/inputs/IconButton/MockIcon.d.ts.map +1 -1
- package/dist/components/inputs/IconButton/MockIcon.js +8 -0
- package/dist/components/inputs/IconButton/MockIcon.js.map +1 -1
- package/dist/components/inputs/IconButton/schematics.d.ts +8 -0
- package/dist/components/inputs/IconButton/schematics.d.ts.map +1 -1
- package/dist/components/inputs/IconButton/schematics.js +8 -0
- package/dist/components/inputs/IconButton/schematics.js.map +1 -1
- package/dist/components/inputs/Pressable/Pressable.d.ts +26 -0
- package/dist/components/inputs/Pressable/Pressable.d.ts.map +1 -1
- package/dist/components/inputs/Pressable/Pressable.js +18 -0
- package/dist/components/inputs/Pressable/Pressable.js.map +1 -1
- package/dist/components/inputs/Pressable/schematics.d.ts +8 -0
- package/dist/components/inputs/Pressable/schematics.d.ts.map +1 -1
- package/dist/components/inputs/Pressable/schematics.js +8 -0
- package/dist/components/inputs/Pressable/schematics.js.map +1 -1
- package/dist/components/inputs/Select/Select.d.ts +30 -0
- package/dist/components/inputs/Select/Select.d.ts.map +1 -1
- package/dist/components/inputs/Select/Select.js +19 -0
- package/dist/components/inputs/Select/Select.js.map +1 -1
- package/dist/components/inputs/Select/SelectItem.d.ts +23 -0
- package/dist/components/inputs/Select/SelectItem.d.ts.map +1 -1
- package/dist/components/inputs/Select/SelectItem.js +16 -0
- package/dist/components/inputs/Select/SelectItem.js.map +1 -1
- package/dist/components/inputs/Select/schematics.d.ts +8 -0
- package/dist/components/inputs/Select/schematics.d.ts.map +1 -1
- package/dist/components/inputs/Select/schematics.js +8 -0
- package/dist/components/inputs/Select/schematics.js.map +1 -1
- package/dist/components/inputs/TextInput/schematics.d.ts +8 -0
- package/dist/components/inputs/TextInput/schematics.d.ts.map +1 -1
- package/dist/components/inputs/TextInput/schematics.js +8 -0
- package/dist/components/inputs/TextInput/schematics.js.map +1 -1
- package/dist/components/inputs/schematics.d.ts +9 -0
- package/dist/components/inputs/schematics.d.ts.map +1 -1
- package/dist/components/inputs/schematics.js +9 -0
- package/dist/components/inputs/schematics.js.map +1 -1
- package/dist/components/media/BarCode/BarCode.d.ts.map +1 -1
- package/dist/components/media/BarCode/BarCode.js +0 -8
- package/dist/components/media/BarCode/BarCode.js.map +1 -1
- package/dist/components/media/BarCode/schematics.d.ts +8 -0
- package/dist/components/media/BarCode/schematics.d.ts.map +1 -1
- package/dist/components/media/BarCode/schematics.js +8 -0
- package/dist/components/media/BarCode/schematics.js.map +1 -1
- package/dist/components/media/Icon/Icon.d.ts +34 -0
- package/dist/components/media/Icon/Icon.d.ts.map +1 -1
- package/dist/components/media/Icon/Icon.js +23 -0
- package/dist/components/media/Icon/Icon.js.map +1 -1
- package/dist/components/media/Icon/MockIcon.d.ts.map +1 -1
- package/dist/components/media/Icon/MockIcon.js +9 -0
- package/dist/components/media/Icon/MockIcon.js.map +1 -1
- package/dist/components/media/Icon/schematics.d.ts +8 -0
- package/dist/components/media/Icon/schematics.d.ts.map +1 -1
- package/dist/components/media/Icon/schematics.js +8 -0
- package/dist/components/media/Icon/schematics.js.map +1 -1
- package/dist/components/media/Image/Image.d.ts +2 -0
- package/dist/components/media/Image/Image.d.ts.map +1 -1
- package/dist/components/media/Image/Image.js.map +1 -1
- package/dist/components/media/Image/schematics.d.ts +8 -0
- package/dist/components/media/Image/schematics.d.ts.map +1 -1
- package/dist/components/media/Image/schematics.js +8 -0
- package/dist/components/media/Image/schematics.js.map +1 -1
- package/dist/components/media/QRCode/schematics.d.ts +8 -0
- package/dist/components/media/QRCode/schematics.d.ts.map +1 -1
- package/dist/components/media/QRCode/schematics.js +8 -0
- package/dist/components/media/QRCode/schematics.js.map +1 -1
- package/dist/components/media/Svg/Svg.d.ts.map +1 -1
- package/dist/components/media/Svg/Svg.js +1 -1
- package/dist/components/media/Svg/Svg.js.map +1 -1
- package/dist/components/media/Svg/schematics.d.ts +8 -0
- package/dist/components/media/Svg/schematics.d.ts.map +1 -1
- package/dist/components/media/Svg/schematics.js +8 -0
- package/dist/components/media/Svg/schematics.js.map +1 -1
- package/dist/components/media/Video/Video.d.ts +44 -0
- package/dist/components/media/Video/Video.d.ts.map +1 -1
- package/dist/components/media/Video/Video.js +25 -0
- package/dist/components/media/Video/Video.js.map +1 -1
- package/dist/components/media/Video/schematics.d.ts +8 -0
- package/dist/components/media/Video/schematics.d.ts.map +1 -1
- package/dist/components/media/Video/schematics.js +8 -0
- package/dist/components/media/Video/schematics.js.map +1 -1
- package/dist/components/media/schematics.d.ts +9 -0
- package/dist/components/media/schematics.d.ts.map +1 -1
- package/dist/components/media/schematics.js +9 -0
- package/dist/components/media/schematics.js.map +1 -1
- package/dist/components/typography/Text/Text.d.ts +14 -17
- package/dist/components/typography/Text/Text.d.ts.map +1 -1
- package/dist/components/typography/Text/Text.js +17 -18
- package/dist/components/typography/Text/Text.js.map +1 -1
- package/dist/components/typography/Text/schematics.d.ts +8 -0
- package/dist/components/typography/Text/schematics.d.ts.map +1 -1
- package/dist/components/typography/Text/schematics.js +8 -0
- package/dist/components/typography/Text/schematics.js.map +1 -1
- package/dist/components/typography/Typography/Typography.d.ts +27 -0
- package/dist/components/typography/Typography/Typography.d.ts.map +1 -1
- package/dist/components/typography/Typography/Typography.js +20 -0
- package/dist/components/typography/Typography/Typography.js.map +1 -1
- package/dist/components/typography/Typography/schematics.d.ts +8 -0
- package/dist/components/typography/Typography/schematics.d.ts.map +1 -1
- package/dist/components/typography/Typography/schematics.js +8 -0
- package/dist/components/typography/Typography/schematics.js.map +1 -1
- package/dist/components/typography/schematics.d.ts +9 -0
- package/dist/components/typography/schematics.d.ts.map +1 -1
- package/dist/components/typography/schematics.js +9 -0
- package/dist/components/typography/schematics.js.map +1 -1
- package/dist/components/views/FlatList/FlatList.d.ts +12 -0
- package/dist/components/views/FlatList/FlatList.d.ts.map +1 -1
- package/dist/components/views/FlatList/FlatList.js +24 -0
- package/dist/components/views/FlatList/FlatList.js.map +1 -1
- package/dist/components/views/FlatList/schematics.d.ts +20 -0
- package/dist/components/views/FlatList/schematics.d.ts.map +1 -1
- package/dist/components/views/FlatList/schematics.js +20 -0
- package/dist/components/views/FlatList/schematics.js.map +1 -1
- package/dist/components/views/GradientBackground/GradientBackground.d.ts +52 -0
- package/dist/components/views/GradientBackground/GradientBackground.d.ts.map +1 -0
- package/dist/components/views/GradientBackground/GradientBackground.js +41 -0
- package/dist/components/views/GradientBackground/GradientBackground.js.map +1 -0
- package/dist/components/views/GradientBackground/GradientLayer.d.ts +39 -0
- package/dist/components/views/GradientBackground/GradientLayer.d.ts.map +1 -0
- package/dist/components/views/GradientBackground/GradientLayer.js +51 -0
- package/dist/components/views/GradientBackground/GradientLayer.js.map +1 -0
- package/dist/components/views/GradientBackground/index.d.ts +7 -0
- package/dist/components/views/GradientBackground/index.d.ts.map +1 -0
- package/dist/components/views/GradientBackground/index.js +7 -0
- package/dist/components/views/GradientBackground/index.js.map +1 -0
- package/dist/components/views/GradientBackground/schematics.d.ts +13 -0
- package/dist/components/views/GradientBackground/schematics.d.ts.map +1 -0
- package/dist/components/views/GradientBackground/schematics.js +16 -0
- package/dist/components/views/GradientBackground/schematics.js.map +1 -0
- package/dist/components/views/ImageBackgroundView/ImageBackgroundView.d.ts +40 -0
- package/dist/components/views/ImageBackgroundView/ImageBackgroundView.d.ts.map +1 -1
- package/dist/components/views/ImageBackgroundView/ImageBackgroundView.js +24 -0
- package/dist/components/views/ImageBackgroundView/ImageBackgroundView.js.map +1 -1
- package/dist/components/views/ImageBackgroundView/schematics.d.ts +5 -0
- package/dist/components/views/ImageBackgroundView/schematics.d.ts.map +1 -1
- package/dist/components/views/ImageBackgroundView/schematics.js +5 -0
- package/dist/components/views/ImageBackgroundView/schematics.js.map +1 -1
- package/dist/components/views/SafeAreaView/SafeAreaView.d.ts +29 -0
- package/dist/components/views/SafeAreaView/SafeAreaView.d.ts.map +1 -1
- package/dist/components/views/SafeAreaView/SafeAreaView.js +24 -0
- package/dist/components/views/SafeAreaView/SafeAreaView.js.map +1 -1
- package/dist/components/views/SafeAreaView/schematics.d.ts +5 -0
- package/dist/components/views/SafeAreaView/schematics.d.ts.map +1 -1
- package/dist/components/views/SafeAreaView/schematics.js +5 -0
- package/dist/components/views/SafeAreaView/schematics.js.map +1 -1
- package/dist/components/views/ScrollView/schematics.d.ts +10 -0
- package/dist/components/views/ScrollView/schematics.d.ts.map +1 -1
- package/dist/components/views/ScrollView/schematics.js +10 -0
- package/dist/components/views/ScrollView/schematics.js.map +1 -1
- package/dist/components/views/View/View.d.ts +16 -1
- package/dist/components/views/View/View.d.ts.map +1 -1
- package/dist/components/views/View/View.js +5 -3
- package/dist/components/views/View/View.js.map +1 -1
- package/dist/components/views/View/schematics.d.ts +13 -0
- package/dist/components/views/View/schematics.d.ts.map +1 -1
- package/dist/components/views/View/schematics.js +13 -0
- package/dist/components/views/View/schematics.js.map +1 -1
- package/dist/components/views/index.d.ts +2 -0
- package/dist/components/views/index.d.ts.map +1 -1
- package/dist/components/views/index.js +2 -0
- package/dist/components/views/index.js.map +1 -1
- package/dist/components/views/schematics.d.ts +11 -0
- package/dist/components/views/schematics.d.ts.map +1 -1
- package/dist/components/views/schematics.js +11 -0
- package/dist/components/views/schematics.js.map +1 -1
- package/package.json +7 -1
|
@@ -21,7 +21,7 @@ const Svg = forwardRef(({ styled, content, ...props }, ref) => {
|
|
|
21
21
|
const uri = content && content.trim().length > 0
|
|
22
22
|
? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(content.trim())}`
|
|
23
23
|
: undefined;
|
|
24
|
-
const svgStyle = styleSvg ?? style;
|
|
24
|
+
const svgStyle = (styleSvg ?? style);
|
|
25
25
|
return (<StyledView ref={ref} styled={{ style, ...styledProps }} {...props}>
|
|
26
26
|
{uri ? (<StyledSvgUri uri={uri} styled={{ style: svgStyle }}/>) : (<StyledView styled={{ style: styler.placeholder }}/>)}
|
|
27
27
|
</StyledView>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Svg.js","sourceRoot":"","sources":["../../../../src/components/media/Svg/Svg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EACL,MAAM,EAGN,UAAU,EACV,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAA2B,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAiBpC;;;;;;;;;;;;;GAaG;AACH,MAAM,GAAG,GAAG,UAAU,CAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEzD,MAAM,GAAG,GACP,OAAO,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;QAClC,CAAC,CAAC,oCAAoC,kBAAkB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE;QAC1E,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,QAAQ,GAAG,QAAQ,IAAI,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"Svg.js","sourceRoot":"","sources":["../../../../src/components/media/Svg/Svg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EACL,MAAM,EAGN,UAAU,EACV,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAA2B,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAiBpC;;;;;;;;;;;;;GAaG;AACH,MAAM,GAAG,GAAG,UAAU,CAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEzD,MAAM,GAAG,GACP,OAAO,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;QAClC,CAAC,CAAC,oCAAoC,kBAAkB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE;QAC1E,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,QAAQ,GAAG,CAAC,QAAQ,IAAI,KAAK,CAA0B,CAAC;IAE9D,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CACjE;MAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAG,CACxD,CAAC,CAAC,CAAC,CACF,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,EAAG,CACtD,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,EAAE;QACb,eAAe,EAAE,SAAS;QAC1B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
import { RegisteredComponent } from '@mapples/types';
|
|
2
|
+
/**
|
|
3
|
+
* Schematic registration entry for the `Svg` component.
|
|
4
|
+
*
|
|
5
|
+
* Used by the `@mapples/render` pipeline to resolve the `"Svg"` element type
|
|
6
|
+
* to the `Svg` React component at runtime.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
2
10
|
export declare const SvgSchematic: RegisteredComponent;
|
|
3
11
|
//# sourceMappingURL=schematics.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Svg/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,YAAY,EAAE,mBAG1B,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Svg/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,mBAG1B,CAAC"}
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import Svg from './Svg';
|
|
2
|
+
/**
|
|
3
|
+
* Schematic registration entry for the `Svg` component.
|
|
4
|
+
*
|
|
5
|
+
* Used by the `@mapples/render` pipeline to resolve the `"Svg"` element type
|
|
6
|
+
* to the `Svg` React component at runtime.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
2
10
|
export const SvgSchematic = {
|
|
3
11
|
type: 'Svg',
|
|
4
12
|
Component: Svg,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Svg/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,MAAM,CAAC,MAAM,YAAY,GAAwB;IAC/C,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,GAAG;CACf,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Svg/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAwB;IAC/C,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,GAAG;CACf,CAAC"}
|
|
@@ -2,25 +2,69 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
import { StyledProps, StyledProp } from '@mapples/style';
|
|
3
3
|
import { VideoContentFit } from 'expo-video';
|
|
4
4
|
import { View, ViewProps, ViewStyle } from 'react-native';
|
|
5
|
+
/**
|
|
6
|
+
* Props for the Video component.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
5
10
|
export type VideoProps = PropsWithChildren<ViewProps> & {
|
|
11
|
+
/** URI of the video to play */
|
|
6
12
|
source?: string;
|
|
13
|
+
/** Whether playback should start automatically once the source is ready */
|
|
7
14
|
autoPlay?: boolean;
|
|
15
|
+
/** Whether the video should loop when it reaches the end */
|
|
8
16
|
loop?: boolean;
|
|
17
|
+
/** Whether native playback controls (play/pause, seek bar) are shown */
|
|
9
18
|
controls?: boolean;
|
|
19
|
+
/** How the video should be scaled within its bounds (e.g. `"contain"`, `"cover"`) */
|
|
10
20
|
contentFit?: VideoContentFit;
|
|
21
|
+
/** Styling configuration for the video container and the underlying video view */
|
|
11
22
|
styled?: StyledProps<ViewProps> & {
|
|
23
|
+
/** Styling applied directly to the `VideoView` element */
|
|
12
24
|
styleVideo?: StyledProp<ViewStyle>;
|
|
13
25
|
};
|
|
14
26
|
};
|
|
27
|
+
/**
|
|
28
|
+
* A customizable video player component with built-in styling support.
|
|
29
|
+
*
|
|
30
|
+
* The Video component wraps Expo's `VideoView` and `useVideoPlayer` hook,
|
|
31
|
+
* exposing common playback options (`autoPlay`, `loop`, `controls`) as props.
|
|
32
|
+
* Container and video-specific styling are handled through the `@mapples/style`
|
|
33
|
+
* system via the `styled` prop.
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```tsx
|
|
37
|
+
* <Video
|
|
38
|
+
* source="https://example.com/video.mp4"
|
|
39
|
+
* autoPlay
|
|
40
|
+
* loop
|
|
41
|
+
* controls
|
|
42
|
+
* contentFit="cover"
|
|
43
|
+
* styled={{
|
|
44
|
+
* style: { width: '100%', height: 240 },
|
|
45
|
+
* styleVideo: { borderRadius: 8 },
|
|
46
|
+
* }}
|
|
47
|
+
* />
|
|
48
|
+
* ```
|
|
49
|
+
*
|
|
50
|
+
* @public
|
|
51
|
+
*/
|
|
15
52
|
declare const Video: import("react").ForwardRefExoticComponent<ViewProps & {
|
|
16
53
|
children?: import("react").ReactNode | undefined;
|
|
17
54
|
} & {
|
|
55
|
+
/** URI of the video to play */
|
|
18
56
|
source?: string;
|
|
57
|
+
/** Whether playback should start automatically once the source is ready */
|
|
19
58
|
autoPlay?: boolean;
|
|
59
|
+
/** Whether the video should loop when it reaches the end */
|
|
20
60
|
loop?: boolean;
|
|
61
|
+
/** Whether native playback controls (play/pause, seek bar) are shown */
|
|
21
62
|
controls?: boolean;
|
|
63
|
+
/** How the video should be scaled within its bounds (e.g. `"contain"`, `"cover"`) */
|
|
22
64
|
contentFit?: VideoContentFit;
|
|
65
|
+
/** Styling configuration for the video container and the underlying video view */
|
|
23
66
|
styled?: StyledProps<ViewProps> & {
|
|
67
|
+
/** Styling applied directly to the `VideoView` element */
|
|
24
68
|
styleVideo?: StyledProp<ViewStyle>;
|
|
25
69
|
};
|
|
26
70
|
} & import("react").RefAttributes<View>>;
|
|
@@ -1 +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;;;
|
|
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;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,GAAG;IACtD,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,kFAAkF;IAClF,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,0DAA0D;QAC1D,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,KAAK;;;IA5CT,+BAA+B;aACtB,MAAM;IACf,2EAA2E;eAChE,OAAO;IAClB,4DAA4D;WACrD,OAAO;IACd,wEAAwE;eAC7D,OAAO;IAClB,qFAAqF;iBACxE,eAAe;IAC5B,kFAAkF;aACzE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,0DAA0D;QAC1D,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC;wCA6DF,CAAC;AAGF,eAAe,KAAK,CAAC"}
|
|
@@ -2,6 +2,31 @@ import { forwardRef, useEffect } from 'react';
|
|
|
2
2
|
import { styled, StyledView } from '@mapples/style';
|
|
3
3
|
import { useVideoPlayer, VideoView } from 'expo-video';
|
|
4
4
|
const StyledVideo = styled(VideoView);
|
|
5
|
+
/**
|
|
6
|
+
* A customizable video player component with built-in styling support.
|
|
7
|
+
*
|
|
8
|
+
* The Video component wraps Expo's `VideoView` and `useVideoPlayer` hook,
|
|
9
|
+
* exposing common playback options (`autoPlay`, `loop`, `controls`) as props.
|
|
10
|
+
* Container and video-specific styling are handled through the `@mapples/style`
|
|
11
|
+
* system via the `styled` prop.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <Video
|
|
16
|
+
* source="https://example.com/video.mp4"
|
|
17
|
+
* autoPlay
|
|
18
|
+
* loop
|
|
19
|
+
* controls
|
|
20
|
+
* contentFit="cover"
|
|
21
|
+
* styled={{
|
|
22
|
+
* style: { width: '100%', height: 240 },
|
|
23
|
+
* styleVideo: { borderRadius: 8 },
|
|
24
|
+
* }}
|
|
25
|
+
* />
|
|
26
|
+
* ```
|
|
27
|
+
*
|
|
28
|
+
* @public
|
|
29
|
+
*/
|
|
5
30
|
const Video = forwardRef(({ styled, source, autoPlay, loop, controls, contentFit, ...props }, ref) => {
|
|
6
31
|
const player = useVideoPlayer(source || '');
|
|
7
32
|
const { styleVideo, ...styledProps } = styled || {};
|
|
@@ -1 +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;
|
|
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;AA0BxE,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,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"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
import { RegisteredComponent } from '@mapples/types';
|
|
2
|
+
/**
|
|
3
|
+
* Schematic registration entry for the `Video` component.
|
|
4
|
+
*
|
|
5
|
+
* Used by the `@mapples/render` pipeline to resolve the `"Video"` element type
|
|
6
|
+
* to the `Video` React component at runtime.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
2
10
|
export declare const VideoSchematic: RegisteredComponent;
|
|
3
11
|
//# sourceMappingURL=schematics.d.ts.map
|
|
@@ -1 +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"}
|
|
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;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,mBAG5B,CAAC"}
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import Video from './Video';
|
|
2
|
+
/**
|
|
3
|
+
* Schematic registration entry for the `Video` component.
|
|
4
|
+
*
|
|
5
|
+
* Used by the `@mapples/render` pipeline to resolve the `"Video"` element type
|
|
6
|
+
* to the `Video` React component at runtime.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
2
10
|
export const VideoSchematic = {
|
|
3
11
|
type: 'Video',
|
|
4
12
|
Component: Video,
|
|
@@ -1 +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"}
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Video/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,KAAK;CACjB,CAAC"}
|
|
@@ -1,3 +1,12 @@
|
|
|
1
1
|
import { RegisteredComponents } from '@mapples/types';
|
|
2
|
+
/**
|
|
3
|
+
* Aggregated schematic map for all media components.
|
|
4
|
+
*
|
|
5
|
+
* Combines the registration entries for `Video`, `Image`, `Icon`, `BarCode`,
|
|
6
|
+
* `QRCode`, and `Svg` into a single `RegisteredComponents` map that can be
|
|
7
|
+
* passed to the `@mapples/render` pipeline.
|
|
8
|
+
*
|
|
9
|
+
* @public
|
|
10
|
+
*/
|
|
2
11
|
export declare const MediaSchematics: RegisteredComponents;
|
|
3
12
|
//# sourceMappingURL=schematics.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAStD,eAAO,MAAM,eAAe,EAAE,oBAO7B,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAStD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,oBAO7B,CAAC"}
|
|
@@ -4,6 +4,15 @@ import { ImageSchematic } from './Image';
|
|
|
4
4
|
import { QRCodeSchematic } from './QRCode';
|
|
5
5
|
import { SvgSchematic } from './Svg';
|
|
6
6
|
import { VideoSchematic } from './Video';
|
|
7
|
+
/**
|
|
8
|
+
* Aggregated schematic map for all media components.
|
|
9
|
+
*
|
|
10
|
+
* Combines the registration entries for `Video`, `Image`, `Icon`, `BarCode`,
|
|
11
|
+
* `QRCode`, and `Svg` into a single `RegisteredComponents` map that can be
|
|
12
|
+
* passed to the `@mapples/render` pipeline.
|
|
13
|
+
*
|
|
14
|
+
* @public
|
|
15
|
+
*/
|
|
7
16
|
export const MediaSchematics = {
|
|
8
17
|
[VideoSchematic.type]: VideoSchematic,
|
|
9
18
|
[ImageSchematic.type]: ImageSchematic,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,CAAC,MAAM,eAAe,GAAyB;IACnD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,gBAAgB;IACzC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;CAClC,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAyB;IACnD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,gBAAgB;IACzC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;CAClC,CAAC"}
|
|
@@ -14,27 +14,24 @@ export type TextProps = PropsWithChildren<WithStyledProps<RNTextProps> & {
|
|
|
14
14
|
* A customizable text component with built-in styling support.
|
|
15
15
|
*
|
|
16
16
|
* The Text component extends React Native's Text with additional styling
|
|
17
|
-
* capabilities through the @mapples/style system.
|
|
18
|
-
*
|
|
17
|
+
* capabilities through the @mapples/style system. Flat text content is supplied
|
|
18
|
+
* via the `text` prop; string and number values are rendered. Nested `Text`
|
|
19
|
+
* children (the React Native styled-span pattern) are rendered inline after the
|
|
20
|
+
* `text`, so a node mixing plain runs and styled runs — e.g. produced by a
|
|
21
|
+
* Figma import of mixed-style text — flows as a single inline run with native
|
|
22
|
+
* style inheritance (children inherit the parent typography, their own style
|
|
23
|
+
* applied on top).
|
|
19
24
|
*
|
|
20
25
|
* @example
|
|
21
26
|
* ```tsx
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
* styled={{
|
|
25
|
-
* style: {
|
|
26
|
-
* fontSize: 18,
|
|
27
|
-
* color: 'blue',
|
|
28
|
-
* fontWeight: 'bold'
|
|
29
|
-
* }
|
|
30
|
-
* }}
|
|
31
|
-
* />
|
|
32
|
-
* ```
|
|
27
|
+
* // Flat text
|
|
28
|
+
* <Text text="Hello World" styled={{ style: { fontSize: 18 } }} />
|
|
33
29
|
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
30
|
+
* // Inline styled spans: renders "Hello bold world" as one run
|
|
31
|
+
* <Text styled={{ style: { fontSize: 14 } }}>
|
|
32
|
+
* <Text text="Hello " />
|
|
33
|
+
* <Text text="bold" styled={{ style: { fontWeight: '700' } }} />
|
|
34
|
+
* <Text text=" world" />
|
|
38
35
|
* </Text>
|
|
39
36
|
* ```
|
|
40
37
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAExD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAExD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,IAAI;;;IAhCN,kCAAkC;WAC3B,MAAM;;;2CAyChB,CAAC;AAGF,eAAe,IAAI,CAAC"}
|
|
@@ -5,35 +5,34 @@ import { isNumber, isString } from 'lodash';
|
|
|
5
5
|
* A customizable text component with built-in styling support.
|
|
6
6
|
*
|
|
7
7
|
* The Text component extends React Native's Text with additional styling
|
|
8
|
-
* capabilities through the @mapples/style system.
|
|
9
|
-
*
|
|
8
|
+
* capabilities through the @mapples/style system. Flat text content is supplied
|
|
9
|
+
* via the `text` prop; string and number values are rendered. Nested `Text`
|
|
10
|
+
* children (the React Native styled-span pattern) are rendered inline after the
|
|
11
|
+
* `text`, so a node mixing plain runs and styled runs — e.g. produced by a
|
|
12
|
+
* Figma import of mixed-style text — flows as a single inline run with native
|
|
13
|
+
* style inheritance (children inherit the parent typography, their own style
|
|
14
|
+
* applied on top).
|
|
10
15
|
*
|
|
11
16
|
* @example
|
|
12
17
|
* ```tsx
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
* styled={{
|
|
16
|
-
* style: {
|
|
17
|
-
* fontSize: 18,
|
|
18
|
-
* color: 'blue',
|
|
19
|
-
* fontWeight: 'bold'
|
|
20
|
-
* }
|
|
21
|
-
* }}
|
|
22
|
-
* />
|
|
23
|
-
* ```
|
|
18
|
+
* // Flat text
|
|
19
|
+
* <Text text="Hello World" styled={{ style: { fontSize: 18 } }} />
|
|
24
20
|
*
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
*
|
|
21
|
+
* // Inline styled spans: renders "Hello bold world" as one run
|
|
22
|
+
* <Text styled={{ style: { fontSize: 14 } }}>
|
|
23
|
+
* <Text text="Hello " />
|
|
24
|
+
* <Text text="bold" styled={{ style: { fontWeight: '700' } }} />
|
|
25
|
+
* <Text text=" world" />
|
|
29
26
|
* </Text>
|
|
30
27
|
* ```
|
|
31
28
|
*
|
|
32
29
|
* @public
|
|
33
30
|
*/
|
|
34
31
|
const Text = forwardRef(({ styled, children, text, ...props }, ref) => {
|
|
32
|
+
const hasText = isString(text) || isNumber(text);
|
|
35
33
|
return (<StyledText ref={ref} styled={{ ...styled }} {...props}>
|
|
36
|
-
{
|
|
34
|
+
{hasText ? text.toString() : null}
|
|
35
|
+
{children}
|
|
37
36
|
</StyledText>);
|
|
38
37
|
});
|
|
39
38
|
Text.displayName = 'Text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAmB,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAe5C
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAmB,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAe5C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACvD,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CACrD;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,IAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAClC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
import { RegisteredComponent } from '@mapples/types';
|
|
2
|
+
/**
|
|
3
|
+
* Schematic registration entry for the {@link Text} component.
|
|
4
|
+
*
|
|
5
|
+
* Used by the Mapples renderer to resolve the `'Text'` component type at
|
|
6
|
+
* runtime.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
2
10
|
export declare const TextSchematic: RegisteredComponent;
|
|
3
11
|
//# sourceMappingURL=schematics.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,aAAa,EAAE,mBAG3B,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,mBAG3B,CAAC"}
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import Text from './Text';
|
|
2
|
+
/**
|
|
3
|
+
* Schematic registration entry for the {@link Text} component.
|
|
4
|
+
*
|
|
5
|
+
* Used by the Mapples renderer to resolve the `'Text'` component type at
|
|
6
|
+
* runtime.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
2
10
|
export const TextSchematic = {
|
|
3
11
|
type: 'Text',
|
|
4
12
|
Component: Text,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/typography/Text/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/typography/Text/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}
|
|
@@ -1,12 +1,39 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
2
|
import { WithStyledProps } from '@mapples/style';
|
|
3
3
|
import { TextProps as RNTextProps, Text } from 'react-native';
|
|
4
|
+
/**
|
|
5
|
+
* Props for the Typography component.
|
|
6
|
+
*
|
|
7
|
+
* @public
|
|
8
|
+
*/
|
|
4
9
|
export type TextProps = PropsWithChildren<WithStyledProps<RNTextProps> & {
|
|
10
|
+
/** The text content to display */
|
|
5
11
|
text?: string;
|
|
6
12
|
}>;
|
|
13
|
+
/**
|
|
14
|
+
* A styled typography component backed by the `@mapples/style` Typography
|
|
15
|
+
* primitive.
|
|
16
|
+
*
|
|
17
|
+
* Accepts text content via the `text` prop; string and number values are
|
|
18
|
+
* rendered, anything else falls back to `'Not a string'`. Style overrides are
|
|
19
|
+
* applied through the `styled` prop.
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```tsx
|
|
23
|
+
* <Typography
|
|
24
|
+
* text="Hello World"
|
|
25
|
+
* styled={{
|
|
26
|
+
* style: { fontSize: 24, fontWeight: 'bold' },
|
|
27
|
+
* }}
|
|
28
|
+
* />
|
|
29
|
+
* ```
|
|
30
|
+
*
|
|
31
|
+
* @public
|
|
32
|
+
*/
|
|
7
33
|
declare const Typography: import("react").ForwardRefExoticComponent<{
|
|
8
34
|
styled?: import("@mapples/style").StyledProps<Partial<RNTextProps>> | undefined;
|
|
9
35
|
} & RNTextProps & {
|
|
36
|
+
/** The text content to display */
|
|
10
37
|
text?: string;
|
|
11
38
|
} & {
|
|
12
39
|
children?: import("react").ReactNode | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,eAAe,EAEhB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC;AAEF,QAAA,MAAM,UAAU;;;
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,eAAe,EAEhB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9D;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,UAAU;;;IAzBZ,kCAAkC;WAC3B,MAAM;;;wCAqChB,CAAC;AAGF,eAAe,UAAU,CAAC"}
|
|
@@ -1,6 +1,26 @@
|
|
|
1
1
|
import { forwardRef } from 'react';
|
|
2
2
|
import { Typography as StyledTypography, } from '@mapples/style';
|
|
3
3
|
import { isNumber, isString } from 'lodash';
|
|
4
|
+
/**
|
|
5
|
+
* A styled typography component backed by the `@mapples/style` Typography
|
|
6
|
+
* primitive.
|
|
7
|
+
*
|
|
8
|
+
* Accepts text content via the `text` prop; string and number values are
|
|
9
|
+
* rendered, anything else falls back to `'Not a string'`. Style overrides are
|
|
10
|
+
* applied through the `styled` prop.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Typography
|
|
15
|
+
* text="Hello World"
|
|
16
|
+
* styled={{
|
|
17
|
+
* style: { fontSize: 24, fontWeight: 'bold' },
|
|
18
|
+
* }}
|
|
19
|
+
* />
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* @public
|
|
23
|
+
*/
|
|
4
24
|
const Typography = forwardRef(({ styled, children, text, ...props }, ref) => {
|
|
5
25
|
return (<StyledTypography ref={ref} style={styled?.style} styled={styled} {...props}>
|
|
6
26
|
{isString(text) || isNumber(text) ? text.toString() : 'Not a string'}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../src/components/typography/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,IAAI,gBAAgB,GAC/B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../src/components/typography/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,IAAI,gBAAgB,GAC/B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAe5C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,OAAO,CACL,CAAC,gBAAgB,CACf,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CACrB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,cAAc,CACtE;MAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC;AAEhC,eAAe,UAAU,CAAC"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
import { RegisteredComponent } from '@mapples/types';
|
|
2
|
+
/**
|
|
3
|
+
* Schematic registration entry for the {@link Typography} component.
|
|
4
|
+
*
|
|
5
|
+
* Used by the Mapples renderer to resolve the `'Typography'` component type
|
|
6
|
+
* at runtime.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
2
10
|
export declare const TypographyComponentSchematics: RegisteredComponent;
|
|
3
11
|
//# sourceMappingURL=schematics.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Typography/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,6BAA6B,EAAE,mBAG3C,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Typography/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;;;;;;GAOG;AACH,eAAO,MAAM,6BAA6B,EAAE,mBAG3C,CAAC"}
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import Typography from './Typography';
|
|
2
|
+
/**
|
|
3
|
+
* Schematic registration entry for the {@link Typography} component.
|
|
4
|
+
*
|
|
5
|
+
* Used by the Mapples renderer to resolve the `'Typography'` component type
|
|
6
|
+
* at runtime.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
2
10
|
export const TypographyComponentSchematics = {
|
|
3
11
|
type: 'Typography',
|
|
4
12
|
Component: Typography,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/typography/Typography/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,MAAM,6BAA6B,GAAwB;IAChE,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,UAAU;CACtB,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/typography/Typography/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAwB;IAChE,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,UAAU;CACtB,CAAC"}
|
|
@@ -1,3 +1,12 @@
|
|
|
1
1
|
import { RegisteredComponents } from '@mapples/types';
|
|
2
|
+
/**
|
|
3
|
+
* Combined schematic registry for all typography components.
|
|
4
|
+
*
|
|
5
|
+
* Aggregates {@link TextSchematic} and {@link TypographyComponentSchematics}
|
|
6
|
+
* into a single map keyed by component type string, ready to be merged into
|
|
7
|
+
* the global Mapples component registry.
|
|
8
|
+
*
|
|
9
|
+
* @public
|
|
10
|
+
*/
|
|
2
11
|
export declare const TypographySchematics: RegisteredComponents;
|
|
3
12
|
//# sourceMappingURL=schematics.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/typography/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAKtD,eAAO,MAAM,oBAAoB,EAAE,oBAGlC,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/typography/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAKtD;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,oBAGlC,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import { TextSchematic } from './Text';
|
|
2
2
|
import { TypographyComponentSchematics } from './Typography';
|
|
3
|
+
/**
|
|
4
|
+
* Combined schematic registry for all typography components.
|
|
5
|
+
*
|
|
6
|
+
* Aggregates {@link TextSchematic} and {@link TypographyComponentSchematics}
|
|
7
|
+
* into a single map keyed by component type string, ready to be merged into
|
|
8
|
+
* the global Mapples component registry.
|
|
9
|
+
*
|
|
10
|
+
* @public
|
|
11
|
+
*/
|
|
3
12
|
export const TypographySchematics = {
|
|
4
13
|
[TextSchematic.type]: TextSchematic,
|
|
5
14
|
[TypographyComponentSchematics.type]: TypographyComponentSchematics,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/typography/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,6BAA6B;CACpE,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/typography/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAE7D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,6BAA6B;CACpE,CAAC"}
|
|
@@ -2,10 +2,22 @@ import { ReactElement, Ref } from 'react';
|
|
|
2
2
|
import { StyledProp } from '@mapples/style';
|
|
3
3
|
import type { StyledFlatListProps } from '@mapples/style/src/components/StyledFlatList';
|
|
4
4
|
import type { View as RNView, ViewStyle } from 'react-native';
|
|
5
|
+
/**
|
|
6
|
+
* Props for the FlatList component.
|
|
7
|
+
*
|
|
8
|
+
* Extends `StyledFlatListProps` with a split `styled` object that applies
|
|
9
|
+
* separate style values to the outer container view, the list itself, and
|
|
10
|
+
* the list's content container.
|
|
11
|
+
*
|
|
12
|
+
* @public
|
|
13
|
+
*/
|
|
5
14
|
export type FlatListProps<T extends object> = Omit<StyledFlatListProps<T>, 'styled'> & {
|
|
6
15
|
styled?: {
|
|
16
|
+
/** Style applied to the outer container view that wraps the list */
|
|
7
17
|
style?: StyledProp<ViewStyle>;
|
|
18
|
+
/** Style applied directly to the `FlatList` component */
|
|
8
19
|
styleList?: StyledProp<ViewStyle>;
|
|
20
|
+
/** Style applied to the scrollable content container of the list */
|
|
9
21
|
contentContainerStyle?: StyledProp<ViewStyle>;
|
|
10
22
|
};
|
|
11
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/components/views/FlatList/FlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAkB,UAAU,EAAc,MAAM,gBAAgB,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,KAAK,EAAkB,IAAI,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9E,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAChD,mBAAmB,CAAC,CAAC,CAAC,EACtB,QAAQ,CACT,GAAG;IACF,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,qBAAqB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAC/C,CAAC;CACH,CAAC;
|
|
1
|
+
{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/components/views/FlatList/FlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAkB,UAAU,EAAc,MAAM,gBAAgB,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,KAAK,EAAkB,IAAI,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9E;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAChD,mBAAmB,CAAC,CAAC,CAAC,EACtB,QAAQ,CACT,GAAG;IACF,MAAM,CAAC,EAAE;QACP,oEAAoE;QACpE,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,yDAAyD;QACzD,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,oEAAoE;QACpE,qBAAqB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAC/C,CAAC;CACH,CAAC;AA2DF,QAAA,MAAM,cAAc,EAAwB,CAAC,CAAC,SAAS,MAAM,EAC3D,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,KAC5C,YAAY,CAAC;AAElB,eAAe,cAAc,CAAC"}
|