@hanzogui/react-native-web-lite 8.3.1 → 8.3.2

package/dist/cjs/TouchableOpacity.js

@@ -0,0 +1,100 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+'use strict';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchableOpacity = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const react_native_web_internals_1 = require("@hanzogui/react-native-web-internals");
+const index_tsx_1 = require("./View/index.js");
+/**
+ * A wrapper for making views respond properly to touches.
+ * On press down, the opacity of the wrapped view is decreased, dimming it.
+ */
+function TouchableOpacityImpl(props, forwardedRef) {
+    const { activeOpacity, delayPressIn, delayPressOut, delayLongPress, disabled, focusable, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination, style, ...rest } = props;
+    const hostRef = (0, react_1.useRef)(null);
+    const setRef = (0, react_native_web_internals_1.useMergeRefs)(forwardedRef, hostRef);
+    const [duration, setDuration] = (0, react_1.useState)('0s');
+    const [opacityOverride, setOpacityOverride] = (0, react_1.useState)(null);
+    const setOpacityTo = (0, react_1.useCallback)((value, duration) => {
+        setOpacityOverride(value);
+        setDuration(duration ? `${duration / 1000}s` : '0s');
+    }, [setOpacityOverride, setDuration]);
+    const setOpacityActive = (0, react_1.useCallback)((duration) => {
+        setOpacityTo(activeOpacity ?? 0.2, duration);
+    }, [activeOpacity, setOpacityTo]);
+    const setOpacityInactive = (0, react_1.useCallback)((duration) => {
+        setOpacityTo(null, duration);
+    }, [setOpacityTo]);
+    const pressConfig = (0, react_1.useMemo)(() => ({
+        cancelable: !rejectResponderTermination,
+        disabled,
+        delayLongPress,
+        delayPressStart: delayPressIn,
+        delayPressEnd: delayPressOut,
+        onLongPress,
+        onPress,
+        onPressStart(event) {
+            const isGrant = event.dispatchConfig != null
+                ? event.dispatchConfig.registrationName === 'onResponderGrant'
+                : event.type === 'keydown';
+            setOpacityActive(isGrant ? 0 : 150);
+            if (onPressIn != null) {
+                onPressIn(event);
+            }
+        },
+        onPressEnd(event) {
+            setOpacityInactive(250);
+            if (onPressOut != null) {
+                onPressOut(event);
+            }
+        },
+    }), [
+        delayLongPress,
+        delayPressIn,
+        delayPressOut,
+        disabled,
+        onLongPress,
+        onPress,
+        onPressIn,
+        onPressOut,
+        rejectResponderTermination,
+        setOpacityActive,
+        setOpacityInactive,
+    ]);
+    const pressEventHandlers = (0, react_native_web_internals_1.usePressEvents)(hostRef, pressConfig);
+    return ((0, jsx_runtime_1.jsx)(index_tsx_1.View, { ...rest, ...pressEventHandlers, accessibilityDisabled: disabled, focusable: !disabled && focusable !== false, ref: setRef, style: [
+            styles.root,
+            !disabled && styles.actionable,
+            style,
+            opacityOverride != null && { opacity: opacityOverride },
+            { transitionDuration: duration },
+        ] }));
+}
+const styles = react_native_web_internals_1.StyleSheet.create({
+    root: {
+        transitionProperty: 'opacity',
+        transitionDuration: '0.15s',
+        userSelect: 'none',
+    },
+    actionable: {
+        cursor: 'pointer',
+        touchAction: 'manipulation',
+    },
+});
+exports.TouchableOpacity = React.memo(React.forwardRef(TouchableOpacityImpl));
+exports.TouchableOpacity.displayName = 'TouchableOpacity';
+// compat
+// @ts-ignore
+exports.TouchableOpacity.Mixin = {};
+//# sourceMappingURL=TouchableOpacity.js.map

package/dist/cjs/TouchableOpacity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableOpacity.js","sourceRoot":"","sources":["../../src/TouchableOpacity.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/TouchableWithoutFeedback.js

