@expo/html-elements 0.1.0 → 0.2.1
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 +15 -15
- package/build/Elements.d.ts +1 -0
- package/build/Elements.d.ts.map +1 -0
- package/build/css/units.d.ts +1 -0
- package/build/css/units.d.ts.map +1 -0
- package/build/elements/Anchor.d.ts +1 -0
- package/build/elements/Anchor.d.ts.map +1 -0
- package/build/elements/Headings.d.ts +1 -0
- package/build/elements/Headings.d.ts.map +1 -0
- package/build/elements/Layout.d.ts +1 -0
- package/build/elements/Layout.d.ts.map +1 -0
- package/build/elements/Lists.d.ts +1 -0
- package/build/elements/Lists.d.ts.map +1 -0
- package/build/elements/Rules.d.ts +1 -0
- package/build/elements/Rules.d.ts.map +1 -0
- package/build/elements/Rules.web.d.ts +1 -0
- package/build/elements/Rules.web.d.ts.map +1 -0
- package/build/elements/Table.d.ts +1 -0
- package/build/elements/Table.d.ts.map +1 -0
- package/build/elements/Table.web.d.ts +1 -0
- package/build/elements/Table.web.d.ts.map +1 -0
- package/build/elements/Text.d.ts +1 -0
- package/build/elements/Text.d.ts.map +1 -0
- package/build/elements/Text.types.d.ts +1 -0
- package/build/elements/Text.types.d.ts.map +1 -0
- package/build/elements/_Text.web.d.ts +1 -0
- package/build/elements/_Text.web.d.ts.map +1 -0
- package/build/primitives/RNWView.d.ts +1 -0
- package/build/primitives/RNWView.d.ts.map +1 -0
- package/build/primitives/RNWView.js +1 -6
- package/build/primitives/RNWView.js.map +1 -1
- package/build/primitives/Table.d.ts +1 -0
- package/build/primitives/Table.d.ts.map +1 -0
- package/build/primitives/Text.d.ts +1 -0
- package/build/primitives/Text.d.ts.map +1 -0
- package/build/primitives/View.d.ts +1 -0
- package/build/primitives/View.d.ts.map +1 -0
- package/package.json +4 -4
- package/tsconfig.json +1 -1
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
<img alt="Supports Expo Android" longdesc="Supports Expo Android" src="https://img.shields.io/badge/Android-4630EB.svg?style=flat-square&logo=ANDROID&labelColor=A4C639&logoColor=fff" />
|
|
10
10
|
<!-- Web -->
|
|
11
11
|
<img alt="Supports Expo Web" longdesc="Supports Expo Web" src="https://img.shields.io/badge/web-4630EB.svg?style=flat-square&logo=GOOGLE-CHROME&labelColor=4285F4&logoColor=fff" />
|
|
12
|
-
<a aria-label="Circle CI" href="https://circleci.com/gh/expo/expo/tree/
|
|
12
|
+
<a aria-label="Circle CI" href="https://circleci.com/gh/expo/expo/tree/main">
|
|
13
13
|
<img alt="Circle CI" src="https://flat.badgen.net/circleci/github/expo/expo?label=Circle%20CI&labelColor=555555&icon=circleci">
|
|
14
14
|
</a>
|
|
15
15
|
</p>
|
|
@@ -105,13 +105,13 @@ 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] |
|
|
112
112
|
| `<iframe />` | `<WebView />` | [`<WebView />`][ex-webview]. `@react-native-community/web-view` is not maintained by Expo and doesn't have web support |
|
|
113
|
-
| [`<link />`][html-link] | None |
|
|
114
|
-
| [`<noscript />`][html-noscript] | None |
|
|
113
|
+
| [`<link />`][html-link] | None | Eject the `index.html` with `npx expo customize` and link resources directly with `<link />` |
|
|
114
|
+
| [`<noscript />`][html-noscript] | None | Eject the `index.html` with `npx expo customize` and use `<noscript />` directly as HTML |
|
|
115
115
|
| `<div />` | `<View />` | `react-native` |
|
|
116
116
|
| `<img />` | `<Image />` | `react-native` |
|
|
117
117
|
| `<span />` | `<Text />` | `react-native` |
|
|
@@ -119,17 +119,17 @@ Other features not implemented in this package can be found in different parts o
|
|
|
119
119
|
| `style="backdrop-filter"` | `<BlurView />` | [`expo-blur`][ex-blur] |
|
|
120
120
|
| `style="linear-gradient()"` | `<LinearGradient />` | [`expo-linear-gradient`][ex-gradient] |
|
|
121
121
|
|
|
122
|
-
[ex-gradient]: https://docs.expo.
|
|
123
|
-
[ex-webview]: https://docs.expo.
|
|
124
|
-
[ex-audio]: https://docs.expo.
|
|
125
|
-
[ex-gl]: https://docs.expo.
|
|
122
|
+
[ex-gradient]: https://docs.expo.dev/versions/latest/sdk/linear-gradient/
|
|
123
|
+
[ex-webview]: https://docs.expo.dev/versions/latest/sdk/webview/
|
|
124
|
+
[ex-audio]: https://docs.expo.dev/versions/latest/sdk/audio
|
|
125
|
+
[ex-gl]: https://docs.expo.dev/versions/latest/sdk/gl-view
|
|
126
126
|
[ex-canvas]: https://github.com/expo/expo-2d-context
|
|
127
127
|
[html-noscript]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript
|
|
128
128
|
[html-link]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
|
|
129
|
-
[ex-blur]: https://docs.expo.
|
|
130
|
-
[ex-vid]: https://docs.expo.
|
|
131
|
-
[ex-ipick]: https://docs.expo.
|
|
132
|
-
[ex-dpick]: https://docs.expo.
|
|
129
|
+
[ex-blur]: https://docs.expo.dev/versions/latest/sdk/blur-view/
|
|
130
|
+
[ex-vid]: https://docs.expo.dev/versions/latest/sdk/video/
|
|
131
|
+
[ex-ipick]: https://docs.expo.dev/versions/latest/sdk/imagepicker/
|
|
132
|
+
[ex-dpick]: https://docs.expo.dev/versions/latest/sdk/document-picker/
|
|
133
133
|
|
|
134
134
|
## Headings
|
|
135
135
|
|
|
@@ -218,7 +218,7 @@ export default () => <H6>Example<H6/>
|
|
|
218
218
|
You can use the anchor element with href prop to open links. On native this will attempt to use the `Linking` API to open the `href`.
|
|
219
219
|
|
|
220
220
|
- The CSS style is fully normalized to match `<Text />`
|
|
221
|
-
- For pseudo-class effects like hover and focus states check out the package [`react-native-web-hooks`](https://www.npmjs.com/package/react-native-web-hooks) | [tutorial](https://blog.expo.
|
|
221
|
+
- For pseudo-class effects like hover and focus states check out the package [`react-native-web-hooks`](https://www.npmjs.com/package/react-native-web-hooks) | [tutorial](https://blog.expo.dev/css-pseudo-class-effects-in-expo-for-web-56649f88eb6b)
|
|
222
222
|
|
|
223
223
|
```tsx
|
|
224
224
|
import { A } from '@expo/html-elements';
|
|
@@ -393,8 +393,8 @@ export default () => (
|
|
|
393
393
|
|
|
394
394
|
Standard paragraph element.
|
|
395
395
|
|
|
396
|
-
| Platform | Output
|
|
397
|
-
| --------- |
|
|
396
|
+
| Platform | Output |
|
|
397
|
+
| --------- | ---------------------------------------------------------- |
|
|
398
398
|
| Universal | `<Text style={{ fontSize: 14, marginVertical: '1em' }} />` |
|
|
399
399
|
|
|
400
400
|
### `<B/>`
|
package/build/Elements.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Elements.d.ts","sourceRoot":"","sources":["../src/Elements.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}
|
package/build/css/units.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"units.d.ts","sourceRoot":"","sources":["../../src/css/units.ts"],"names":[],"mappings":"AAEA,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAGlD;AAED,wBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAGjD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../src/elements/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,CAAC,gCAgBgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Headings.d.ts","sourceRoot":"","sources":["../../src/elements/Headings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAsBrD,eAAO,MAAM,EAAE,gCAA4B,CAAC;AAC5C,eAAO,MAAM,EAAE,gCAA4B,CAAC;AAC5C,eAAO,MAAM,EAAE,gCAA4B,CAAC;AAC5C,eAAO,MAAM,EAAE,gCAA4B,CAAC;AAC5C,eAAO,MAAM,EAAE,gCAA4B,CAAC;AAC5C,eAAO,MAAM,EAAE,gCAA4B,CAAC"}
|
|
@@ -7,3 +7,4 @@ export declare const Header: React.ComponentType<ViewProps>;
|
|
|
7
7
|
export declare const Main: React.ComponentType<ViewProps>;
|
|
8
8
|
export declare const Article: React.ComponentType<ViewProps>;
|
|
9
9
|
export declare const Section: React.ComponentType<ViewProps>;
|
|
10
|
+
//# sourceMappingURL=Layout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/elements/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQrD,eAAO,MAAM,GAAG,gCAMf,CAAC;AACF,eAAO,MAAM,MAAM,gCAMlB,CAAC;AACF,eAAO,MAAM,KAAK,gCAMjB,CAAC;AACF,eAAO,MAAM,MAAM,gCASlB,CAAC;AACF,eAAO,MAAM,IAAI,gCAMhB,CAAC;AACF,eAAO,MAAM,OAAO,gCAMnB,CAAC;AACF,eAAO,MAAM,OAAO,gCAElB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Lists.d.ts","sourceRoot":"","sources":["../../src/elements/Lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQrD,eAAO,MAAM,EAAE,gCAMd,CAAC;AAOF,aAAK,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAErC,eAAO,MAAM,EAAE,8BAaa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Rules.d.ts","sourceRoot":"","sources":["../../src/elements/Rules.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,EAAE,gCAEe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Rules.web.d.ts","sourceRoot":"","sources":["../../src/elements/Rules.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,EAAE,0BAEe,CAAC"}
|
|
@@ -10,3 +10,4 @@ export declare const TH: React.ComponentType<TableTextProps>;
|
|
|
10
10
|
export declare const TR: React.ComponentType<ViewProps>;
|
|
11
11
|
export declare const TD: React.ComponentType<TableTextProps>;
|
|
12
12
|
export declare const Caption: React.ComponentType<TextProps>;
|
|
13
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/elements/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAa,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,KAAK,gCAEY,CAAC;AAE/B,eAAO,MAAM,KAAK,gCAEY,CAAC;AAE/B,eAAO,MAAM,KAAK,gCAEY,CAAC;AAE/B,eAAO,MAAM,KAAK,gCAEY,CAAC;AAE/B,eAAO,MAAM,EAAE,qCAEoB,CAAC;AAEpC,eAAO,MAAM,EAAE,gCAEe,CAAC;AAE/B,eAAO,MAAM,EAAE,qCAEoB,CAAC;AAEpC,eAAO,MAAM,OAAO,gCAEU,CAAC"}
|
|
@@ -8,3 +8,4 @@ export declare const TH: React.ComponentType<ViewProps>;
|
|
|
8
8
|
export declare const TR: React.ComponentType<ViewProps>;
|
|
9
9
|
export declare const TD: React.ComponentType<ViewProps>;
|
|
10
10
|
export declare const Caption: React.ComponentType<ViewProps>;
|
|
11
|
+
//# sourceMappingURL=Table.web.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.web.d.ts","sourceRoot":"","sources":["../../src/elements/Table.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQ/C,eAAO,MAAM,KAAK,gCAAqC,CAAC;AAGxD,eAAO,MAAM,KAAK,gCAAqC,CAAC;AAGxD,eAAO,MAAM,KAAK,gCAAqC,CAAC;AAGxD,eAAO,MAAM,KAAK,gCAAqC,CAAC;AAGxD,eAAO,MAAM,EAAE,gCAAkC,CAAC;AAGlD,eAAO,MAAM,EAAE,gCAAkC,CAAC;AAGlD,eAAO,MAAM,EAAE,gCAAkC,CAAC;AAGlD,eAAO,MAAM,OAAO,gCAAuC,CAAC"}
|
package/build/elements/Text.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/elements/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,eAAO,MAAM,CAAC,gCAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,gCAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,gCAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,gCAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,iCAMiB,CAAC;AAEhC,eAAO,MAAM,UAAU,sCAEa,CAAC;AAErC,eAAO,MAAM,EAAE,gCAEe,CAAC;AAE/B,eAAO,MAAM,IAAI,gCAEa,CAAC;AAE/B,eAAO,MAAM,IAAI,gCAEa,CAAC;AAM/B,aAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtC,eAAO,MAAM,GAAG,+BAKa,CAAC;AAG9B,eAAO,MAAM,IAAI,gCAEa,CAAC;AAE/B,eAAO,MAAM,MAAM,gCAAI,CAAC;AACxB,eAAO,MAAM,GAAG,gCAAI,CAAC;AACrB,eAAO,MAAM,EAAE,gCAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../src/elements/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,oBAAY,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEhF,oBAAY,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAErF,oBAAY,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAAC,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnF,oBAAY,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAC7C,SAAS,GAAG;IACV,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_Text.web.d.ts","sourceRoot":"","sources":["../../src/elements/_Text.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,eAAO,MAAM,CAAC,0BAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,0BAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,0BAEgB,CAAC;AAE/B,eAAO,MAAM,GAAG,0BAEc,CAAC;AAE/B,eAAO,MAAM,MAAM,0BAEW,CAAC;AAE/B,eAAO,MAAM,CAAC,0BAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,2BAEiB,CAAC;AAEhC,eAAO,MAAM,UAAU,gCAEa,CAAC;AAErC,eAAO,MAAM,EAAE,0BAEe,CAAC;AAE/B,eAAO,MAAM,EAAE,0BAEe,CAAC;AAE/B,eAAO,MAAM,KAAK,0BAEY,CAAC;AAE/B,eAAO,MAAM,IAAI,0BAEa,CAAC;AAE/B,eAAO,MAAM,IAAI,0BAEa,CAAC;AAE/B,eAAO,MAAM,IAAI,0BAEa,CAAC;AAE/B,eAAO,MAAM,GAAG,0BAEc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RNWView.d.ts","sourceRoot":"","sources":["../../src/primitives/RNWView.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAmBzE;;;;GAIG;AAGH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CA8D3E,CAAC;AAyBF,eAAe,IAAI,CAAC"}
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import * as React from 'react';
|
|
10
10
|
import StyleSheet from 'react-native-web/dist/exports/StyleSheet';
|
|
11
|
-
import css from 'react-native-web/dist/exports/StyleSheet/css';
|
|
12
11
|
import TextAncestorContext from 'react-native-web/dist/exports/Text/TextAncestorContext';
|
|
13
12
|
import createElement from 'react-native-web/dist/exports/createElement';
|
|
14
13
|
import * as forwardedProps from 'react-native-web/dist/modules/forwardedProps';
|
|
@@ -65,7 +64,6 @@ const View = React.forwardRef((props, forwardedRef) => {
|
|
|
65
64
|
// @ts-ignore: untyped
|
|
66
65
|
props.style);
|
|
67
66
|
const supportedProps = pickProps(props);
|
|
68
|
-
supportedProps.classList = classList;
|
|
69
67
|
supportedProps.style = style;
|
|
70
68
|
const platformMethodsRef = usePlatformMethods(supportedProps);
|
|
71
69
|
const setRef = useMergeRefs(hostRef, platformMethodsRef, forwardedRef);
|
|
@@ -73,7 +71,7 @@ const View = React.forwardRef((props, forwardedRef) => {
|
|
|
73
71
|
return createElement(__element, supportedProps);
|
|
74
72
|
});
|
|
75
73
|
View.displayName = 'View';
|
|
76
|
-
const
|
|
74
|
+
const styles = StyleSheet.create({
|
|
77
75
|
view: {
|
|
78
76
|
alignItems: 'stretch',
|
|
79
77
|
border: '0 solid black',
|
|
@@ -89,9 +87,6 @@ const classes = css.create({
|
|
|
89
87
|
position: 'relative',
|
|
90
88
|
zIndex: 0,
|
|
91
89
|
},
|
|
92
|
-
});
|
|
93
|
-
const classList = [classes.view];
|
|
94
|
-
const styles = StyleSheet.create({
|
|
95
90
|
inline: {
|
|
96
91
|
display: 'inline-flex',
|
|
97
92
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RNWView.js","sourceRoot":"","sources":["../../src/primitives/RNWView.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,0CAA0C,CAAC;AAClE,OAAO,
|
|
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 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.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 styles = StyleSheet.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 inline: {\n display: 'inline-flex',\n },\n});\n\nexport default View;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/primitives/Table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,aAAK,eAAe,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,eAAe,CAAC,OAAO,IAAI,CAAC,CAAC;AAElF,oBAAY,cAAc,GAAG,eAAe,GAAG;IAC7C,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,SAAS,+BAAwC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/primitives/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,IAAI,IAAI,UAAU,EAClB,SAAS,IAAI,eAAe,EAC7B,MAAM,cAAc,CAAC;AAItB,aAAK,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG,eAAe,CAAC,OAAO,UAAU,CAAC,CAAC;AAE9F,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;IAChD,sCAAsC;IACtC,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;IACpD,oBAAoB;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oBAAY,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,YAAY,CAAC,GAAG,YAAY,CAAC;AAExF,oBAAY,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,UAAU,GAAG,iBAAiB,CAAC;CACpD,CAAC;AAEF,oBAAY,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,mBAAmB,CAAC,GAAG,YAAY,CAAC;AAE5F,QAAA,MAAM,IAAI,0BAAyC,CAAC;AAEpD,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../src/primitives/View.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@expo/html-elements",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "0.2.1",
|
|
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",
|
|
@@ -31,12 +31,12 @@
|
|
|
31
31
|
},
|
|
32
32
|
"author": "650 Industries, Inc.",
|
|
33
33
|
"license": "MIT",
|
|
34
|
-
"homepage": "https://github.com/expo/expo/tree/
|
|
34
|
+
"homepage": "https://github.com/expo/expo/tree/main/packages/html-elements",
|
|
35
35
|
"jest": {
|
|
36
36
|
"preset": "expo-module-scripts/enzyme"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"expo-module-scripts": "^
|
|
39
|
+
"expo-module-scripts": "^3.0.0"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "957cf0793ac316152e694cbe352953e07bffcb45"
|
|
42
42
|
}
|
package/tsconfig.json
CHANGED