New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@expo/html-elements

Package Overview
Dependencies
Maintainers
25
Versions
91
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@expo/html-elements - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

build/primitives/RNWView.d.ts

13

build/elements/_Text.web.d.ts
import { ComponentType } from 'react';
import { TextProps } from '../primitives/Text';
import { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';
export declare const P: ComponentType<TextProps>;

@@ -9,8 +10,4 @@ export declare const B: ComponentType<TextProps>;

export declare const I: ComponentType<TextProps>;
export declare const Q: ComponentType<import("react").PropsWithChildren<Pick<import("react-native").TextProps & import("react").ClassAttributes<typeof import("react-native").Text>, "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref"> & import("../primitives/Text").WebTextProps & {
cite?: string | undefined;
}>>;
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" | "focusable" | "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"> & {
cite?: string | undefined;
}>>;
export declare const Q: ComponentType<QuoteProps>;
export declare const BlockQuote: ComponentType<BlockQuoteProps>;
export declare const EM: ComponentType<TextProps>;

@@ -21,5 +18,3 @@ export declare const BR: ComponentType<TextProps>;

export declare const Code: ComponentType<TextProps>;
export declare const Time: ComponentType<import("react").PropsWithChildren<Pick<import("react-native").TextProps & import("react").ClassAttributes<typeof import("react-native").Text>, "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref"> & import("../primitives/Text").WebTextProps & {
dateTime?: string | undefined;
}>>;
export declare const Time: ComponentType<TimeProps>;
export declare const Pre: ComponentType<TextProps>;
import React from 'react';
export declare const A: React.ComponentType<React.PropsWithChildren<Pick<import("react-native").TextProps & React.ClassAttributes<typeof import("react-native").Text>, "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref"> & import("../primitives/Text").WebTextProps & {
href?: string | undefined;
target?: string | undefined;
}>>;
import { LinkProps } from './Text.types';
export declare const A: React.ComponentType<LinkProps>;

@@ -11,3 +11,3 @@ import React, { forwardRef } from 'react';

default: {
onPress: event => {
onPress: (event) => {
props.onPress && props.onPress(event);

@@ -20,4 +20,4 @@ if (Platform.OS !== 'web' && href !== undefined) {

});
return React.createElement(Text, Object.assign({ accessibilityRole: "link" }, props, nativeProps, { ref: ref }));
return React.createElement(Text, { accessibilityRole: "link", ...props, ...nativeProps, ref: ref });
});
//# sourceMappingURL=Anchor.js.map

@@ -13,3 +13,3 @@ import React, { forwardRef } from 'react';

return forwardRef((props, ref) => {
return (React.createElement(Text, Object.assign({}, nativeProps, { accessibilityRole: "header" }, props, { style: [styles[`h${level}`], props.style], ref: ref })));
return (React.createElement(Text, { ...nativeProps, accessibilityRole: "header", ...props, style: [styles[`h${level}`], props.style], ref: ref }));
});

@@ -16,0 +16,0 @@ }

@@ -6,3 +6,3 @@ import React, { forwardRef } from 'react';

return forwardRef((props, ref) => {
return React.createElement(View, Object.assign({}, nativeProps, props, { ref: ref }));
return React.createElement(View, { ...nativeProps, ...props, ref: ref });
});

@@ -44,4 +44,4 @@ }

export const Section = createView({
accessibilityRole: 'summary',
accessibilityRole: 'summary', // region?
});
//# sourceMappingURL=Layout.js.map

@@ -5,2 +5,4 @@ import React from 'react';

export declare const UL: React.ComponentType<ViewProps>;
export declare const LI: React.ComponentType<TextProps | ViewProps>;
declare type LIProps = TextProps | ViewProps;
export declare const LI: React.ComponentType<LIProps>;
export {};

@@ -7,3 +7,3 @@ import React, { forwardRef } from 'react';

return forwardRef((props, ref) => {
return React.createElement(View, Object.assign({}, nativeProps, props, { ref: ref }));
return React.createElement(View, { ...nativeProps, ...props, ref: ref });
});