@@ -0,0 +1,73 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchableWithoutFeedback = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const react_native_web_internals_1 = require("@hanzogui/react-native-web-internals");
+const forwardPropsList = {
+    accessibilityDisabled: true,
+    accessibilityLabel: true,
+    accessibilityLiveRegion: true,
+    accessibilityRole: true,
+    accessibilityState: true,
+    accessibilityValue: true,
+    children: true,
+    disabled: true,
+    focusable: true,
+    nativeID: true,
+    onBlur: true,
+    onFocus: true,
+    onLayout: true,
+    testID: true,
+};
+const pickProps = (props) => (0, react_native_web_internals_1.pick)(props, forwardPropsList);
+function TouchableWithoutFeedbackImpl(props, forwardedRef) {
+    const { delayPressIn, delayPressOut, delayLongPress, disabled, focusable, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination, } = props;
+    const hostRef = (0, react_1.useRef)(null);
+    const pressConfig = (0, react_1.useMemo)(() => ({
+        cancelable: !rejectResponderTermination,
+        disabled,
+        delayLongPress,
+        delayPressStart: delayPressIn,
+        delayPressEnd: delayPressOut,
+        onLongPress,
+        onPress,
+        onPressStart: onPressIn,
+        onPressEnd: onPressOut,
+    }), [
+        disabled,
+        delayPressIn,
+        delayPressOut,
+        delayLongPress,
+        onLongPress,
+        onPress,
+        onPressIn,
+        onPressOut,
+        rejectResponderTermination,
+    ]);
+    const pressEventHandlers = (0, react_native_web_internals_1.usePressEvents)(hostRef, pressConfig);
+    const element = React.Children.only(props.children);
+    const children = [element.props.children];
+    const supportedProps = pickProps(props);
+    // @ts-ignore
+    supportedProps.accessibilityDisabled = disabled;
+    // @ts-ignore
+    supportedProps.focusable = !disabled && focusable !== false;
+    // @ts-ignore
+    supportedProps.ref = (0, react_native_web_internals_1.useMergeRefs)(forwardedRef, hostRef, element.ref);
+    const elementProps = Object.assign(supportedProps, pressEventHandlers);
+    return React.cloneElement(element, elementProps, ...children);
+}
+exports.TouchableWithoutFeedback = React.memo(React.forwardRef(TouchableWithoutFeedbackImpl));
+exports.TouchableWithoutFeedback.displayName = 'TouchableWithoutFeedback';
+//# sourceMappingURL=TouchableWithoutFeedback.js.map

package/dist/cjs/TouchableWithoutFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableWithoutFeedback.js","sourceRoot":"","sources":["../../src/TouchableWithoutFeedback.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;;;AAEH,MAAY,KAAK,0CAAa;AAC9B,iCAAuC;AACvC,qFAAyF;AAEzF,MAAM,gBAAgB,GAAG;IACvB,qBAAqB,EAAE,IAAI;IAC3B,kBAAkB,EAAE,IAAI;IACxB,uBAAuB,EAAE,IAAI;IAC7B,iBAAiB,EAAE,IAAI;IACvB,kBAAkB,EAAE,IAAI;IACxB,kBAAkB,EAAE,IAAI;IACxB,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;CACb,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,iCAAI,EAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;AAE1D,SAAS,4BAA4B,CAAC,KAAK,EAAE,YAAY;IACvD,MAAM,EACJ,YAAY,EACZ,aAAa,EACb,cAAc,EACd,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,SAAS,EACT,UAAU,EACV,0BAA0B,GAC3B,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAE5B,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC;QACL,UAAU,EAAE,CAAC,0BAA0B;QACvC,QAAQ;QACR,cAAc;QACd,eAAe,EAAE,YAAY;QAC7B,aAAa,EAAE,aAAa;QAC5B,WAAW;QACX,OAAO;QACP,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,UAAU;KACvB,CAAC,EACF;QACE,QAAQ;QACR,YAAY;QACZ,aAAa;QACb,cAAc;QACd,WAAW;QACX,OAAO;QACP,SAAS;QACT,UAAU;QACV,0BAA0B;KAC3B,CACF,CAAA;IAED,MAAM,kBAAkB,GAAG,IAAA,2CAAc,EAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAE/D,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACnD,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACzC,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IACvC,aAAa;IACb,cAAc,CAAC,qBAAqB,GAAG,QAAQ,CAAA;IAC/C,aAAa;IACb,cAAc,CAAC,SAAS,GAAG,CAAC,QAAQ,IAAI,SAAS,KAAK,KAAK,CAAA;IAC3D,aAAa;IACb,cAAc,CAAC,GAAG,GAAG,IAAA,yCAAY,EAAC,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IAErE,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAA;IAEtE,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC,CAAA;AAC/D,CAAC;AAEY,QAAA,wBAAwB,GAAG,KAAK,CAAC,IAAI,CAChD,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAC/C,CAAA;AACD,QAAA,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAA"}

package/dist/cjs/UnimplementedView.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnimplementedView = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const index_tsx_1 = require("./View/index.js");
+class UnimplementedView extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.setNativeProps = () => { };
+    }
+    render() {
+        if (process.env.NODE_ENV === 'development') {
+            console.warn(`Unimplemented view`);
+        }
+        return (0, jsx_runtime_1.jsx)(index_tsx_1.View, { ...this.props });
+    }
+}
+exports.UnimplementedView = UnimplementedView;
+//# sourceMappingURL=UnimplementedView.js.map

package/dist/cjs/UnimplementedView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnimplementedView.js","sourceRoot":"","sources":["../../src/UnimplementedView.tsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AAEzB,+CAAuC;AAEvC,uBAA+B,SAAQ,eAAK,CAAC,SAAS;IAAtD;;QACE,mBAAc,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;IAO3B,CAAC;IANC,MAAM;QACJ,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;YAC3C,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;QACpC,CAAC;QACD,OAAO,uBAAC,gBAAI,OAAK,IAAI,CAAC,KAAK,GAAI,CAAA;IACjC,CAAC;CACF"}

package/dist/cjs/Vibration/index.js

@@ -0,0 +1,26 @@
+"use strict";
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Vibration = void 0;
+const vibrate = (pattern) => {
+    if ('vibrate' in window.navigator) {
+        window.navigator.vibrate(pattern);
+    }
+};
+exports.Vibration = {
+    cancel() {
+        vibrate(0);
+    },
+    vibrate(pattern = 400) {
+        vibrate(pattern);
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/Vibration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Vibration/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;;AAIH,MAAM,OAAO,GAAG,CAAC,OAAuB,EAAE,EAAE;IAC1C,IAAI,SAAS,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;QAClC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IACnC,CAAC;AACH,CAAC,CAAA;AAEY,QAAA,SAAS,GAAG;IACvB,MAAM;QACJ,OAAO,CAAC,CAAC,CAAC,CAAA;IACZ,CAAC;IACD,OAAO,CAAC,OAAO,GAAmB,GAAG;QACnC,OAAO,CAAC,OAAO,CAAC,CAAA;IAClB,CAAC;CACF,CAAA"}

package/dist/cjs/View/index.js

@@ -0,0 +1,92 @@
+"use strict";
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.View = void 0;
+const tslib_1 = require("tslib");
+const react_native_web_internals_1 = require("@hanzogui/react-native-web-internals");
+const React = tslib_1.__importStar(require("react"));
+const index_tsx_1 = require("../createElement/index.js");
+const pickProps = (props) => (0, react_native_web_internals_1.pick)(props, react_native_web_internals_1.forwardPropsListView);
+const View = React.forwardRef((props, forwardedRef) => {
+    const { hrefAttrs, onLayout, onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, ...rest } = props;
+    if (process.env.NODE_ENV !== 'production') {
+        React.Children.toArray(props.children).forEach((item) => {
+            if (typeof item === 'string') {
+                console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`);
+            }
+        });
+    }
+    const hasTextAncestor = React.useContext(react_native_web_internals_1.TextAncestorContext);
+    const hostRef = React.useRef(null);
+    const { direction: contextDirection } = (0, react_native_web_internals_1.useLocaleContext)();
+    (0, react_native_web_internals_1.useElementLayout)(hostRef, onLayout);
+    (0, react_native_web_internals_1.useResponderEvents)(hostRef, {
+        onMoveShouldSetResponder,
+        onMoveShouldSetResponderCapture,
+        onResponderEnd,
+        onResponderGrant,
+        onResponderMove,
+        onResponderReject,
+        onResponderRelease,
+        onResponderStart,
+        onResponderTerminate,
+        onResponderTerminationRequest,
+        onScrollShouldSetResponder,
+        onScrollShouldSetResponderCapture,
+        onSelectionChangeShouldSetResponder,
+        onSelectionChangeShouldSetResponderCapture,
+        onStartShouldSetResponder,
+        onStartShouldSetResponderCapture,
+    });
+    let component = 'div';
+    const langDirection = props.lang != null ? (0, react_native_web_internals_1.getLocaleDirection)(props.lang) : null;
+    const componentDirection = props.dir || langDirection;
+    const writingDirection = componentDirection || contextDirection;
+    const supportedProps = pickProps(rest);
+    supportedProps.dir = componentDirection;
+    supportedProps.style = [styles.view, hasTextAncestor && styles.inline, props.style];
+    if (props.href != null) {
+        component = 'a';
+        if (hrefAttrs != null) {
+            const { download, rel, target } = hrefAttrs;
+            if (download != null) {
+                supportedProps.download = download;
+            }
+            if (rel != null) {
+                supportedProps.rel = rel;
+            }
+            if (typeof target === 'string') {
+                supportedProps.target = target.charAt(0) !== '_' ? '_' + target : target;
+            }
+        }
+    }
+    const platformMethodsRef = (0, react_native_web_internals_1.usePlatformMethods)(supportedProps);
+    const setRef = (0, react_native_web_internals_1.useMergeRefs)(hostRef, platformMethodsRef, forwardedRef);
+    supportedProps.ref = setRef;
+    return (0, index_tsx_1.useCreateElement)(component, supportedProps, { writingDirection });
+});
+exports.View = View;
+View.displayName = 'View';
+const styles = {
+    view: {
+        alignItems: 'stretch',
+        boxSizing: 'border-box',
+        display: 'flex',
+        flexBasis: 'auto',
+        flexDirection: 'column',
+        flexShrink: 0,
+    },
+    inline: {
+        display: 'inline-flex',
+    },
+};
+exports.default = View;
+//# sourceMappingURL=index.js.map

package/dist/cjs/View/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/View/types.js

@@ -0,0 +1,12 @@
+"use strict";
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/View/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/View/types.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG"}

package/dist/cjs/VirtualizedList.js

@@ -0,0 +1,15 @@
+"use strict";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.VirtualizedList = void 0;
+const tslib_1 = require("tslib");
+var index_js_1 = require("./vendor/react-native/VirtualizedList/index.js");
+Object.defineProperty(exports, "VirtualizedList", { enumerable: true, get: function () { return tslib_1.__importDefault(index_js_1).default; } });
+var index_js_2 = require("./vendor/react-native/VirtualizedList/index.js");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return index_js_2.VirtualizedList; } });
+//# sourceMappingURL=VirtualizedList.js.map

package/dist/cjs/VirtualizedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedList.js","sourceRoot":"","sources":["../../src/VirtualizedList.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;;;;AAEH,2EAA2F;AAAlF,oIAAA,OAAO,OAAmB;AACnC,2EAA2F;AAAlF,mGAAA,eAAe,OAAW"}

package/dist/cjs/codegenNativeCommand.js

@@ -0,0 +1,9 @@
+"use strict";
+// compat with bad imports in native
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.codegenNativeCommand = codegenNativeCommand;
+function codegenNativeCommand() {
+    console.warn(`codegenNativeCommand on web is a no-op`);
+    return {};
+}
+//# sourceMappingURL=codegenNativeCommand.js.map

package/dist/cjs/codegenNativeCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codegenNativeCommand.js","sourceRoot":"","sources":["../../src/codegenNativeCommand.ts"],"names":[],"mappings":";AAAA,oCAAoC;;;AAEpC;IACE,OAAO,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAA;IACtD,OAAO,EAAE,CAAA;AACX,CAAC"}

package/dist/cjs/codegenNativeComponent.js

@@ -0,0 +1,9 @@
+"use strict";
+// compat with bad imports in native
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.codegenNativeComponent = codegenNativeComponent;
+function codegenNativeComponent() {
+    console.warn(`codegenNativeComponent on web is a no-op`);
+    return {};
+}
+//# sourceMappingURL=codegenNativeComponent.js.map

package/dist/cjs/codegenNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codegenNativeComponent.js","sourceRoot":"","sources":["../../src/codegenNativeComponent.ts"],"names":[],"mappings":";AAAA,oCAAoC;;;AAEpC;IACE,OAAO,CAAC,IAAI,CAAC,0CAA0C,CAAC,CAAA;IACxD,OAAO,EAAE,CAAA;AACX,CAAC"}

package/dist/cjs/createElement/index.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createElement = exports.useCreateElement = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ */
+const react_native_web_internals_1 = require("@hanzogui/react-native-web-internals");
+const web_1 = require("@hanzogui/web");
+const react_1 = tslib_1.__importStar(require("react"));
+// SSR safe create element
+const useCreateElement = (component, props, options) => {
+    const { element, styles } = createElementAndStyles(component, props, options);
+    const isHydrated = (0, web_1.useDidFinishSSR)();
+    // only for ssr
+    const styleTags = (0, react_1.useMemo)(() => {
+        return isHydrated || !styles ? null : (0, web_1.getStyleTags)(styles);
+    }, [
+    // never changes
+    ]);
+    // after that we insert
+    (0, react_1.useInsertionEffect)(() => {
+        if (!styles)
+            return;
+        const styleObj = {};
+        for (const style of styles) {
+            styleObj[style[0]] = style;
+        }
+        (0, web_1.insertStyleRules)(styleObj);
+    }, [styles]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [element, styleTags] }));
+};
+exports.useCreateElement = useCreateElement;
+const createElement = (component, props, options) => {
+    const { element, styles } = createElementAndStyles(component, props, options);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [element, styles ? (0, web_1.getStyleTags)(styles) : null] }));
+};
+exports.createElement = createElement;
+const createElementAndStyles = (component, props, options) => {
+    // Use equivalent platform elements where possible.
+    let accessibilityComponent;
+    if (component && component.constructor === String) {
+        accessibilityComponent = react_native_web_internals_1.AccessibilityUtil.propsToAccessibilityComponent(props);
+    }
+    const Component = accessibilityComponent || component;
+    const domProps = (0, react_native_web_internals_1.createDOMProps)(Component, props, options);
+    const styles = react_native_web_internals_1.stylesFromProps.get(domProps);
+    let element = react_1.default.createElement(Component, domProps);
+    // Update locale context if element's writing direction prop changes
+    const elementWithLocaleProvider = domProps.dir ? ((0, jsx_runtime_1.jsx)(react_native_web_internals_1.LocaleProvider, { direction: domProps.dir, locale: domProps.lang, children: element })) : (element);
+    return {
+        element: elementWithLocaleProvider,
+        styles,
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/createElement/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/createElement/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;GAOG;AAEH,qFAK6C;AAC7C,uCAKsB;AACtB,uDAA0D;AAE1D,0BAA0B;AACnB,MAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,OAAQ,EAAE,EAAE;IAC7D,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,sBAAsB,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;IAE7E,MAAM,UAAU,GAAG,IAAA,qBAAe,GAAE,CAAA;IAEpC,eAAe;IACf,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,OAAO,UAAU,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,kBAAY,EAAC,MAAM,CAAC,CAAA;IAC5D,CAAC,EAAE;IACD,gBAAgB;KACjB,CAAC,CAAA;IAEF,uBAAuB;IACvB,IAAA,0BAAkB,EAAC,GAAG,EAAE;QACtB,IAAI,CAAC,MAAM;YAAE,OAAM;QACnB,MAAM,QAAQ,GAAgC,EAAE,CAAA;QAChD,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;QAC5B,CAAC;QACD,IAAA,sBAAgB,EAAC,QAAQ,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,6DACG,OAAO,EACP,SAAS,IACT,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,gBAAgB,GAAhB,gBAAgB,CA4B5B;AAEM,MAAM,aAAa,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,OAAQ,EAAE,EAAE;IAC1D,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,sBAAsB,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;IAE7E,OAAO,CACL,6DACG,OAAO,EACP,MAAM,CAAC,CAAC,CAAC,IAAA,kBAAY,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IACpC,CACJ,CAAA;AACH,CAAC,CAAA;AATY,QAAA,aAAa,GAAb,aAAa,CASzB;AAED,MAAM,sBAAsB,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,OAAQ,EAAE,EAAE;IAC5D,mDAAmD;IACnD,IAAI,sBAAsB,CAAA;IAC1B,IAAI,SAAS,IAAI,SAAS,CAAC,WAAW,KAAK,MAAM,EAAE,CAAC;QAClD,sBAAsB,GAAG,8CAAiB,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAA;IACjF,CAAC;IACD,MAAM,SAAS,GAAG,sBAAsB,IAAI,SAAS,CAAA;IACrD,MAAM,QAAQ,GAAG,IAAA,2CAAc,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;IAE1D,MAAM,MAAM,GAAG,4CAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAE5C,IAAI,OAAO,GAAG,eAAK,CAAC,aAAa,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;IAEtD,oEAAoE;IACpE,MAAM,yBAAyB,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAC/C,uBAAC,2CAAc,IAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,IAAI,YAC3D,OAAO,GACO,CAClB,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAA;IAED,OAAO;QACL,OAAO,EAAE,yBAAyB;QAClC,MAAM;KACP,CAAA;AACH,CAAC,CAAA"}

package/dist/cjs/createReactDOMStyle.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createReactDOMStyle = void 0;
+const react_native_web_internals_1 = require("@hanzogui/react-native-web-internals");
+Object.defineProperty(exports, "createReactDOMStyle", { enumerable: true, get: function () { return react_native_web_internals_1.createReactDOMStyle; } });
+exports.default = react_native_web_internals_1.createReactDOMStyle;
+//# sourceMappingURL=createReactDOMStyle.js.map

package/dist/cjs/createReactDOMStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createReactDOMStyle.js","sourceRoot":"","sources":["../../src/createReactDOMStyle.ts"],"names":[],"mappings":";;;AAAA,qFAA0E;oGAAjE,gDAAmB;kBAGb,gDAAmB"}