You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
10 KiB
1 line
10 KiB
{"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nvar _excluded = [\"style\", \"mode\", \"edges\"];\nfunction _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nimport * as React from 'react';\nimport View from \"react-native-web/dist/exports/View\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { useSafeAreaInsets } from \"./SafeAreaContext\";\nvar TOP = 8,\n RIGHT = 4,\n BOTTOM = 2,\n LEFT = 1,\n ALL = 15;\nvar edgeBitmaskMap = {\n top: TOP,\n right: RIGHT,\n bottom: BOTTOM,\n left: LEFT\n};\nexport function SafeAreaView(_ref) {\n var _ref$style = _ref.style,\n style = _ref$style === void 0 ? {} : _ref$style,\n mode = _ref.mode,\n edges = _ref.edges,\n rest = _objectWithoutProperties(_ref, _excluded);\n var insets = useSafeAreaInsets();\n var edgeBitmask = edges != null ? edges.reduce(function (accum, edge) {\n return accum | edgeBitmaskMap[edge];\n }, 0) : ALL;\n var appliedStyle = React.useMemo(function () {\n var insetTop = edgeBitmask & TOP ? insets.top : 0;\n var insetRight = edgeBitmask & RIGHT ? insets.right : 0;\n var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;\n var insetLeft = edgeBitmask & LEFT ? insets.left : 0;\n var flatStyle = StyleSheet.flatten(style);\n if (mode === 'margin') {\n var _flatStyle$margin = flatStyle.margin,\n margin = _flatStyle$margin === void 0 ? 0 : _flatStyle$margin,\n _flatStyle$marginVert = flatStyle.marginVertical,\n marginVertical = _flatStyle$marginVert === void 0 ? margin : _flatStyle$marginVert,\n _flatStyle$marginHori = flatStyle.marginHorizontal,\n marginHorizontal = _flatStyle$marginHori === void 0 ? margin : _flatStyle$marginHori,\n _flatStyle$marginTop = flatStyle.marginTop,\n marginTop = _flatStyle$marginTop === void 0 ? marginVertical : _flatStyle$marginTop,\n _flatStyle$marginRigh = flatStyle.marginRight,\n marginRight = _flatStyle$marginRigh === void 0 ? marginHorizontal : _flatStyle$marginRigh,\n _flatStyle$marginBott = flatStyle.marginBottom,\n marginBottom = _flatStyle$marginBott === void 0 ? marginVertical : _flatStyle$marginBott,\n _flatStyle$marginLeft = flatStyle.marginLeft,\n marginLeft = _flatStyle$marginLeft === void 0 ? marginHorizontal : _flatStyle$marginLeft;\n var marginStyle = {\n marginTop: marginTop + insetTop,\n marginRight: marginRight + insetRight,\n marginBottom: marginBottom + insetBottom,\n marginLeft: marginLeft + insetLeft\n };\n return [style, marginStyle];\n } else {\n var _flatStyle$padding = flatStyle.padding,\n padding = _flatStyle$padding === void 0 ? 0 : _flatStyle$padding,\n _flatStyle$paddingVer = flatStyle.paddingVertical,\n paddingVertical = _flatStyle$paddingVer === void 0 ? padding : _flatStyle$paddingVer,\n _flatStyle$paddingHor = flatStyle.paddingHorizontal,\n paddingHorizontal = _flatStyle$paddingHor === void 0 ? padding : _flatStyle$paddingHor,\n _flatStyle$paddingTop = flatStyle.paddingTop,\n paddingTop = _flatStyle$paddingTop === void 0 ? paddingVertical : _flatStyle$paddingTop,\n _flatStyle$paddingRig = flatStyle.paddingRight,\n paddingRight = _flatStyle$paddingRig === void 0 ? paddingHorizontal : _flatStyle$paddingRig,\n _flatStyle$paddingBot = flatStyle.paddingBottom,\n paddingBottom = _flatStyle$paddingBot === void 0 ? paddingVertical : _flatStyle$paddingBot,\n _flatStyle$paddingLef = flatStyle.paddingLeft,\n paddingLeft = _flatStyle$paddingLef === void 0 ? paddingHorizontal : _flatStyle$paddingLef;\n var paddingStyle = {\n paddingTop: paddingTop + insetTop,\n paddingRight: paddingRight + insetRight,\n paddingBottom: paddingBottom + insetBottom,\n paddingLeft: paddingLeft + insetLeft\n };\n return [style, paddingStyle];\n }\n }, [style, insets, mode, edgeBitmask]);\n return React.createElement(View, _extends({\n style: appliedStyle\n }, rest));\n}","map":{"version":3,"sources":["SafeAreaView.web.tsx"],"names":["React","useSafeAreaInsets","TOP","RIGHT","BOTTOM","LEFT","ALL","edgeBitmaskMap","top","right","bottom","left","SafeAreaView","style","mode","edges","rest","insets","edgeBitmask","reduce","accum","edge","appliedStyle","useMemo","insetTop","insetRight","insetBottom","insetLeft","flatStyle","StyleSheet","flatten","margin","marginVertical","marginHorizontal","marginTop","marginRight","marginBottom","marginLeft","marginStyle","padding","paddingVertical","paddingHorizontal","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingStyle"],"mappings":"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","sourceRoot":"../../src","sourcesContent":["function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { useSafeAreaInsets } from './SafeAreaContext';\n// prettier-ignore\nconst TOP = 0b1000,\n RIGHT = 0b0100,\n BOTTOM = 0b0010,\n LEFT = 0b0001,\n ALL = 0b1111;\n\n/* eslint-disable no-bitwise */\n\nconst edgeBitmaskMap = {\n top: TOP,\n right: RIGHT,\n bottom: BOTTOM,\n left: LEFT\n};\nexport function SafeAreaView(_ref) {\n let {\n style = {},\n mode,\n edges,\n ...rest\n } = _ref;\n const insets = useSafeAreaInsets();\n const edgeBitmask = edges != null ? edges.reduce((accum, edge) => accum | edgeBitmaskMap[edge], 0) : ALL;\n const appliedStyle = React.useMemo(() => {\n const insetTop = edgeBitmask & TOP ? insets.top : 0;\n const insetRight = edgeBitmask & RIGHT ? insets.right : 0;\n const insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;\n const insetLeft = edgeBitmask & LEFT ? insets.left : 0;\n const flatStyle = StyleSheet.flatten(style);\n if (mode === 'margin') {\n const {\n margin = 0,\n marginVertical = margin,\n marginHorizontal = margin,\n marginTop = marginVertical,\n marginRight = marginHorizontal,\n marginBottom = marginVertical,\n marginLeft = marginHorizontal\n } = flatStyle;\n const marginStyle = {\n marginTop: marginTop + insetTop,\n marginRight: marginRight + insetRight,\n marginBottom: marginBottom + insetBottom,\n marginLeft: marginLeft + insetLeft\n };\n return [style, marginStyle];\n } else {\n const {\n padding = 0,\n paddingVertical = padding,\n paddingHorizontal = padding,\n paddingTop = paddingVertical,\n paddingRight = paddingHorizontal,\n paddingBottom = paddingVertical,\n paddingLeft = paddingHorizontal\n } = flatStyle;\n const paddingStyle = {\n paddingTop: paddingTop + insetTop,\n paddingRight: paddingRight + insetRight,\n paddingBottom: paddingBottom + insetBottom,\n paddingLeft: paddingLeft + insetLeft\n };\n return [style, paddingStyle];\n }\n }, [style, insets, mode, edgeBitmask]);\n return /*#__PURE__*/React.createElement(View, _extends({\n style: appliedStyle\n }, rest));\n}\n//# sourceMappingURL=SafeAreaView.web.js.map"]},"metadata":{},"sourceType":"module"} |