@expo/html-elements 0.0.0 → 0.0.4
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 +1 -1
- package/build/elements/Anchor.d.ts +2 -4
- package/build/elements/Anchor.js +2 -2
- package/build/elements/Anchor.js.map +1 -1
- package/build/elements/Headings.js +1 -1
- package/build/elements/Headings.js.map +1 -1
- package/build/elements/Layout.js +2 -2
- package/build/elements/Layout.js.map +1 -1
- package/build/elements/Lists.d.ts +3 -1
- package/build/elements/Lists.js +3 -3
- package/build/elements/Lists.js.map +1 -1
- package/build/elements/Rules.js +1 -1
- package/build/elements/Rules.js.map +1 -1
- package/build/elements/Table.js +8 -8
- package/build/elements/Table.js.map +1 -1
- package/build/elements/Table.web.d.ts +9 -11
- package/build/elements/Table.web.js +23 -33
- package/build/elements/Table.web.js.map +1 -1
- package/build/elements/Text.d.ts +4 -9
- package/build/elements/Text.js +13 -13
- package/build/elements/Text.js.map +1 -1
- package/build/elements/Text.types.js +1 -0
- package/build/elements/_Text.web.d.ts +4 -9
- package/build/primitives/RNWView.d.ts +17 -0
- package/build/primitives/RNWView.js +100 -0
- package/build/primitives/RNWView.js.map +1 -0
- package/package.json +3 -6
package/README.md
CHANGED
|
@@ -105,7 +105,7 @@ Other features not implemented in this package can be found in different parts o
|
|
|
105
105
|
| ------------------------------- | :------------------: | :--------------------------------------------------------------------------------------------------------------------: |
|
|
106
106
|
| `<audio />` | `Audio` | [`expo-av`][ex-audio] |
|
|
107
107
|
| `<button />` | `<Button />` | `react-native` |
|
|
108
|
-
| `<input type="text" />` | `<
|
|
108
|
+
| `<input type="text" />` | `<TextInput />` | `react-native` |
|
|
109
109
|
| `<input type="file" />` | `ImagePicker` | [`expo-image-picker`][ex-ipick] |
|
|
110
110
|
| `<input type="file" />` | `DocumentPicker` | [`expo-document-picker`][ex-dpick] |
|
|
111
111
|
| `<canvas />` | `<GLView />` | [`expo-gl`][ex-gl] & [Expo Canvas][ex-canvas] |
|
|
@@ -1,5 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
target?: string | undefined;
|
|
5
|
-
}>>;
|
|
2
|
+
import { LinkProps } from './Text.types';
|
|
3
|
+
export declare const A: React.ComponentType<LinkProps>;
|
package/build/elements/Anchor.js
CHANGED
|
@@ -8,7 +8,7 @@ export const A = forwardRef(({ href, target, ...props }, ref) => {
|
|
|
8
8
|
target,
|
|
9
9
|
},
|
|
10
10
|
default: {
|
|
11
|
-
onPress: event => {
|
|
11
|
+
onPress: (event) => {
|
|
12
12
|
props.onPress && props.onPress(event);
|
|
13
13
|
if (Platform.OS !== 'web' && href !== undefined) {
|
|
14
14
|
Linking.openURL(href);
|
|
@@ -16,6 +16,6 @@ export const A = forwardRef(({ href, target, ...props }, ref) => {
|
|
|
16
16
|
},
|
|
17
17
|
},
|
|
18
18
|
});
|
|
19
|
-
return React.createElement(Text,
|
|
19
|
+
return React.createElement(Text, { accessibilityRole: "link", ...props, ...nativeProps, ref: ref });
|
|
20
20
|
});
|
|
21
21
|
//# sourceMappingURL=Anchor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../src/elements/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAGtC,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAY;QAC7C,GAAG,EAAE;YACH,IAAI;YACJ,MAAM;SACP;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../src/elements/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAGtC,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAY;QAC7C,GAAG,EAAE;YACH,IAAI;YACJ,MAAM;SACP;QACD,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACtC,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,IAAI,KAAK,SAAS,EAAE;oBAC/C,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;iBACvB;YACH,CAAC;SACF;KACF,CAAC,CAAC;IACH,OAAO,oBAAC,IAAI,IAAC,iBAAiB,EAAC,MAAM,KAAK,KAAK,KAAM,WAAW,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACjF,CAAC,CAA6B,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { Linking, Platform } from 'react-native';\n\nimport Text from '../primitives/Text';\nimport { LinkProps } from './Text.types';\n\nexport const A = forwardRef(({ href, target, ...props }: LinkProps, ref) => {\n const nativeProps = Platform.select<LinkProps>({\n web: {\n href,\n target,\n },\n default: {\n onPress: (event) => {\n props.onPress && props.onPress(event);\n if (Platform.OS !== 'web' && href !== undefined) {\n Linking.openURL(href);\n }\n },\n },\n });\n return <Text accessibilityRole=\"link\" {...props} {...nativeProps} ref={ref} />;\n}) as ComponentType<LinkProps>;\n"]}
|
|
@@ -10,7 +10,7 @@ function createHeadingComponent(level) {
|
|
|
10
10
|
default: {},
|
|
11
11
|
});
|
|
12
12
|
return forwardRef((props, ref) => {
|
|
13
|
-
return (React.createElement(Text,
|
|
13
|
+
return (React.createElement(Text, { ...nativeProps, accessibilityRole: "header", ...props, style: [styles[`h${level}`], props.style], ref: ref }));
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
16
|
export const H1 = createHeadingComponent(1);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headings.js","sourceRoot":"","sources":["../../src/elements/Headings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,sBAAsB,CAAC,KAAa;IAC3C,MAAM,WAAW,GAAQ,QAAQ,CAAC,MAAM,CAAC;QACvC,GAAG,EAAE;YACH,YAAY,EAAE,GAAG,KAAK,EAAE;SACzB;QACD,OAAO,EAAE,EAAE;KACZ,CAAC,CAAC;IACH,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,CACL,oBAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Headings.js","sourceRoot":"","sources":["../../src/elements/Headings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,sBAAsB,CAAC,KAAa;IAC3C,MAAM,WAAW,GAAQ,QAAQ,CAAC,MAAM,CAAC;QACvC,GAAG,EAAE;YACH,YAAY,EAAE,GAAG,KAAK,EAAE;SACzB;QACD,OAAO,EAAE,EAAE;KACZ,CAAC,CAAC;IACH,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,CACL,oBAAC,IAAI,OACC,WAAW,EACf,iBAAiB,EAAC,QAAQ,KACtB,KAAK,EACT,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,EACzC,GAAG,EAAE,GAAG,GACR,CACH,CAAC;IACJ,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAE5C,uFAAuF;AACvF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QACf,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,GAAG,CAAC;QACjB,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC;QAClB,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC;QACrB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QACf,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC;QAClB,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC;QAClB,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { Platform, StyleSheet } from 'react-native';\n\nimport { em } from '../css/units';\nimport Text, { TextProps } from '../primitives/Text';\n\nfunction createHeadingComponent(level: number): ComponentType<TextProps> {\n const nativeProps: any = Platform.select({\n web: {\n 'aria-level': `${level}`,\n },\n default: {},\n });\n return forwardRef((props: TextProps, ref) => {\n return (\n <Text\n {...nativeProps}\n accessibilityRole=\"header\"\n {...props}\n style={[styles[`h${level}`], props.style]}\n ref={ref}\n />\n );\n }) as ComponentType<TextProps>;\n}\n\nexport const H1 = createHeadingComponent(1);\nexport const H2 = createHeadingComponent(2);\nexport const H3 = createHeadingComponent(3);\nexport const H4 = createHeadingComponent(4);\nexport const H5 = createHeadingComponent(5);\nexport const H6 = createHeadingComponent(6);\n\n// Default web styles: http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css\nconst styles = StyleSheet.create({\n h1: {\n fontSize: em(2),\n marginVertical: em(0.67),\n fontWeight: 'bold',\n },\n h2: {\n fontSize: em(1.5),\n marginVertical: em(0.83),\n fontWeight: 'bold',\n },\n h3: {\n fontSize: em(1.17),\n marginVertical: em(1),\n fontWeight: 'bold',\n },\n h4: {\n fontSize: em(1),\n marginVertical: em(1.33),\n fontWeight: 'bold',\n },\n h5: {\n fontSize: em(0.83),\n marginVertical: em(1.67),\n fontWeight: 'bold',\n },\n h6: {\n fontSize: em(0.67),\n marginVertical: em(2.33),\n fontWeight: 'bold',\n },\n});\n"]}
|
package/build/elements/Layout.js
CHANGED
|
@@ -3,7 +3,7 @@ import { Platform } from 'react-native';
|
|
|
3
3
|
import View from '../primitives/View';
|
|
4
4
|
function createView(nativeProps = {}) {
|
|
5
5
|
return forwardRef((props, ref) => {
|
|
6
|
-
return React.createElement(View,
|
|
6
|
+
return React.createElement(View, { ...nativeProps, ...props, ref: ref });
|
|
7
7
|
});
|
|
8
8
|
}
|
|
9
9
|
export const Nav = createView(Platform.select({
|
|
@@ -40,6 +40,6 @@ export const Article = createView(Platform.select({
|
|
|
40
40
|
},
|
|
41
41
|
}));
|
|
42
42
|
export const Section = createView({
|
|
43
|
-
accessibilityRole: 'summary',
|
|
43
|
+
accessibilityRole: 'summary', // region?
|
|
44
44
|
});
|
|
45
45
|
//# sourceMappingURL=Layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../src/elements/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,UAAU,CAAC,cAAyB,EAAE;IAC7C,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,oBAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../src/elements/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,UAAU,CAAC,cAAyB,EAAE;IAC7C,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,oBAAC,IAAI,OAAK,WAAW,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IACxD,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,YAAY;KAChC;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,aAAa;KACjC;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,eAAe;KACnC;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,QAAQ;KAC5B;IACD,OAAO,EAAE;QACP,iBAAiB,EAAE,QAAQ;KAC5B;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,MAAM;KAC1B;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,SAAS;KAC7B;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;IAChC,iBAAiB,EAAE,SAAS,EAAE,UAAU;CACzC,CAAC,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { Platform } from 'react-native';\n\nimport View, { ViewProps } from '../primitives/View';\n\nfunction createView(nativeProps: ViewProps = {}): ComponentType<ViewProps> {\n return forwardRef((props: ViewProps, ref) => {\n return <View {...nativeProps} {...props} ref={ref} />;\n }) as ComponentType<ViewProps>;\n}\n\nexport const Nav = createView(\n Platform.select({\n web: {\n accessibilityRole: 'navigation',\n },\n })\n);\nexport const Footer = createView(\n Platform.select({\n web: {\n accessibilityRole: 'contentinfo',\n },\n })\n);\nexport const Aside = createView(\n Platform.select({\n web: {\n accessibilityRole: 'complementary',\n },\n })\n);\nexport const Header = createView(\n Platform.select({\n web: {\n accessibilityRole: 'banner',\n },\n default: {\n accessibilityRole: 'header',\n },\n })\n);\nexport const Main = createView(\n Platform.select({\n web: {\n accessibilityRole: 'main',\n },\n })\n);\nexport const Article = createView(\n Platform.select({\n web: {\n accessibilityRole: 'article',\n },\n })\n);\nexport const Section = createView({\n accessibilityRole: 'summary', // region?\n});\n"]}
|
|
@@ -2,4 +2,6 @@ import React from 'react';
|
|
|
2
2
|
import { TextProps } from '../primitives/Text';
|
|
3
3
|
import { ViewProps } from '../primitives/View';
|
|
4
4
|
export declare const UL: React.ComponentType<ViewProps>;
|
|
5
|
-
|
|
5
|
+
declare type LIProps = TextProps | ViewProps;
|
|
6
|
+
export declare const LI: React.ComponentType<LIProps>;
|
|
7
|
+
export {};
|
package/build/elements/Lists.js
CHANGED
|
@@ -4,7 +4,7 @@ import Text from '../primitives/Text';
|
|
|
4
4
|
import View from '../primitives/View';
|
|
5
5
|
function createView(nativeProps = {}) {
|
|
6
6
|
return forwardRef((props, ref) => {
|
|
7
|
-
return React.createElement(View,
|
|
7
|
+
return React.createElement(View, { ...nativeProps, ...props, ref: ref });
|
|
8
8
|
});
|
|
9
9
|
}
|
|
10
10
|
export const UL = createView(Platform.select({
|
|
@@ -22,12 +22,12 @@ export const LI = forwardRef((props, ref) => {
|
|
|
22
22
|
web: 'listitem',
|
|
23
23
|
default: props.accessibilityRole,
|
|
24
24
|
});
|
|
25
|
-
return React.createElement(Text,
|
|
25
|
+
return React.createElement(Text, { ...props, accessibilityRole: accessibilityRole, ref: ref });
|
|
26
26
|
}
|
|
27
27
|
const accessibilityRole = Platform.select({
|
|
28
28
|
web: 'listitem',
|
|
29
29
|
default: props.accessibilityRole,
|
|
30
30
|
});
|
|
31
|
-
return React.createElement(View,
|
|
31
|
+
return React.createElement(View, { ...props, accessibilityRole: accessibilityRole, ref: ref });
|
|
32
32
|
});
|
|
33
33
|
//# sourceMappingURL=Lists.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Lists.js","sourceRoot":"","sources":["../../src/elements/Lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,UAAU,CAAC,cAAyB,EAAE;IAC7C,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,oBAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Lists.js","sourceRoot":"","sources":["../../src/elements/Lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,UAAU,CAAC,cAAyB,EAAE;IAC7C,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,oBAAC,IAAI,OAAK,WAAW,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IACxD,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAC1B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,MAAM;KAC1B;CACF,CAAC,CACH,CAAC;AAEF,SAAS,WAAW,CAAC,KAAU;IAC7B,qCAAqC;IACrC,OAAO,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC;AAC5C,CAAC;AAID,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,KAAiC,EAAE,GAAQ,EAAE,EAAE;IAC3E,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;QACtB,MAAM,iBAAiB,GAAiC,QAAQ,CAAC,MAAM,CAAC;YACtE,GAAG,EAAE,UAAU;YACf,OAAO,EAAE,KAAK,CAAC,iBAAiB;SACjC,CAAC,CAAC;QACH,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;KAC5E;IACD,MAAM,iBAAiB,GAAiC,QAAQ,CAAC,MAAM,CAAC;QACtE,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,KAAK,CAAC,iBAAiB;KACjC,CAAC,CAAC;IACH,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC7E,CAAC,CAA2B,CAAC","sourcesContent":["import React, { ComponentType, forwardRef, PropsWithChildren } from 'react';\nimport { Platform } from 'react-native';\n\nimport Text, { TextProps } from '../primitives/Text';\nimport View, { ViewProps } from '../primitives/View';\n\nfunction createView(nativeProps: ViewProps = {}): ComponentType<ViewProps> {\n return forwardRef((props: ViewProps, ref) => {\n return <View {...nativeProps} {...props} ref={ref} />;\n }) as ComponentType<ViewProps>;\n}\n\nexport const UL = createView(\n Platform.select({\n web: {\n accessibilityRole: 'list',\n },\n })\n);\n\nfunction isTextProps(props: any): props is TextProps {\n // Treat <li></li> as a Text element.\n return typeof props.children === 'string';\n}\n\ntype LIProps = TextProps | ViewProps;\n\nexport const LI = forwardRef((props: PropsWithChildren<LIProps>, ref: any) => {\n if (isTextProps(props)) {\n const accessibilityRole: LIProps['accessibilityRole'] = Platform.select({\n web: 'listitem',\n default: props.accessibilityRole,\n });\n return <Text {...props} accessibilityRole={accessibilityRole} ref={ref} />;\n }\n const accessibilityRole: LIProps['accessibilityRole'] = Platform.select({\n web: 'listitem',\n default: props.accessibilityRole,\n });\n return <View {...props} accessibilityRole={accessibilityRole} ref={ref} />;\n}) as ComponentType<LIProps>;\n"]}
|
package/build/elements/Rules.js
CHANGED
|
@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
|
|
|
2
2
|
import { StyleSheet } from 'react-native';
|
|
3
3
|
import View from '../primitives/View';
|
|
4
4
|
export const HR = forwardRef((props, ref) => {
|
|
5
|
-
return React.createElement(View,
|
|
5
|
+
return React.createElement(View, { ...props, style: [styles.hr, props.style], ref: ref });
|
|
6
6
|
});
|
|
7
7
|
const styles = StyleSheet.create({
|
|
8
8
|
hr: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rules.js","sourceRoot":"","sources":["../../src/elements/Rules.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;IACrD,OAAO,oBAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Rules.js","sourceRoot":"","sources":["../../src/elements/Rules.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;IACrD,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACxE,CAAC,CAA6B,CAAC;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,EAAE,EAAE;QACF,cAAc,EAAE,UAAU,CAAC,aAAa;QACxC,iBAAiB,EAAE,UAAU,CAAC,aAAa;QAC3C,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,CAAC;KAClB;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport View, { ViewProps } from '../primitives/View';\n\nexport const HR = forwardRef((props: ViewProps, ref) => {\n return <View {...props} style={[styles.hr, props.style]} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nconst styles = StyleSheet.create({\n hr: {\n borderTopWidth: StyleSheet.hairlineWidth,\n borderBottomWidth: StyleSheet.hairlineWidth,\n borderTopColor: '#9A9A9A',\n borderBottomColor: '#EEEEEE',\n marginVertical: 8,\n },\n});\n"]}
|
package/build/elements/Table.js
CHANGED
|
@@ -5,28 +5,28 @@ import { TableText } from '../primitives/Table';
|
|
|
5
5
|
import Text from '../primitives/Text';
|
|
6
6
|
import View from '../primitives/View';
|
|
7
7
|
export const Table = forwardRef((props, ref) => {
|
|
8
|
-
return React.createElement(View,
|
|
8
|
+
return React.createElement(View, { ...props, ref: ref });
|
|
9
9
|
});
|
|
10
10
|
export const THead = forwardRef((props, ref) => {
|
|
11
|
-
return React.createElement(View,
|
|
11
|
+
return React.createElement(View, { ...props, ref: ref });
|
|
12
12
|
});
|
|
13
13
|
export const TBody = forwardRef((props, ref) => {
|
|
14
|
-
return React.createElement(View,
|
|
14
|
+
return React.createElement(View, { ...props, ref: ref });
|
|
15
15
|
});
|
|
16
16
|
export const TFoot = forwardRef((props, ref) => {
|
|
17
|
-
return React.createElement(View,
|
|
17
|
+
return React.createElement(View, { ...props, ref: ref });
|
|
18
18
|
});
|
|
19
19
|
export const TH = forwardRef((props, ref) => {
|
|
20
|
-
return React.createElement(TableText,
|
|
20
|
+
return React.createElement(TableText, { ...props, style: [styles.th, props.style], ref: ref });
|
|
21
21
|
});
|
|
22
22
|
export const TR = forwardRef((props, ref) => {
|
|
23
|
-
return React.createElement(View,
|
|
23
|
+
return React.createElement(View, { ...props, style: [styles.tr, props.style], ref: ref });
|
|
24
24
|
});
|
|
25
25
|
export const TD = forwardRef((props, ref) => {
|
|
26
|
-
return React.createElement(TableText,
|
|
26
|
+
return React.createElement(TableText, { ...props, style: [styles.td, props.style], ref: ref });
|
|
27
27
|
});
|
|
28
28
|
export const Caption = forwardRef((props, ref) => {
|
|
29
|
-
return React.createElement(Text,
|
|
29
|
+
return React.createElement(Text, { ...props, style: [styles.caption, props.style], ref: ref });
|
|
30
30
|
});
|
|
31
31
|
const styles = StyleSheet.create({
|
|
32
32
|
caption: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/elements/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,qBAAqB,CAAC;AAChE,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;IACxD,OAAO,oBAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/elements/Table.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { em } from '../css/units';\nimport { TableText, TableTextProps } from '../primitives/Table';\nimport Text, { TextProps } from '../primitives/Text';\nimport View, { ViewProps } from '../primitives/View';\n\nexport const Table = forwardRef((props: ViewProps, ref) => {\n return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const THead = forwardRef((props: ViewProps, ref) => {\n return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TBody = forwardRef((props: ViewProps, ref) => {\n return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TFoot = forwardRef((props: ViewProps, ref) => {\n return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TH = forwardRef((props: TableTextProps, ref: any) => {\n return <TableText {...props} style={[styles.th, props.style]} ref={ref} />;\n}) as ComponentType<TableTextProps>;\n\nexport const TR = forwardRef((props: ViewProps, ref) => {\n return <View {...props} style={[styles.tr, props.style]} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TD = forwardRef((props: TableTextProps, ref: any) => {\n return <TableText {...props} style={[styles.td, props.style]} ref={ref} />;\n}) as ComponentType<TableTextProps>;\n\nexport const Caption = forwardRef((props: TextProps, ref: any) => {\n return <Text {...props} style={[styles.caption, props.style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nconst styles = StyleSheet.create({\n caption: {\n textAlign: 'center',\n fontSize: em(1) as number,\n },\n th: {\n textAlign: 'center',\n fontWeight: 'bold',\n flex: 1,\n fontSize: em(1) as number,\n },\n tr: {\n flexDirection: 'row',\n },\n td: {\n flex: 1,\n fontSize: em(1) as number,\n },\n});\n"]}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { TableTextProps } from '../primitives/Table';
|
|
3
|
-
import { TextProps } from '../primitives/Text';
|
|
1
|
+
import React from 'react';
|
|
4
2
|
import { ViewProps } from '../primitives/View';
|
|
5
|
-
export declare const Table: ComponentType<ViewProps>;
|
|
6
|
-
export declare const THead: ComponentType<ViewProps>;
|
|
7
|
-
export declare const TBody: ComponentType<ViewProps>;
|
|
8
|
-
export declare const TFoot: ComponentType<ViewProps>;
|
|
9
|
-
export declare const TH: ComponentType<
|
|
10
|
-
export declare const TR: ComponentType<ViewProps>;
|
|
11
|
-
export declare const TD: ComponentType<
|
|
12
|
-
export declare const Caption: ComponentType<
|
|
3
|
+
export declare const Table: React.ComponentType<ViewProps>;
|
|
4
|
+
export declare const THead: React.ComponentType<ViewProps>;
|
|
5
|
+
export declare const TBody: React.ComponentType<ViewProps>;
|
|
6
|
+
export declare const TFoot: React.ComponentType<ViewProps>;
|
|
7
|
+
export declare const TH: React.ComponentType<ViewProps>;
|
|
8
|
+
export declare const TR: React.ComponentType<ViewProps>;
|
|
9
|
+
export declare const TD: React.ComponentType<ViewProps>;
|
|
10
|
+
export declare const Caption: React.ComponentType<ViewProps>;
|
|
@@ -1,34 +1,24 @@
|
|
|
1
|
-
import { forwardRef } from 'react';
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
export const
|
|
11
|
-
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
export const TH =
|
|
17
|
-
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
export const
|
|
23
|
-
|
|
24
|
-
});
|
|
25
|
-
export const Caption = forwardRef((props, ref) => {
|
|
26
|
-
return createElement('caption', { ...props, style: [styles.reset, props.style], ref });
|
|
27
|
-
});
|
|
28
|
-
const styles = StyleSheet.create({
|
|
29
|
-
reset: {
|
|
30
|
-
fontFamily: 'System',
|
|
31
|
-
padding: 0,
|
|
32
|
-
},
|
|
33
|
-
});
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import View from '../primitives/RNWView';
|
|
3
|
+
function createView(nativeProps) {
|
|
4
|
+
return forwardRef((props, ref) => {
|
|
5
|
+
return React.createElement(View, { ...nativeProps, ...props, ref: ref });
|
|
6
|
+
});
|
|
7
|
+
}
|
|
8
|
+
export const Table = createView({ __element: 'table' });
|
|
9
|
+
Table.displayName = 'Table';
|
|
10
|
+
export const THead = createView({ __element: 'thead' });
|
|
11
|
+
THead.displayName = 'THead';
|
|
12
|
+
export const TBody = createView({ __element: 'tbody' });
|
|
13
|
+
TBody.displayName = 'TBody';
|
|
14
|
+
export const TFoot = createView({ __element: 'tfoot' });
|
|
15
|
+
TFoot.displayName = 'TFoot';
|
|
16
|
+
export const TH = createView({ __element: 'th' });
|
|
17
|
+
TH.displayName = 'TH';
|
|
18
|
+
export const TR = createView({ __element: 'tr' });
|
|
19
|
+
TR.displayName = 'TR';
|
|
20
|
+
export const TD = createView({ __element: 'td' });
|
|
21
|
+
TD.displayName = 'TD';
|
|
22
|
+
export const Caption = createView({ __element: 'caption' });
|
|
23
|
+
Caption.displayName = 'Caption';
|
|
34
24
|
//# sourceMappingURL=Table.web.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.web.js","sourceRoot":"","sources":["../../src/elements/Table.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.web.js","sourceRoot":"","sources":["../../src/elements/Table.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAGzC,SAAS,UAAU,CAAC,WAA8C;IAChE,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,oBAAC,IAAI,OAAK,WAAW,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IACxD,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AACxD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AACxD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AACxD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AACxD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAClD,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;AAEtB,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAClD,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;AAEtB,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAClD,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;AAEtB,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5D,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\n\nimport View from '../primitives/RNWView';\nimport { ViewProps } from '../primitives/View';\n\nfunction createView(nativeProps: ViewProps & { __element: string }): ComponentType<ViewProps> {\n return forwardRef((props: ViewProps, ref) => {\n return <View {...nativeProps} {...props} ref={ref} />;\n }) as ComponentType<ViewProps>;\n}\n\nexport const Table = createView({ __element: 'table' });\nTable.displayName = 'Table';\n\nexport const THead = createView({ __element: 'thead' });\nTHead.displayName = 'THead';\n\nexport const TBody = createView({ __element: 'tbody' });\nTBody.displayName = 'TBody';\n\nexport const TFoot = createView({ __element: 'tfoot' });\nTFoot.displayName = 'TFoot';\n\nexport const TH = createView({ __element: 'th' });\nTH.displayName = 'TH';\n\nexport const TR = createView({ __element: 'tr' });\nTR.displayName = 'TR';\n\nexport const TD = createView({ __element: 'td' });\nTD.displayName = 'TD';\n\nexport const Caption = createView({ __element: 'caption' });\nCaption.displayName = 'Caption';\n"]}
|
package/build/elements/Text.d.ts
CHANGED
|
@@ -1,24 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TextProps } from '../primitives/Text';
|
|
3
3
|
import { ViewProps } from '../primitives/View';
|
|
4
|
+
import { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';
|
|
4
5
|
export declare const P: React.ComponentType<TextProps>;
|
|
5
6
|
export declare const B: React.ComponentType<TextProps>;
|
|
6
7
|
export declare const S: React.ComponentType<TextProps>;
|
|
7
8
|
export declare const I: React.ComponentType<TextProps>;
|
|
8
|
-
export declare const Q: React.ComponentType<
|
|
9
|
-
|
|
10
|
-
}>>;
|
|
11
|
-
export declare const BlockQuote: React.ComponentType<React.PropsWithChildren<import("../primitives/View").WebViewProps & Pick<import("react-native").ViewProps & React.ClassAttributes<typeof import("react-native").View>, "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
|
|
12
|
-
cite?: string | undefined;
|
|
13
|
-
}>>;
|
|
9
|
+
export declare const Q: React.ComponentType<QuoteProps>;
|
|
10
|
+
export declare const BlockQuote: React.ComponentType<BlockQuoteProps>;
|
|
14
11
|
export declare const BR: React.ComponentType<TextProps>;
|
|
15
12
|
export declare const Mark: React.ComponentType<TextProps>;
|
|
16
13
|
export declare const Code: React.ComponentType<TextProps>;
|
|
17
14
|
declare type PreProps = TextProps | ViewProps;
|
|
18
15
|
export declare const Pre: React.ComponentType<PreProps>;
|
|
19
|
-
export declare const Time: React.ComponentType<
|
|
20
|
-
dateTime?: string | undefined;
|
|
21
|
-
}>>;
|
|
16
|
+
export declare const Time: React.ComponentType<TimeProps>;
|
|
22
17
|
export declare const Strong: React.ComponentType<TextProps>;
|
|
23
18
|
export declare const Del: React.ComponentType<TextProps>;
|
|
24
19
|
export declare const EM: React.ComponentType<TextProps>;
|
package/build/elements/Text.js
CHANGED
|
@@ -4,47 +4,47 @@ import { em } from '../css/units';
|
|
|
4
4
|
import Text from '../primitives/Text';
|
|
5
5
|
import View from '../primitives/View';
|
|
6
6
|
export const P = forwardRef(({ style, ...props }, ref) => {
|
|
7
|
-
return React.createElement(Text,
|
|
7
|
+
return React.createElement(Text, { ...props, style: [styles.p, style], ref: ref });
|
|
8
8
|
});
|
|
9
9
|
export const B = forwardRef(({ style, ...props }, ref) => {
|
|
10
|
-
return React.createElement(Text,
|
|
10
|
+
return React.createElement(Text, { ...props, style: [styles.b, style], ref: ref });
|
|
11
11
|
});
|
|
12
12
|
export const S = forwardRef(({ style, ...props }, ref) => {
|
|
13
|
-
return React.createElement(Text,
|
|
13
|
+
return React.createElement(Text, { ...props, style: [styles.s, style], ref: ref });
|
|
14
14
|
});
|
|
15
15
|
export const I = forwardRef(({ style, ...props }, ref) => {
|
|
16
|
-
return React.createElement(Text,
|
|
16
|
+
return React.createElement(Text, { ...props, style: [styles.i, style], ref: ref });
|
|
17
17
|
});
|
|
18
18
|
export const Q = forwardRef(({ children, cite, style, ...props }, ref) => {
|
|
19
|
-
return (React.createElement(Text,
|
|
19
|
+
return (React.createElement(Text, { ...props, style: [styles.q, style], ref: ref },
|
|
20
20
|
"\"",
|
|
21
21
|
children,
|
|
22
22
|
"\""));
|
|
23
23
|
});
|
|
24
24
|
export const BlockQuote = forwardRef(({ style, cite, ...props }, ref) => {
|
|
25
|
-
return React.createElement(View,
|
|
25
|
+
return React.createElement(View, { ...props, style: [styles.blockQuote, style], ref: ref });
|
|
26
26
|
});
|
|
27
27
|
export const BR = forwardRef(({ style, ...props }, ref) => {
|
|
28
|
-
return React.createElement(Text,
|
|
28
|
+
return React.createElement(Text, { ...props, style: [styles.br, style], ref: ref });
|
|
29
29
|
});
|
|
30
30
|
export const Mark = forwardRef(({ style, ...props }, ref) => {
|
|
31
|
-
return React.createElement(Text,
|
|
31
|
+
return React.createElement(Text, { ...props, style: [styles.mark, style], ref: ref });
|
|
32
32
|
});
|
|
33
33
|
export const Code = forwardRef(({ style, ...props }, ref) => {
|
|
34
|
-
return React.createElement(Text,
|
|
34
|
+
return React.createElement(Text, { ...props, style: [styles.code, style], ref: ref });
|
|
35
35
|
});
|
|
36
36
|
function isTextProps(props) {
|
|
37
37
|
return typeof props.children === 'string';
|
|
38
38
|
}
|
|
39
39
|
export const Pre = forwardRef((props, ref) => {
|
|
40
40
|
if (isTextProps(props)) {
|
|
41
|
-
return React.createElement(Text,
|
|
41
|
+
return React.createElement(Text, { ...props, style: [styles.code, styles.pre, props.style], ref: ref });
|
|
42
42
|
}
|
|
43
|
-
return React.createElement(View,
|
|
43
|
+
return React.createElement(View, { ...props, style: [styles.pre, props.style], ref: ref });
|
|
44
44
|
});
|
|
45
45
|
// Extract dateTime to prevent passing it to the native Text element
|
|
46
46
|
export const Time = forwardRef(({ dateTime, ...props }, ref) => {
|
|
47
|
-
return React.createElement(Text,
|
|
47
|
+
return React.createElement(Text, { ...props, ref: ref });
|
|
48
48
|
});
|
|
49
49
|
export const Strong = B;
|
|
50
50
|
export const Del = S;
|
|
@@ -60,7 +60,7 @@ const styles = StyleSheet.create({
|
|
|
60
60
|
fontStyle: 'italic',
|
|
61
61
|
},
|
|
62
62
|
code: {
|
|
63
|
-
fontFamily: Platform.select({ default: 'Courier', android: 'monospace' }),
|
|
63
|
+
fontFamily: Platform.select({ default: 'Courier', ios: 'Courier New', android: 'monospace' }),
|
|
64
64
|
fontWeight: '500',
|
|
65
65
|
},
|
|
66
66
|
pre: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/elements/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAGrD,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IAClE,OAAO,oBAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/elements/Text.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { StyleSheet, Platform } from 'react-native';\n\nimport { em } from '../css/units';\nimport Text, { TextProps } from '../primitives/Text';\nimport View, { ViewProps } from '../primitives/View';\nimport { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';\n\nexport const P = forwardRef(({ style, ...props }: TextProps, ref) => {\n return <Text {...props} style={[styles.p, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const B = forwardRef(({ style, ...props }: TextProps, ref) => {\n return <Text {...props} style={[styles.b, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const S = forwardRef(({ style, ...props }: TextProps, ref) => {\n return <Text {...props} style={[styles.s, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const I = forwardRef(({ style, ...props }: TextProps, ref) => {\n return <Text {...props} style={[styles.i, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const Q = forwardRef(({ children, cite, style, ...props }: QuoteProps, ref) => {\n return (\n <Text {...props} style={[styles.q, style]} ref={ref}>\n \"{children}\"\n </Text>\n );\n}) as ComponentType<QuoteProps>;\n\nexport const BlockQuote = forwardRef(({ style, cite, ...props }: BlockQuoteProps, ref) => {\n return <View {...props} style={[styles.blockQuote, style]} ref={ref} />;\n}) as ComponentType<BlockQuoteProps>;\n\nexport const BR = forwardRef(({ style, ...props }: TextProps, ref) => {\n return <Text {...props} style={[styles.br, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const Mark = forwardRef(({ style, ...props }: TextProps, ref) => {\n return <Text {...props} style={[styles.mark, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const Code = forwardRef(({ style, ...props }: TextProps, ref) => {\n return <Text {...props} style={[styles.code, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nfunction isTextProps(props: any): props is TextProps {\n return typeof props.children === 'string';\n}\n\ntype PreProps = TextProps | ViewProps;\n\nexport const Pre = forwardRef((props: PreProps, ref: any) => {\n if (isTextProps(props)) {\n return <Text {...props} style={[styles.code, styles.pre, props.style]} ref={ref} />;\n }\n return <View {...props} style={[styles.pre, props.style]} ref={ref} />;\n}) as ComponentType<PreProps>;\n\n// Extract dateTime to prevent passing it to the native Text element\nexport const Time = forwardRef(({ dateTime, ...props }: TimeProps, ref) => {\n return <Text {...props} ref={ref} />;\n}) as ComponentType<TimeProps>;\n\nexport const Strong = B;\nexport const Del = S;\nexport const EM = I;\n\nconst styles = StyleSheet.create({\n p: {\n marginVertical: em(1),\n },\n b: {\n fontWeight: 'bold',\n },\n q: {\n fontStyle: 'italic',\n },\n code: {\n fontFamily: Platform.select({ default: 'Courier', ios: 'Courier New', android: 'monospace' }),\n fontWeight: '500',\n },\n pre: {\n marginVertical: em(1),\n },\n blockQuote: {\n marginVertical: em(1),\n },\n br: {\n width: 0,\n height: em(0.5),\n },\n s: {\n textDecorationLine: 'line-through',\n textDecorationStyle: 'solid',\n },\n mark: {\n backgroundColor: 'yellow',\n color: 'black',\n },\n i: {\n fontStyle: 'italic',\n },\n});\n"]}
|
|
@@ -1,23 +1,18 @@
|
|
|
1
1
|
import { ComponentType } from 'react';
|
|
2
2
|
import { TextProps } from '../primitives/Text';
|
|
3
|
+
import { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';
|
|
3
4
|
export declare const P: ComponentType<TextProps>;
|
|
4
5
|
export declare const B: ComponentType<TextProps>;
|
|
5
6
|
export declare const S: ComponentType<TextProps>;
|
|
6
7
|
export declare const Del: ComponentType<TextProps>;
|
|
7
8
|
export declare const Strong: ComponentType<TextProps>;
|
|
8
9
|
export declare const I: ComponentType<TextProps>;
|
|
9
|
-
export declare const Q: ComponentType<
|
|
10
|
-
|
|
11
|
-
}>>;
|
|
12
|
-
export declare const BlockQuote: ComponentType<import("react").PropsWithChildren<import("../primitives/View").WebViewProps & Pick<import("react-native").ViewProps & import("react").ClassAttributes<typeof import("react-native").View>, "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
|
|
13
|
-
cite?: string | undefined;
|
|
14
|
-
}>>;
|
|
10
|
+
export declare const Q: ComponentType<QuoteProps>;
|
|
11
|
+
export declare const BlockQuote: ComponentType<BlockQuoteProps>;
|
|
15
12
|
export declare const EM: ComponentType<TextProps>;
|
|
16
13
|
export declare const BR: ComponentType<TextProps>;
|
|
17
14
|
export declare const Small: ComponentType<TextProps>;
|
|
18
15
|
export declare const Mark: ComponentType<TextProps>;
|
|
19
16
|
export declare const Code: ComponentType<TextProps>;
|
|
20
|
-
export declare const Time: ComponentType<
|
|
21
|
-
dateTime?: string | undefined;
|
|
22
|
-
}>>;
|
|
17
|
+
export declare const Time: ComponentType<TimeProps>;
|
|
23
18
|
export declare const Pre: ComponentType<TextProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Expo.
|
|
3
|
+
* Copyright (c) Nicolas Gallagher.
|
|
4
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import * as React from 'react';
|
|
10
|
+
import { PlatformMethods, ViewProps } from 'react-native-web/dist/types';
|
|
11
|
+
/**
|
|
12
|
+
* This is the View from react-native-web copied out in order to supply a custom `__element` property.
|
|
13
|
+
* In the past, you could use `createElement` to create an element with a custom HTML element, but this changed
|
|
14
|
+
* somewhere between 0.14...0.17.
|
|
15
|
+
*/
|
|
16
|
+
declare const View: React.AbstractComponent<ViewProps, HTMLElement & PlatformMethods>;
|
|
17
|
+
export default View;
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Expo.
|
|
3
|
+
* Copyright (c) Nicolas Gallagher.
|
|
4
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import * as React from 'react';
|
|
10
|
+
import StyleSheet from 'react-native-web/dist/exports/StyleSheet';
|
|
11
|
+
import css from 'react-native-web/dist/exports/StyleSheet/css';
|
|
12
|
+
import TextAncestorContext from 'react-native-web/dist/exports/Text/TextAncestorContext';
|
|
13
|
+
import createElement from 'react-native-web/dist/exports/createElement';
|
|
14
|
+
import * as forwardedProps from 'react-native-web/dist/modules/forwardedProps';
|
|
15
|
+
import pick from 'react-native-web/dist/modules/pick';
|
|
16
|
+
import useElementLayout from 'react-native-web/dist/modules/useElementLayout';
|
|
17
|
+
import useMergeRefs from 'react-native-web/dist/modules/useMergeRefs';
|
|
18
|
+
import usePlatformMethods from 'react-native-web/dist/modules/usePlatformMethods';
|
|
19
|
+
import useResponderEvents from 'react-native-web/dist/modules/useResponderEvents';
|
|
20
|
+
const forwardPropsList = {
|
|
21
|
+
...forwardedProps.defaultProps,
|
|
22
|
+
...forwardedProps.accessibilityProps,
|
|
23
|
+
...forwardedProps.clickProps,
|
|
24
|
+
...forwardedProps.focusProps,
|
|
25
|
+
...forwardedProps.keyboardProps,
|
|
26
|
+
...forwardedProps.mouseProps,
|
|
27
|
+
...forwardedProps.touchProps,
|
|
28
|
+
...forwardedProps.styleProps,
|
|
29
|
+
lang: true,
|
|
30
|
+
onScroll: true,
|
|
31
|
+
onWheel: true,
|
|
32
|
+
pointerEvents: true,
|
|
33
|
+
};
|
|
34
|
+
const pickProps = (props) => pick(props, forwardPropsList);
|
|
35
|
+
/**
|
|
36
|
+
* This is the View from react-native-web copied out in order to supply a custom `__element` property.
|
|
37
|
+
* In the past, you could use `createElement` to create an element with a custom HTML element, but this changed
|
|
38
|
+
* somewhere between 0.14...0.17.
|
|
39
|
+
*/
|
|
40
|
+
// @ts-ignore
|
|
41
|
+
const View = React.forwardRef((props, forwardedRef) => {
|
|
42
|
+
const { onLayout, onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, __element, } = props;
|
|
43
|
+
const hasTextAncestor = React.useContext(TextAncestorContext);
|
|
44
|
+
const hostRef = React.useRef(null);
|
|
45
|
+
useElementLayout(hostRef, onLayout);
|
|
46
|
+
useResponderEvents(hostRef, {
|
|
47
|
+
onMoveShouldSetResponder,
|
|
48
|
+
onMoveShouldSetResponderCapture,
|
|
49
|
+
onResponderEnd,
|
|
50
|
+
onResponderGrant,
|
|
51
|
+
onResponderMove,
|
|
52
|
+
onResponderReject,
|
|
53
|
+
onResponderRelease,
|
|
54
|
+
onResponderStart,
|
|
55
|
+
onResponderTerminate,
|
|
56
|
+
onResponderTerminationRequest,
|
|
57
|
+
onScrollShouldSetResponder,
|
|
58
|
+
onScrollShouldSetResponderCapture,
|
|
59
|
+
onSelectionChangeShouldSetResponder,
|
|
60
|
+
onSelectionChangeShouldSetResponderCapture,
|
|
61
|
+
onStartShouldSetResponder,
|
|
62
|
+
onStartShouldSetResponderCapture,
|
|
63
|
+
});
|
|
64
|
+
const style = StyleSheet.compose(hasTextAncestor && styles.inline,
|
|
65
|
+
// @ts-ignore: untyped
|
|
66
|
+
props.style);
|
|
67
|
+
const supportedProps = pickProps(props);
|
|
68
|
+
supportedProps.classList = classList;
|
|
69
|
+
supportedProps.style = style;
|
|
70
|
+
const platformMethodsRef = usePlatformMethods(supportedProps);
|
|
71
|
+
const setRef = useMergeRefs(hostRef, platformMethodsRef, forwardedRef);
|
|
72
|
+
supportedProps.ref = setRef;
|
|
73
|
+
return createElement(__element, supportedProps);
|
|
74
|
+
});
|
|
75
|
+
View.displayName = 'View';
|
|
76
|
+
const classes = css.create({
|
|
77
|
+
view: {
|
|
78
|
+
alignItems: 'stretch',
|
|
79
|
+
border: '0 solid black',
|
|
80
|
+
boxSizing: 'border-box',
|
|
81
|
+
display: 'flex',
|
|
82
|
+
flexBasis: 'auto',
|
|
83
|
+
flexDirection: 'column',
|
|
84
|
+
flexShrink: 0,
|
|
85
|
+
margin: 0,
|
|
86
|
+
minHeight: 0,
|
|
87
|
+
minWidth: 0,
|
|
88
|
+
padding: 0,
|
|
89
|
+
position: 'relative',
|
|
90
|
+
zIndex: 0,
|
|
91
|
+
},
|
|
92
|
+
});
|
|
93
|
+
const classList = [classes.view];
|
|
94
|
+
const styles = StyleSheet.create({
|
|
95
|
+
inline: {
|
|
96
|
+
display: 'inline-flex',
|
|
97
|
+
},
|
|
98
|
+
});
|
|
99
|
+
export default View;
|
|
100
|
+
//# sourceMappingURL=RNWView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RNWView.js","sourceRoot":"","sources":["../../src/primitives/RNWView.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright (c) Expo.\n * Copyright (c) Nicolas Gallagher.\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport * as React from 'react';\nimport StyleSheet from 'react-native-web/dist/exports/StyleSheet';\nimport css from 'react-native-web/dist/exports/StyleSheet/css';\nimport TextAncestorContext from 'react-native-web/dist/exports/Text/TextAncestorContext';\nimport createElement from 'react-native-web/dist/exports/createElement';\nimport * as forwardedProps from 'react-native-web/dist/modules/forwardedProps';\nimport pick from 'react-native-web/dist/modules/pick';\nimport useElementLayout from 'react-native-web/dist/modules/useElementLayout';\nimport useMergeRefs from 'react-native-web/dist/modules/useMergeRefs';\nimport usePlatformMethods from 'react-native-web/dist/modules/usePlatformMethods';\nimport useResponderEvents from 'react-native-web/dist/modules/useResponderEvents';\nimport { PlatformMethods, ViewProps } from 'react-native-web/dist/types';\n\nconst forwardPropsList = {\n ...forwardedProps.defaultProps,\n ...forwardedProps.accessibilityProps,\n ...forwardedProps.clickProps,\n ...forwardedProps.focusProps,\n ...forwardedProps.keyboardProps,\n ...forwardedProps.mouseProps,\n ...forwardedProps.touchProps,\n ...forwardedProps.styleProps,\n lang: true,\n onScroll: true,\n onWheel: true,\n pointerEvents: true,\n};\n\nconst pickProps = (props) => pick(props, forwardPropsList);\n\n/**\n * This is the View from react-native-web copied out in order to supply a custom `__element` property.\n * In the past, you could use `createElement` to create an element with a custom HTML element, but this changed\n * somewhere between 0.14...0.17.\n */\n\n// @ts-ignore\nconst View: React.AbstractComponent<ViewProps, HTMLElement & PlatformMethods> = React.forwardRef(\n (props, forwardedRef) => {\n const {\n onLayout,\n onMoveShouldSetResponder,\n onMoveShouldSetResponderCapture,\n onResponderEnd,\n onResponderGrant,\n onResponderMove,\n onResponderReject,\n onResponderRelease,\n onResponderStart,\n onResponderTerminate,\n onResponderTerminationRequest,\n onScrollShouldSetResponder,\n onScrollShouldSetResponderCapture,\n onSelectionChangeShouldSetResponder,\n onSelectionChangeShouldSetResponderCapture,\n onStartShouldSetResponder,\n onStartShouldSetResponderCapture,\n __element,\n } = props as any;\n\n const hasTextAncestor = React.useContext(TextAncestorContext);\n const hostRef = React.useRef(null);\n\n useElementLayout(hostRef, onLayout);\n useResponderEvents(hostRef, {\n onMoveShouldSetResponder,\n onMoveShouldSetResponderCapture,\n onResponderEnd,\n onResponderGrant,\n onResponderMove,\n onResponderReject,\n onResponderRelease,\n onResponderStart,\n onResponderTerminate,\n onResponderTerminationRequest,\n onScrollShouldSetResponder,\n onScrollShouldSetResponderCapture,\n onSelectionChangeShouldSetResponder,\n onSelectionChangeShouldSetResponderCapture,\n onStartShouldSetResponder,\n onStartShouldSetResponderCapture,\n });\n\n const style = StyleSheet.compose(\n hasTextAncestor && styles.inline,\n // @ts-ignore: untyped\n props.style\n );\n\n const supportedProps = pickProps(props);\n supportedProps.classList = classList;\n supportedProps.style = style;\n\n const platformMethodsRef = usePlatformMethods(supportedProps);\n const setRef = useMergeRefs(hostRef, platformMethodsRef, forwardedRef);\n\n supportedProps.ref = setRef;\n\n return createElement(__element, supportedProps);\n }\n);\n\nView.displayName = 'View';\n\nconst classes = css.create({\n view: {\n alignItems: 'stretch',\n border: '0 solid black',\n boxSizing: 'border-box',\n display: 'flex',\n flexBasis: 'auto',\n flexDirection: 'column',\n flexShrink: 0,\n margin: 0,\n minHeight: 0,\n minWidth: 0,\n padding: 0,\n position: 'relative',\n zIndex: 0,\n },\n});\n\nconst classList = [classes.view];\n\nconst styles = StyleSheet.create({\n inline: {\n display: 'inline-flex',\n },\n});\n\nexport default View;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@expo/html-elements",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"description": "Universal semantic HTML React components for iOS, Android, web, and desktop",
|
|
5
5
|
"main": "build/Elements.js",
|
|
6
6
|
"types": "build/Elements.d.ts",
|
|
@@ -35,11 +35,8 @@
|
|
|
35
35
|
"jest": {
|
|
36
36
|
"preset": "expo-module-scripts/enzyme"
|
|
37
37
|
},
|
|
38
|
-
"peerDependencies": {
|
|
39
|
-
"react-native-web": "~0.12.0"
|
|
40
|
-
},
|
|
41
38
|
"devDependencies": {
|
|
42
|
-
"expo-module-scripts": "
|
|
39
|
+
"expo-module-scripts": "^2.0.0"
|
|
43
40
|
},
|
|
44
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "4ac89934e2acc4ef1fad59f338d9019fe2d92240"
|
|
45
42
|
}
|