@hero-design/rn 7.1.3-alpha4 → 7.1.3-alpha7

package/types/src/components/Tabs/StyledTabs.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import { View, FlatList } from 'react-native';
+declare const TabScreen: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeVisibility?: boolean | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const TabContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const ContentWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeInsets: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledFlatList: new <T>() => FlatList<T>;
+declare const HeaderTabItem: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledHeaderTabIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeActive: boolean;
+}, {}, {}>;
+declare const StyledHeaderTabText: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeActive: boolean;
+}, {}, {}>;
+export { StyledFlatList, HeaderTabItem, TabScreen, TabContainer, HeaderTabWrapper, ContentWrapper, StyledHeaderTabIcon, StyledHeaderTabText, };

package/types/src/components/Tabs/index.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import { IconName } from '../Icon';
+export declare type TabType = {
+    key: string;
+    title: string;
+    icon: IconName;
+    component: ReactNode;
+    testID?: string;
+};
+interface TabsProps extends ViewProps {
+    /**
+     * Callback which is called on tab change, receiving id of upcoming active Tab.
+     */
+    onChange: (key: string) => void;
+    /**
+     * Whether inactive tabs should be removed and unmounted in React.
+     * Defaults to `false`.
+     */
+    renderActiveTabOnly?: boolean;
+    /**
+     * Current selected tab key.
+     */
+    selectedTabKey: string;
+    /**
+     * List of Tabs to be rendered. Each Tab must have an unique key.
+     */
+    tabs: {
+        key: string;
+        title: string;
+        icon: IconName;
+        component: ReactNode;
+        testID?: string;
+    }[];
+    /**
+     * Addditional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const Tabs: ({ onChange, renderActiveTabOnly, selectedTabKey, tabs, ...nativeProps }: TabsProps) => JSX.Element;
+export default Tabs;

package/types/src/components/Typography/Text/StyledText.d.ts

@@ -1,7 +1,13 @@
+/// <reference types="react" />
 import { Text } from 'react-native';
-declare const StyledText: import("styled-components").StyledComponent<typeof Text, import("../../../theme").Theme, {
+declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
     themeFontSize: 'small' | 'medium' | 'large' | 'xlarge';
     themeFontWeight: 'light' | 'regular' | 'semi-bold';
     themeIntent: 'body' | 'subdued' | 'primary';
-}, never>;
+}, {}, {
+    ref?: import("react").Ref<Text> | undefined;
+}>;
 export { StyledText };

package/types/src/index.d.ts

@@ -1,11 +1,14 @@
-import { ThemeProvider, useTheme } from 'styled-components-native';
+import { ThemeProvider, useTheme } from '@emotion/react';
 import theme, { getTheme } from './theme';
 import { scale } from './utils/scale';
 import Badge from './components/Badge';
 import BottomNavigation from './components/BottomNavigation';
+import Button from './components/Button';
 import Card from './components/Card';
 import Divider from './components/Divider';
+import FAB from './components/FAB';
 import Icon from './components/Icon';
+import Tabs from './components/Tabs';
 import Typography from './components/Typography';
-import FAB from './components/FAB';
-export { theme, getTheme, useTheme, scale, ThemeProvider, Badge, BottomNavigation, Card, Divider, Icon, Typography, FAB, };
+export { theme, getTheme, useTheme, scale, ThemeProvider, Badge, BottomNavigation, Button, Card, Divider, FAB, Icon, Tabs, Typography, };
+export * from './types';

package/types/src/theme/components/badge.d.ts

@@ -1,7 +1,7 @@
 import { GlobalTheme } from '../global';
 declare const getBadgeTheme: (theme: GlobalTheme) => {
     borderWidths: {
-        default: string;
+        default: number;
     };
     colors: {
         danger: string;
@@ -13,17 +13,18 @@ declare const getBadgeTheme: (theme: GlobalTheme) => {
         warning: string;
         warningBackground: string;
     };
-    padding: {
+    font: {
         default: string;
     };
-    fonts: {
-        default: string;
+    fontSize: {
+        default: number;
     };
-    fontSizes: {
-        default: string;
+    space: {
+        horizontalPadding: number;
+        verticalPadding: number;
     };
     radii: {
-        default: string;
+        default: number;
     };
 };
 export default getBadgeTheme;

package/types/src/theme/components/bottomNavigation.d.ts

@@ -5,13 +5,19 @@ declare const getBottomNavigationTheme: (theme: GlobalTheme) => {
         background: string;
     };
     shadows: {
-        offset: string;
+        offset: {
+            width: number;
+            height: number;
+        };
         opacity: number;
-        radius: string;
+        radius: number;
         elevation: number;
     };
     sizes: {
         height: number;
     };
+    space: {
+        titleMarginTop: number;
+    };
 };
 export default getBottomNavigationTheme;

package/types/src/theme/components/card.d.ts

@@ -1,10 +1,10 @@
 import { GlobalTheme } from '../global';
 declare const getCardTheme: (theme: GlobalTheme) => {
     radii: {
-        default: string;
+        default: number;
     };
     padding: {
-        default: string;
+        default: number;
     };
 };
 export default getCardTheme;

package/types/src/theme/components/divider.d.ts

@@ -4,14 +4,14 @@ declare const getDividerTheme: (theme: GlobalTheme) => {
         default: string;
     };
     space: {
-        xsmall: string;
-        small: string;
-        medium: string;
-        large: string;
-        xlarge: string;
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        xlarge: number;
     };
     borderWidths: {
-        default: string;
+        default: number;
     };
 };
 export default getDividerTheme;

package/types/src/theme/components/fab.d.ts

@@ -1,16 +1,16 @@
 import { GlobalTheme } from '../global';
 declare const getFABTheme: (theme: GlobalTheme) => {
     radii: {
-        actionItem: string;
+        actionItem: number;
     };
     fonts: {
         header: string;
         actionItemText: string;
     };
     fontSizes: {
-        header: string;
-        buttonIcon: string;
-        actionItemText: string;
+        header: number;
+        buttonIcon: number;
+        actionItemText: number;
     };
     colors: {
         buttonBackground: string;
@@ -20,23 +20,25 @@ declare const getFABTheme: (theme: GlobalTheme) => {
         backdropBackground: string;
     };
     sizes: {
-        width: string;
-        height: string;
+        width: number;
+        height: number;
     };
     lineHeights: {
-        header: string;
-        actionItemText: string;
+        header: number;
+        actionItemText: number;
     };
     space: {
-        actionItemPaddingLeft: string;
-        actionItemPaddingRight: string;
-        actionItemPaddingTop: string;
-        actionItemPaddingBottom: string;
-        actionItemMargin: string;
-        actionItemMarginRight: string;
-        actionItemTextPaddingLeft: string;
-        headerTextMarginRight: string;
-        headerTextMarginBottom: string;
+        actionItemPaddingLeft: number;
+        actionItemPaddingRight: number;
+        actionItemPaddingTop: number;
+        actionItemPaddingBottom: number;
+        actionItemMargin: number;
+        actionItemMarginRight: number;
+        actionItemTextPaddingLeft: number;
+        buttonMarginTop: number;
+        buttonMarginRight: number;
+        headerTextMarginRight: number;
+        headerTextMarginBottom: number;
     };
 };
 export default getFABTheme;

package/types/src/theme/components/tabs.d.ts

@@ -0,0 +1,15 @@
+import { GlobalTheme } from '../global';
+declare const getTabsTheme: (theme: GlobalTheme) => {
+    colors: {
+        background: string;
+        active: string;
+        inactive: string;
+    };
+    space: {
+        flatListHorizontalPadding: number;
+        titleMarginLeft: number;
+        itemHorizontalPadding: number;
+        itemVerticalPadding: number;
+    };
+};
+export default getTabsTheme;

package/types/src/theme/components/typography.d.ts

@@ -17,10 +17,10 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         xlarge: number;
     };
     lineHeights: {
-        small: string;
-        medium: string;
-        large: string;
-        xlarge: string;
+        small: number;
+        medium: number;
+        large: number;
+        xlarge: number;
     };
 };
 export default getTypographyTheme;

package/types/src/theme/index.d.ts

@@ -3,6 +3,7 @@ import getBadgeTheme from './components/badge';
 import getBottomNavigationTheme from './components/bottomNavigation';
 import getCardTheme from './components/card';
 import getDividerTheme from './components/divider';
+import getTabsTheme from './components/tabs';
 import getIconTheme from './components/icon';
 import getTypographyTheme from './components/typography';
 import getFABTheme from './components/fab';
@@ -13,6 +14,7 @@ declare type Theme = GlobalTheme & {
         card: ReturnType<typeof getCardTheme>;
         divider: ReturnType<typeof getDividerTheme>;
         icon: ReturnType<typeof getIconTheme>;
+        tabs: ReturnType<typeof getTabsTheme>;
         typography: ReturnType<typeof getTypographyTheme>;
         fab: ReturnType<typeof getFABTheme>;
     };

package/types/src/types.d.ts

@@ -0,0 +1,5 @@
+import { BottomNavigationTabType } from './components/BottomNavigation';
+import { IconName } from './components/Icon';
+import { TabType } from './components/Tabs';
+import { Theme } from './theme';
+export type { BottomNavigationTabType, IconName, TabType, Theme };

package/types/src/utils/scale.d.ts

@@ -1,2 +1,3 @@
 export declare const BASE_WIDTH = 390;
-export declare const scale: (size: number) => number;
+export declare const horizontalScale: (size: number) => number;
+export declare const scale: (size: number, factor?: number) => number;

package/yarn-error.log

@@ -0,0 +1,140 @@
+Arguments: 
+  /Users/haudao/.nvm/versions/node/v14.17.5/bin/node /Users/haudao/.nvm/versions/node/v14.17.5/bin/yarn
+
+PATH: 
+  ./bin:/usr/local/opt/openssl/bin:/Users/haudao/.rbenv/shims:/Library/Frameworks/Python.framework/Versions/3.6/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Applications/VMware Fusion.app/Contents/Public:/Library/Apple/usr/bin:./bin:/usr/local/opt/openssl/bin:/Users/haudao/.rbenv/shims:/Library/Frameworks/Python.framework/Versions/3.6/bin:/Users/haudao/.nvm/versions/node/v14.17.5/bin:/Users/haudao/.fzf/bin:/Users/haudao/Library/Android/sdk/emulator:/Users/haudao/Library/Android/sdk/tools:/Users/haudao/Library/Android/sdk/tools/bin:/Users/haudao/Library/Android/sdk/platform-tools:/Users/haudao/.nvm/versions/node/v14.17.5/bin:/Users/haudao/Library/Android/sdk/emulator:/Users/haudao/Library/Android/sdk/tools:/Users/haudao/Library/Android/sdk/tools/bin:/Users/haudao/Library/Android/sdk/platform-tools
+
+Yarn version: 
+  1.22.15
+
+Node version: 
+  14.17.5
+
+Platform: 
+  darwin x64
+
+Trace: 
+  SyntaxError: /Users/haudao/workspace/hero-design/packages/rn/package.json: Unexpected token } in JSON at position 777
+      at JSON.parse (<anonymous>)
+      at /Users/haudao/.nvm/versions/node/v14.17.5/lib/node_modules/yarn/lib/cli.js:1625:59
+      at Generator.next (<anonymous>)
+      at step (/Users/haudao/.nvm/versions/node/v14.17.5/lib/node_modules/yarn/lib/cli.js:310:30)
+      at /Users/haudao/.nvm/versions/node/v14.17.5/lib/node_modules/yarn/lib/cli.js:321:13
+
+npm manifest: 
+  {
+    "name": "@hero-design/rn",
+    "version": "7.1.2",
+    "license": "MIT",
+    "main": "lib/index.js",
+    "module": "es/index.js",
+    "types": "types/src/index.d.ts",
+    "scripts": {
+      "lint": "eslint src playground --ext .js,.jsx,.ts,.tsx --ignore-path ../../.gitignore",
+      "type-check": "tsc --noEmit",
+      "dev": "expo start",
+      "test": "jest --runInBand",
+      "test:watch": "jest --runInBand --watch",
+      "test:ci": "jest --runInBand --logHeapUsage",
+      "build:js": "rollup -c",
+      "build:types": "tsc --noEmit false --emitDeclarationOnly",
+      "build": "yarn build:js && yarn build:types",
+      "publish:npm": "yarn publish --access public"
+    },
+    "dependencies": {
+      "@emotion/native": "^11.9.3",
+      "@emotion/react": "^11.9.3",
+      "@hero-design/colors": "7.1.2",
+    },
+    "peerDependencies": {
+      "react": "17.0.2",
+      "react-native": "0.65.1",
+      "react-native-safe-area-context": "^4.2.5",
+      "react-native-vector-icons": "^9.1.0"
+    },
+    "devDependencies": {
+      "@babel/core": "^7.17.5",
+      "@babel/preset-env": "^7.16.11",
+      "@babel/preset-react": "^7.16.7",
+      "@babel/preset-typescript": "^7.17.12",
+      "@emotion/jest": "^11.9.3",
+      "@react-navigation/native": "^6.0.10",
+      "@react-navigation/native-stack": "^6.6.2",
+      "@rollup/plugin-babel": "^5.3.1",
+      "@rollup/plugin-commonjs": "^21.0.1",
+      "@rollup/plugin-json": "^4.1.0",
+      "@rollup/plugin-node-resolve": "^13.1.3",
+      "@rollup/plugin-replace": "^4.0.0",
+      "@rollup/plugin-typescript": "^8.3.0",
+      "@testing-library/jest-native": "^4.0.4",
+      "@testing-library/react-native": "^9.1.0",
+      "@types/jest": "^27.0.2",
+      "@types/react": "^17.0.39",
+      "@types/react-native": "^0.66.16",
+      "@types/react-native-vector-icons": "^6.4.10",
+      "@typescript-eslint/eslint-plugin": "^5.12.1",
+      "@typescript-eslint/parser": "^5.12.1",
+      "eslint": "^8.9.0",
+      "eslint-config-airbnb": "^19.0.4",
+      "eslint-config-prettier": "^8.5.0",
+      "eslint-plugin-import": "^2.25.4",
+      "eslint-plugin-jsx-a11y": "^6.5.1",
+      "eslint-plugin-react": "^7.28.0",
+      "eslint-plugin-react-hooks": "^4.3.0",
+      "expo": "^44.0.6",
+      "jest": "^27.3.1",
+      "prettier": "^2.5.1",
+      "react": "17.0.2",
+      "react-native": "0.65.1",
+      "react-native-safe-area-context": "^4.2.5",
+      "react-native-screens": "^3.13.1",
+      "react-native-vector-icons": "^9.1.0",
+      "react-test-renderer": "17.0.2",
+      "rollup": "^2.68.0",
+      "rollup-plugin-copy": "^3.4.0",
+      "ts-jest": "^27.0.7",
+      "typescript": "^4.5.5"
+    },
+    "nx": {
+      "targets": {
+        "type-check": {
+          "dependsOn": [
+            {
+              "target": "build:types",
+              "projects": "dependencies"
+            }
+          ]
+        },
+        "lint": {
+          "dependsOn": [
+            {
+              "target": "build:js",
+              "projects": "dependencies"
+            }
+          ]
+        },
+        "test:ci": {
+          "dependsOn": [
+            {
+              "target": "build",
+              "projects": "dependencies"
+            }
+          ]
+        },
+        "dev": {
+          "dependsOn": [
+            {
+              "target": "build",
+              "projects": "dependencies"
+            }
+          ]
+        }
+      }
+    }
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
+  No lockfile

package/.expo/web/cache/development/babel-loader/015cd4023bdd8e0e3e1de310046d3b16.json

@@ -1 +0,0 @@
-{"ast":null,"code":"import { ThemeProvider, useTheme } from 'styled-components/native';\nimport theme from \"./theme\";\nimport ExampleComponent from \"./components/ExampleComponent\";\nexport { theme, useTheme, ThemeProvider, ExampleComponent };","map":{"version":3,"names":["ThemeProvider","useTheme","theme","ExampleComponent"],"sources":["/Volumes/ExternalSSD/Projects/hero-design/packages/rn/src/index.ts"],"sourcesContent":["import { ThemeProvider, useTheme } from 'styled-components/native';\nimport theme from './theme';\n\n// Example components\nimport ExampleComponent from './components/ExampleComponent';\n\nexport { theme, useTheme, ThemeProvider, ExampleComponent };\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,0BAAxC;AACA,OAAOC,KAAP;AAGA,OAAOC,gBAAP;AAEA,SAASD,KAAT,EAAgBD,QAAhB,EAA0BD,aAA1B,EAAyCG,gBAAzC"},"metadata":{},"sourceType":"module"}

package/.expo/web/cache/development/babel-loader/0255192076dea2c7675549fa263a6722.json

@@ -1 +0,0 @@
-{"ast":null,"code":"import LayoutAnimation from \"../../vendor/react-native/LayoutAnimation\";\nexport default LayoutAnimation;","map":{"version":3,"names":["LayoutAnimation"],"sources":["/Volumes/ExternalSSD/Projects/hero-design/packages/rn/node_modules/react-native-web/dist/exports/LayoutAnimation/index.js"],"sourcesContent":["/**\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 *\n * \n */\nimport LayoutAnimation from '../../vendor/react-native/LayoutAnimation';\nexport default LayoutAnimation;"],"mappings":"AASA,OAAOA,eAAP;AACA,eAAeA,eAAf"},"metadata":{},"sourceType":"module"}

package/.expo/web/cache/development/babel-loader/02c646fdcaa4819674f8e44dc29cc0aa.json

@@ -1 +0,0 @@
-{"ast":null,"code":"import { hydrate, render } from 'react-dom';\nexport { hydrate };\nexport default render;","map":{"version":3,"names":["hydrate","render"],"sources":["/Volumes/ExternalSSD/Projects/hero-design/packages/rn/node_modules/react-native-web/dist/exports/render/index.js"],"sourcesContent":["/**\n * Copyright (c) Nicolas Gallagher.\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 *\n * \n */\nimport { hydrate, render } from 'react-dom';\nexport { hydrate };\nexport default render;"],"mappings":"AAQA,SAASA,OAAT,EAAkBC,MAAlB,QAAgC,WAAhC;AACA,SAASD,OAAT;AACA,eAAeC,MAAf"},"metadata":{},"sourceType":"module"}

package/.expo/web/cache/development/babel-loader/02e944ba6b7532c77b5ecd94f5a52945.json

@@ -1 +0,0 @@
-{"ast":null,"code":"import FlatList from \"../../vendor/react-native/FlatList\";\nexport default FlatList;","map":{"version":3,"names":["FlatList"],"sources":["/Volumes/ExternalSSD/Projects/hero-design/packages/rn/node_modules/react-native-web/dist/exports/FlatList/index.js"],"sourcesContent":["/**\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 *\n * \n */\nimport FlatList from '../../vendor/react-native/FlatList';\nexport default FlatList;"],"mappings":"AASA,OAAOA,QAAP;AACA,eAAeA,QAAf"},"metadata":{},"sourceType":"module"}

package/.expo/web/cache/development/babel-loader/06168282f87d39982c04c3b7725abef8.json

@@ -1 +0,0 @@
-{"ast":null,"code":"import * as React from 'react';\nimport { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';\nimport ReactDOM from 'react-dom';\n\nfunction ModalPortal(props) {\n  var children = props.children;\n  var elementRef = React.useRef(null);\n\n  if (canUseDOM && !elementRef.current) {\n    var element = document.createElement('div');\n\n    if (element && document.body) {\n      document.body.appendChild(element);\n      elementRef.current = element;\n    }\n  }\n\n  React.useEffect(function () {\n    if (canUseDOM) {\n      return function () {\n        if (document.body && elementRef.current) {\n          document.body.removeChild(elementRef.current);\n          elementRef.current = null;\n        }\n      };\n    }\n  }, []);\n  return elementRef.current && canUseDOM ? ReactDOM.createPortal(children, elementRef.current) : null;\n}\n\nexport default ModalPortal;","map":{"version":3,"names":["React","canUseDOM","ReactDOM","ModalPortal","props","children","elementRef","useRef","current","element","document","createElement","body","appendChild","useEffect","removeChild","createPortal"],"sources":["/Volumes/ExternalSSD/Projects/hero-design/packages/rn/node_modules/react-native-web/dist/exports/Modal/ModalPortal.js"],"sourcesContent":["/**\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 *\n * \n */\nimport * as React from 'react';\nimport { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';\nimport ReactDOM from 'react-dom';\n\nfunction ModalPortal(props) {\n  var children = props.children;\n  var elementRef = React.useRef(null);\n\n  if (canUseDOM && !elementRef.current) {\n    var element = document.createElement('div');\n\n    if (element && document.body) {\n      document.body.appendChild(element);\n      elementRef.current = element;\n    }\n  }\n\n  React.useEffect(function () {\n    if (canUseDOM) {\n      return function () {\n        if (document.body && elementRef.current) {\n          document.body.removeChild(elementRef.current);\n          elementRef.current = null;\n        }\n      };\n    }\n  }, []);\n  return elementRef.current && canUseDOM ? /*#__PURE__*/ReactDOM.createPortal(children, elementRef.current) : null;\n}\n\nexport default ModalPortal;"],"mappings":"AASA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,+BAA1B;AACA,OAAOC,QAAP,MAAqB,WAArB;;AAEA,SAASC,WAAT,CAAqBC,KAArB,EAA4B;EAC1B,IAAIC,QAAQ,GAAGD,KAAK,CAACC,QAArB;EACA,IAAIC,UAAU,GAAGN,KAAK,CAACO,MAAN,CAAa,IAAb,CAAjB;;EAEA,IAAIN,SAAS,IAAI,CAACK,UAAU,CAACE,OAA7B,EAAsC;IACpC,IAAIC,OAAO,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAd;;IAEA,IAAIF,OAAO,IAAIC,QAAQ,CAACE,IAAxB,EAA8B;MAC5BF,QAAQ,CAACE,IAAT,CAAcC,WAAd,CAA0BJ,OAA1B;MACAH,UAAU,CAACE,OAAX,GAAqBC,OAArB;IACD;EACF;;EAEDT,KAAK,CAACc,SAAN,CAAgB,YAAY;IAC1B,IAAIb,SAAJ,EAAe;MACb,OAAO,YAAY;QACjB,IAAIS,QAAQ,CAACE,IAAT,IAAiBN,UAAU,CAACE,OAAhC,EAAyC;UACvCE,QAAQ,CAACE,IAAT,CAAcG,WAAd,CAA0BT,UAAU,CAACE,OAArC;UACAF,UAAU,CAACE,OAAX,GAAqB,IAArB;QACD;MACF,CALD;IAMD;EACF,CATD,EASG,EATH;EAUA,OAAOF,UAAU,CAACE,OAAX,IAAsBP,SAAtB,GAA+CC,QAAQ,CAACc,YAAT,CAAsBX,QAAtB,EAAgCC,UAAU,CAACE,OAA3C,CAA/C,GAAqG,IAA5G;AACD;;AAED,eAAeL,WAAf"},"metadata":{},"sourceType":"module"}

package/.expo/web/cache/development/babel-loader/064867cdc71ec7f38308957641ec0e5c.json

@@ -1 +0,0 @@
-{"ast":null,"code":"var g;\n\ng = function () {\n  return this;\n}();\n\ntry {\n  g = g || new Function(\"return this\")();\n} catch (e) {\n  if (typeof window === \"object\") g = window;\n}\n\nmodule.exports = g;","map":{"version":3,"names":["g","Function","e","window","module","exports"],"sources":["/Users/kientran/.nvm/versions/node/v14.18.1/lib/node_modules/expo-cli/node_modules/webpack/buildin/global.js"],"sourcesContent":["var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n"],"mappings":"AAAA,IAAIA,CAAJ;;AAGAA,CAAC,GAAI,YAAW;EACf,OAAO,IAAP;AACA,CAFG,EAAJ;;AAIA,IAAI;EAEHA,CAAC,GAAGA,CAAC,IAAI,IAAIC,QAAJ,CAAa,aAAb,GAAT;AACA,CAHD,CAGE,OAAOC,CAAP,EAAU;EAEX,IAAI,OAAOC,MAAP,KAAkB,QAAtB,EAAgCH,CAAC,GAAGG,MAAJ;AAChC;;AAMDC,MAAM,CAACC,OAAP,GAAiBL,CAAjB"},"metadata":{},"sourceType":"script"}