{"ast":null,"code":"import _regeneratorRuntime from \"@babel/runtime/regenerator\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Box, NativeBaseProvider, useColorMode, IconButton, MoonIcon, useColorModeValue, Tooltip, SunIcon, extendTheme, Button, Input } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport Config from \"../../../nativebase.config\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nvar myTheme = extendTheme({\n  space: {\n    mySpace: '29px'\n  },\n  colors: {\n    blue1: {\n      '100': 'blue'\n    }\n  },\n  components: {\n    Link: {\n      sizes: {\n        mysize: 10\n      }\n    },\n    Button: {\n      variants: {\n        myBtn: {\n          padding: 10\n        },\n        myNewButton: function myNewButton(_ref) {\n          var myPaddingX = _ref.myPaddingX;\n          return {\n            padding: myPaddingX\n          };\n        },\n        myNewButton1: function myNewButton1(props) {\n          return {\n            padding: props.padding\n          };\n        }\n      },\n      sizes: {\n        newsize: function newsize(_ref2) {\n          var mySize = _ref2.mySize;\n          return {\n            padding: mySize\n          };\n        }\n      }\n    },\n    Input: {\n      variants: {\n        newsize: function newsize(_ref3) {\n          var mySize = _ref3.mySize;\n          return {\n            padding: mySize\n          };\n        },\n        newsize1: function newsize1(props) {\n          return {\n            padding: props.padding\n          };\n        }\n      },\n      sizes: {\n        'my-size': {\n          padding: 2\n        }\n      }\n    },\n    Checkbox: {\n      sizes: {\n        myBtn: {\n          padding: 10\n        },\n        myNewButton: function myNewButton(_ref4) {\n          var myPadding = _ref4.myPadding;\n          return {\n            padding: myPadding\n          };\n        }\n      }\n    },\n    Box: {\n      variants: {\n        myBtn: {\n          padding: 10\n        }\n      }\n    }\n  }\n});\n\nfunction MyWrapper(_ref5) {\n  var children = _ref5.children;\n\n  var _useColorMode = useColorMode(),\n      colorMode = _useColorMode.colorMode,\n      toggleColorMode = _useColorMode.toggleColorMode;\n\n  var bgColor = useColorModeValue(\"gray.50\", \"gray.800\");\n  return _jsxs(Box, {\n    flex: 1,\n    px: \"3\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    bg: bgColor,\n    safeAreaY: true,\n    children: [_jsx(Tooltip, {\n      label: colorMode === 'dark' ? 'Enable light mode' : 'Enable dark mode',\n      placement: \"bottom right\",\n      openDelay: 300,\n      closeOnClick: false,\n      children: _jsx(IconButton, {\n        position: \"absolute\",\n        top: 12,\n        right: 8,\n        zIndex: 4,\n        onPress: toggleColorMode,\n        icon: colorMode === 'dark' ? _jsx(SunIcon, {}) : _jsx(MoonIcon, {}),\n        size: \"lg\"\n      })\n    }), children]\n  });\n}\n\nexport function RenderTestButton() {\n  var _React$useState = React.useState(1),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      state = _React$useState2[0],\n      setState = _React$useState2[1];\n\n  return _jsxs(Box, {\n    style: {\n      position: 'absolute',\n      top: 10,\n      left: 20\n    },\n    m: 2,\n    bg: \"red.100\",\n    children: [_jsx(Input, {\n      m: 2,\n      size: \"my-size\"\n    }), _jsx(Button, {\n      size: \"\",\n      variant: 'myNewButton',\n      onPress: function onPress() {\n        return setState(state + 1);\n      }\n    })]\n  });\n}\nexport default (function (_ref6) {\n  var children = _ref6.children,\n      theme = _ref6.theme;\n  var colorModeManager = {\n    get: function get() {\n      var val;\n      return _regeneratorRuntime.async(function get$(_context) {\n        while (1) {\n          switch (_context.prev = _context.next) {\n            case 0:\n              _context.prev = 0;\n              _context.next = 3;\n              return _regeneratorRuntime.awrap(AsyncStorage.getItem('@example-wrapper-mode'));\n\n            case 3:\n              val = _context.sent;\n              return _context.abrupt(\"return\", val === 'dark' ? 'dark' : 'light');\n\n            case 7:\n              _context.prev = 7;\n              _context.t0 = _context[\"catch\"](0);\n              console.log(_context.t0);\n              return _context.abrupt(\"return\", 'light');\n\n            case 11:\n            case \"end\":\n              return _context.stop();\n          }\n        }\n      }, null, null, [[0, 7]], Promise);\n    },\n    set: function set(value) {\n      return _regeneratorRuntime.async(function set$(_context2) {\n        while (1) {\n          switch (_context2.prev = _context2.next) {\n            case 0:\n              _context2.prev = 0;\n              _context2.next = 3;\n              return _regeneratorRuntime.awrap(AsyncStorage.setItem('@example-wrapper-mode', value));\n\n            case 3:\n              _context2.next = 8;\n              break;\n\n            case 5:\n              _context2.prev = 5;\n              _context2.t0 = _context2[\"catch\"](0);\n              console.log(_context2.t0);\n\n            case 8:\n            case \"end\":\n              return _context2.stop();\n          }\n        }\n      }, null, null, [[0, 5]], Promise);\n    }\n  };\n  return _jsx(NativeBaseProvider, {\n    theme: theme,\n    config: Config,\n    colorModeManager: colorModeManager,\n    initialWindowMetrics: {\n      frame: {\n        x: 0,\n        y: 0,\n        width: 0,\n        height: 0\n      },\n      insets: {\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0\n      }\n    },\n    children: _jsx(MyWrapper, {\n      children: children\n    })\n  });\n});","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/Wrapper.tsx"],"names":["React","Box","NativeBaseProvider","useColorMode","IconButton","MoonIcon","useColorModeValue","Tooltip","SunIcon","extendTheme","Button","Input","AsyncStorage","Config","myTheme","space","mySpace","colors","blue1","components","Link","sizes","mysize","variants","myBtn","padding","myNewButton","myPaddingX","myNewButton1","props","newsize","mySize","newsize1","Checkbox","myPadding","MyWrapper","children","colorMode","toggleColorMode","bgColor","RenderTestButton","useState","state","setState","position","top","left","theme","colorModeManager","get","getItem","val","console","log","set","value","setItem","frame","x","y","width","height","insets","right","bottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  Box,\n  NativeBaseProvider,\n  useColorMode,\n  IconButton,\n  MoonIcon,\n  ColorMode,\n  useColorModeValue,\n  Tooltip,\n  SunIcon,\n  extendTheme,\n  Button,\n  Input,\n} from 'native-base';\nimport type { StorageManager } from 'native-base';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\n\nimport Config from '../../../nativebase.config';\n\nconst myTheme = extendTheme({\n  space: {\n    mySpace: '29px',\n  },\n  colors: {\n    blue1: {\n      '100': 'blue',\n    },\n  },\n\n  components: {\n    Link: {\n      sizes: {\n        mysize: 10,\n      },\n    },\n    Button: {\n      variants: {\n        myBtn: {\n          padding: 10,\n        },\n        myNewButton: ({ myPaddingX }: { myPaddingX: number }) => {\n          return {\n            padding: myPaddingX,\n          };\n        },\n\n        myNewButton1: (props: any) => {\n          return {\n            padding: props.padding,\n          };\n        },\n      },\n      sizes: {\n        newsize: ({ mySize }: { mySize: number }) => {\n          return {\n            padding: mySize,\n          };\n        },\n      },\n    },\n\n    Input: {\n      variants: {\n        newsize: ({ mySize }: { mySize: number }) => {\n          return {\n            padding: mySize,\n          };\n        },\n\n        newsize1: (props: any) => {\n          return {\n            padding: props.padding,\n          };\n        },\n      },\n      sizes: {\n        'my-size': {\n          padding: 2,\n        },\n      },\n    },\n\n    Checkbox: {\n      sizes: {\n        myBtn: {\n          padding: 10,\n        },\n        myNewButton: ({ myPadding }: { myPadding: any }) => {\n          return {\n            padding: myPadding,\n          };\n        },\n      },\n    },\n\n    Box: {\n      variants: {\n        myBtn: {\n          padding: 10,\n        },\n      },\n    },\n  },\n});\n\ntype MyThemeType = typeof myTheme;\ndeclare module 'native-base' {\n  interface ICustomTheme extends MyThemeType {}\n}\n\nfunction MyWrapper({ children }: any) {\n  const { colorMode, toggleColorMode } = useColorMode();\n\n  const bgColor = useColorModeValue(`gray.50`, `gray.800`);\n\n  return (\n    <Box\n      flex={1}\n      px=\"3\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bg={bgColor}\n      safeAreaY\n    >\n      <Tooltip\n        label={colorMode === 'dark' ? 'Enable light mode' : 'Enable dark mode'}\n        placement=\"bottom right\"\n        openDelay={300}\n        closeOnClick={false}\n      >\n        <IconButton\n          position=\"absolute\"\n          top={12}\n          right={8}\n          zIndex={4}\n          onPress={toggleColorMode}\n          icon={colorMode === 'dark' ? <SunIcon /> : <MoonIcon />}\n          size=\"lg\"\n        />\n      </Tooltip>\n      {children}\n    </Box>\n  );\n}\n\nexport function RenderTestButton() {\n  const [state, setState] = React.useState(1);\n  return (\n    <Box style={{ position: 'absolute', top: 10, left: 20 }} m={2} bg=\"red.100\">\n      <Input m={2} size=\"my-size\" />\n      <Button\n        size=\"\"\n        variant={'myNewButton'}\n        // title={state.toString()}\n        onPress={() => setState(state + 1)}\n      />\n    </Box>\n  );\n}\nexport default ({ children, theme }: any) => {\n  const colorModeManager: StorageManager = {\n    get: async () => {\n      try {\n        const val = await AsyncStorage.getItem('@example-wrapper-mode');\n        return val === 'dark' ? 'dark' : 'light';\n      } catch (e) {\n        console.log(e);\n        return 'light';\n      }\n    },\n    set: async (value: ColorMode) => {\n      try {\n        await AsyncStorage.setItem('@example-wrapper-mode', value);\n      } catch (e) {\n        console.log(e);\n      }\n    },\n  };\n  return (\n    <NativeBaseProvider\n      theme={theme}\n      config={Config}\n      colorModeManager={colorModeManager}\n      initialWindowMetrics={{\n        frame: { x: 0, y: 0, width: 0, height: 0 },\n        insets: { top: 0, left: 0, right: 0, bottom: 0 },\n      }}\n    >\n      <MyWrapper>{children}</MyWrapper>\n    </NativeBaseProvider>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}