@@ -26,3 +26,3 @@ }

});
return React.createElement(Text, Object.assign({}, props, { accessibilityRole: accessibilityRole, ref: ref }));
return React.createElement(Text, { ...props, accessibilityRole: accessibilityRole, ref: ref });
}

@@ -33,4 +33,4 @@ const accessibilityRole = Platform.select({

});
return React.createElement(View, Object.assign({}, props, { accessibilityRole: accessibilityRole, ref: ref }));
return React.createElement(View, { ...props, accessibilityRole: accessibilityRole, ref: ref });
});
//# sourceMappingURL=Lists.js.map

@@ -5,3 +5,3 @@ import React, { forwardRef } from 'react';

export const HR = forwardRef((props, ref) => {
return React.createElement(View, Object.assign({}, props, { style: [styles.hr, props.style], ref: ref }));
return React.createElement(View, { ...props, style: [styles.hr, props.style], ref: ref });
});

@@ -8,0 +8,0 @@ const styles = StyleSheet.create({

@@ -8,24 +8,24 @@ import React, { forwardRef } from 'react';

export const Table = forwardRef((props, ref) => {
return React.createElement(View, Object.assign({}, props, { ref: ref }));
return React.createElement(View, { ...props, ref: ref });
});
export const THead = forwardRef((props, ref) => {
return React.createElement(View, Object.assign({}, props, { ref: ref }));
return React.createElement(View, { ...props, ref: ref });
});
export const TBody = forwardRef((props, ref) => {
return React.createElement(View, Object.assign({}, props, { ref: ref }));
return React.createElement(View, { ...props, ref: ref });
});
export const TFoot = forwardRef((props, ref) => {
return React.createElement(View, Object.assign({}, props, { ref: ref }));
return React.createElement(View, { ...props, ref: ref });
});
export const TH = forwardRef((props, ref) => {
return React.createElement(TableText, Object.assign({}, props, { style: [styles.th, props.style], ref: ref }));
return React.createElement(TableText, { ...props, style: [styles.th, props.style], ref: ref });
});
export const TR = forwardRef((props, ref) => {
return React.createElement(View, Object.assign({}, props, { style: [styles.tr, props.style], ref: ref }));
return React.createElement(View, { ...props, style: [styles.tr, props.style], ref: ref });
});
export const TD = forwardRef((props, ref) => {
return React.createElement(TableText, Object.assign({}, props, { style: [styles.td, props.style], ref: ref }));
return React.createElement(TableText, { ...props, style: [styles.td, props.style], ref: ref });
});
export const Caption = forwardRef((props, ref) => {
return React.createElement(Text, Object.assign({}, props, { style: [styles.caption, props.style], ref: ref }));
return React.createElement(Text, { ...props, style: [styles.caption, props.style], ref: ref });
});

@@ -32,0 +32,0 @@ const styles = StyleSheet.create({

@@ -1,12 +0,10 @@

import { ComponentType } from 'react';
import { TableTextProps } from '../primitives/Table';
import { TextProps } from '../primitives/Text';
import React from 'react';
import { ViewProps } from '../primitives/View';
export declare const Table: ComponentType<ViewProps>;
export declare const THead: ComponentType<ViewProps>;
export declare const TBody: ComponentType<ViewProps>;
export declare const TFoot: ComponentType<ViewProps>;
export declare const TH: ComponentType<TableTextProps>;
export declare const TR: ComponentType<ViewProps>;
export declare const TD: ComponentType<TableTextProps>;
export declare const Caption: ComponentType<TextProps>;
export declare const Table: React.ComponentType<ViewProps>;
export declare const THead: React.ComponentType<ViewProps>;
export declare const TBody: React.ComponentType<ViewProps>;
export declare const TFoot: React.ComponentType<ViewProps>;
export declare const TH: React.ComponentType<ViewProps>;
export declare const TR: React.ComponentType<ViewProps>;
export declare const TD: React.ComponentType<ViewProps>;
export declare const Caption: React.ComponentType<ViewProps>;

@@ -1,34 +0,24 @@

import { forwardRef } from 'react';
import { StyleSheet } from 'react-native';
import createElement from 'react-native-web/dist/exports/createElement';
export const Table = forwardRef((props, ref) => {
return createElement('table', { ...props, style: [styles.reset, props.style], ref });
});
export const THead = forwardRef((props, ref) => {
return createElement('thead', { ...props, style: [styles.reset, props.style], ref });
});
export const TBody = forwardRef((props, ref) => {
return createElement('tbody', { ...props, style: [styles.reset, props.style], ref });
});
export const TFoot = forwardRef((props, ref) => {
return createElement('tfoot', { ...props, style: [styles.reset, props.style], ref });
});
export const TH = forwardRef((props, ref) => {
return createElement('th', { ...props, style: [styles.reset, props.style], ref });
});
export const TR = forwardRef((props, ref) => {
return createElement('tr', { ...props, style: [styles.reset, props.style], ref });
});
export const TD = forwardRef((props, ref) => {
return createElement('td', { ...props, style: [styles.reset, props.style], ref });
});
export const Caption = forwardRef((props, ref) => {
return createElement('caption', { ...props, style: [styles.reset, props.style], ref });
});
const styles = StyleSheet.create({
reset: {
fontFamily: 'System',
padding: 0,
},
});
import React, { forwardRef } from 'react';
import View from '../primitives/RNWView';
function createView(nativeProps) {
return forwardRef((props, ref) => {
return React.createElement(View, { ...nativeProps, ...props, ref: ref });
});
}
export const Table = createView({ __element: 'table' });
Table.displayName = 'Table';
export const THead = createView({ __element: 'thead' });
THead.displayName = 'THead';
export const TBody = createView({ __element: 'tbody' });
TBody.displayName = 'TBody';
export const TFoot = createView({ __element: 'tfoot' });
TFoot.displayName = 'TFoot';
export const TH = createView({ __element: 'th' });
TH.displayName = 'TH';
export const TR = createView({ __element: 'tr' });
TR.displayName = 'TR';
export const TD = createView({ __element: 'td' });
TD.displayName = 'TD';
export const Caption = createView({ __element: 'caption' });
Caption.displayName = 'Caption';
//# sourceMappingURL=Table.web.js.map
import React from 'react';
import { TextProps } from '../primitives/Text';
import { ViewProps } from '../primitives/View';
import { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';
export declare const P: React.ComponentType<TextProps>;

@@ -8,8 +9,4 @@ export declare const B: React.ComponentType<TextProps>;

export declare const I: React.ComponentType<TextProps>;
export declare const Q: React.ComponentType<React.PropsWithChildren<Pick<import("react-native").TextProps & React.ClassAttributes<typeof import("react-native").Text>, "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref"> & import("../primitives/Text").WebTextProps & {
cite?: string | undefined;
}>>;
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" | "focusable" | "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"> & {
cite?: string | undefined;
}>>;
export declare const Q: React.ComponentType<QuoteProps>;
export declare const BlockQuote: React.ComponentType<BlockQuoteProps>;
export declare const BR: React.ComponentType<TextProps>;

@@ -20,5 +17,3 @@ export declare const Mark: React.ComponentType<TextProps>;

export declare const Pre: React.ComponentType<PreProps>;
export declare const Time: React.ComponentType<React.PropsWithChildren<Pick<import("react-native").TextProps & React.ClassAttributes<typeof import("react-native").Text>, "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref"> & import("../primitives/Text").WebTextProps & {
dateTime?: string | undefined;
}>>;
export declare const Time: React.ComponentType<TimeProps>;
export declare const Strong: React.ComponentType<TextProps>;

@@ -25,0 +20,0 @@ export declare const Del: React.ComponentType<TextProps>;

@@ -7,15 +7,15 @@ import React, { forwardRef } from 'react';

export const P = forwardRef(({ style, ...props }, ref) => {
return React.createElement(Text, Object.assign({}, props, { style: [styles.p, style], ref: ref }));
return React.createElement(Text, { ...props, style: [styles.p, style], ref: ref });
});
export const B = forwardRef(({ style, ...props }, ref) => {
return React.createElement(Text, Object.assign({}, props, { style: [styles.b, style], ref: ref }));
return React.createElement(Text, { ...props, style: [styles.b, style], ref: ref });
});
export const S = forwardRef(({ style, ...props }, ref) => {
return React.createElement(Text, Object.assign({}, props, { style: [styles.s, style], ref: ref }));
return React.createElement(Text, { ...props, style: [styles.s, style], ref: ref });
});
export const I = forwardRef(({ style, ...props }, ref) => {
return React.createElement(Text, Object.assign({}, props, { style: [styles.i, style], ref: ref }));
return React.createElement(Text, { ...props, style: [styles.i, style], ref: ref });
});
export const Q = forwardRef(({ children, cite, style, ...props }, ref) => {
return (React.createElement(Text, Object.assign({}, props, { style: [styles.q, style], ref: ref }),
return (React.createElement(Text, { ...props, style: [styles.q, style], ref: ref },
"\"",

@@ -26,12 +26,12 @@ children,

export const BlockQuote = forwardRef(({ style, cite, ...props }, ref) => {
return React.createElement(View, Object.assign({}, props, { style: [styles.blockQuote, style], ref: ref }));
return React.createElement(View, { ...props, style: [styles.blockQuote, style], ref: ref });
});
export const BR = forwardRef(({ style, ...props }, ref) => {
return React.createElement(Text, Object.assign({}, props, { style: [styles.br, style], ref: ref }));
return React.createElement(Text, { ...props, style: [styles.br, style], ref: ref });
});
export const Mark = forwardRef(({ style, ...props }, ref) => {
return React.createElement(Text, Object.assign({}, props, { style: [styles.mark, style], ref: ref }));
return React.createElement(Text, { ...props, style: [styles.mark, style], ref: ref });
});
export const Code = forwardRef(({ style, ...props }, ref) => {
return React.createElement(Text, Object.assign({}, props, { style: [styles.code, style], ref: ref }));
return React.createElement(Text, { ...props, style: [styles.code, style], ref: ref });
});

@@ -43,9 +43,9 @@ function isTextProps(props) {

if (isTextProps(props)) {
return React.createElement(Text, Object.assign({}, props, { style: [styles.code, styles.pre, props.style], ref: ref }));
return React.createElement(Text, { ...props, style: [styles.code, styles.pre, props.style], ref: ref });
}
return React.createElement(View, Object.assign({}, props, { style: [styles.pre, props.style], ref: ref }));
return React.createElement(View, { ...props, style: [styles.pre, props.style], ref: ref });
});
// Extract dateTime to prevent passing it to the native Text element
export const Time = forwardRef(({ dateTime, ...props }, ref) => {
return React.createElement(Text, Object.assign({}, props, { ref: ref }));
return React.createElement(Text, { ...props, ref: ref });
});

@@ -52,0 +52,0 @@ export const Strong = B;

{
"name": "@expo/html-elements",
"version": "0.0.2",
"version": "0.0.3",
"description": "Universal semantic HTML React components for iOS, Android, web, and desktop",

@@ -41,3 +41,3 @@ "main": "build/Elements.js",

},
"gitHead": "5b57d1fd0a20294c1dec7c43b5df34dd6425d1a5"
"gitHead": "1fffde73411ee7a642b98f1506a8de921805d52b"
}

@@ -108,3 +108,3 @@ <h1 align="center">@expo/html-elements</h1>

| `<button />` | `<Button />` | `react-native` |
| `<input type="text" />` | `<TextView />` | `react-native` |
| `<input type="text" />` | `<TextInput />` | `react-native` |
| `<input type="file" />` | `ImagePicker` | [`expo-image-picker`][ex-ipick] |

@@ -111,0 +111,0 @@ | `<input type="file" />` | `DocumentPicker` | [`expo-document-picker`][ex-dpick] |

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc