UNPKG

create-expo-cljs-app

Version:

Create a react native application with Expo and Shadow-CLJS!

146 lines (132 loc) 6.45 kB
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } /** * Copyright (c) Nicolas Gallagher. * 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. * * */ import * as React from 'react'; import createElement from '../createElement'; import css from '../StyleSheet/css'; import * as forwardedProps from '../../modules/forwardedProps'; import pick from '../../modules/pick'; import useElementLayout from '../../modules/useElementLayout'; import useMergeRefs from '../../modules/useMergeRefs'; import usePlatformMethods from '../../modules/usePlatformMethods'; import useResponderEvents from '../../modules/useResponderEvents'; import StyleSheet from '../StyleSheet'; import TextAncestorContext from '../Text/TextAncestorContext'; var forwardPropsList = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, forwardedProps.defaultProps), forwardedProps.accessibilityProps), forwardedProps.clickProps), forwardedProps.focusProps), forwardedProps.keyboardProps), forwardedProps.mouseProps), forwardedProps.touchProps), forwardedProps.styleProps), {}, { href: true, lang: true, onScroll: true, onWheel: true, pointerEvents: true }); var pickProps = function pickProps(props) { return pick(props, forwardPropsList); }; var View = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) { var hrefAttrs = props.hrefAttrs, onLayout = props.onLayout, onMoveShouldSetResponder = props.onMoveShouldSetResponder, onMoveShouldSetResponderCapture = props.onMoveShouldSetResponderCapture, onResponderEnd = props.onResponderEnd, onResponderGrant = props.onResponderGrant, onResponderMove = props.onResponderMove, onResponderReject = props.onResponderReject, onResponderRelease = props.onResponderRelease, onResponderStart = props.onResponderStart, onResponderTerminate = props.onResponderTerminate, onResponderTerminationRequest = props.onResponderTerminationRequest, onScrollShouldSetResponder = props.onScrollShouldSetResponder, onScrollShouldSetResponderCapture = props.onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder = props.onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture = props.onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder = props.onStartShouldSetResponder, onStartShouldSetResponderCapture = props.onStartShouldSetResponderCapture; if (process.env.NODE_ENV !== 'production') { React.Children.toArray(props.children).forEach(function (item) { if (typeof item === 'string') { console.error("Unexpected text node: " + item + ". A text node cannot be a child of a <View>."); } }); } var hasTextAncestor = React.useContext(TextAncestorContext); var hostRef = React.useRef(null); useElementLayout(hostRef, onLayout); useResponderEvents(hostRef, { onMoveShouldSetResponder: onMoveShouldSetResponder, onMoveShouldSetResponderCapture: onMoveShouldSetResponderCapture, onResponderEnd: onResponderEnd, onResponderGrant: onResponderGrant, onResponderMove: onResponderMove, onResponderReject: onResponderReject, onResponderRelease: onResponderRelease, onResponderStart: onResponderStart, onResponderTerminate: onResponderTerminate, onResponderTerminationRequest: onResponderTerminationRequest, onScrollShouldSetResponder: onScrollShouldSetResponder, onScrollShouldSetResponderCapture: onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder: onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture: onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder: onStartShouldSetResponder, onStartShouldSetResponderCapture: onStartShouldSetResponderCapture }); var component = 'div'; var style = StyleSheet.compose(hasTextAncestor && styles.inline, props.style); var supportedProps = pickProps(props); supportedProps.classList = classList; supportedProps.style = style; if (props.href != null) { component = 'a'; if (hrefAttrs != null) { var download = hrefAttrs.download, rel = hrefAttrs.rel, target = hrefAttrs.target; if (download != null) { supportedProps.download = download; } if (rel != null) { supportedProps.rel = rel; } if (typeof target === 'string') { supportedProps.target = target.charAt(0) !== '_' ? '_' + target : target; } } } var platformMethodsRef = usePlatformMethods(supportedProps); var setRef = useMergeRefs(hostRef, platformMethodsRef, forwardedRef); supportedProps.ref = setRef; return createElement(component, supportedProps); }); View.displayName = 'View'; var classes = css.create({ view: { alignItems: 'stretch', border: '0 solid black', boxSizing: 'border-box', display: 'flex', flexBasis: 'auto', flexDirection: 'column', flexShrink: 0, margin: 0, minHeight: 0, minWidth: 0, padding: 0, position: 'relative', zIndex: 0 } }); var classList = [classes.view]; var styles = StyleSheet.create({ inline: { display: 'inline-flex' } }); export default View;