{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nfunction 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; }\n\nfunction _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; }\n\nimport React, { useState } from 'react';\nimport { Popover, Button, VStack, Select, CheckIcon, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function Example() {\n var _useState = useState('auto'),\n _useState2 = _slicedToArray(_useState, 2),\n position = _useState2[0],\n setPosition = _useState2[1];\n\n return _jsx(Box, {\n h: \"60%\",\n w: \"100%\",\n alignItems: \"center\",\n children: _jsxs(VStack, {\n space: 6,\n alignSelf: \"flex-start\",\n w: \"100%\",\n children: [_jsx(Popover, {\n placement: position == 'auto' ? undefined : position,\n trigger: function trigger(triggerProps) {\n return _jsx(Button, _objectSpread(_objectSpread({\n colorScheme: \"danger\",\n alignSelf: \"center\"\n }, triggerProps), {}, {\n children: \"Delete Customer\"\n }));\n },\n children: _jsxs(Popover.Content, {\n w: \"56\",\n children: [_jsx(Popover.Arrow, {}), _jsx(Popover.CloseButton, {}), _jsx(Popover.Header, {\n children: \"Delete Customer\"\n }), _jsx(Popover.Body, {\n children: \"This will remove all data relating to Alex. This action cannot be reversed. Deleted data can not be recovered.\"\n }), _jsx(Popover.Footer, {\n justifyContent: \"flex-end\",\n children: _jsxs(Button.Group, {\n space: 2,\n children: [_jsx(Button, {\n colorScheme: \"coolGray\",\n variant: \"ghost\",\n children: \"Cancel\"\n }), _jsx(Button, {\n colorScheme: \"danger\",\n children: \"Delete\"\n })]\n })\n })]\n })\n }), _jsxs(Select, {\n selectedValue: position,\n mx: {\n base: 0,\n md: 'auto'\n },\n accessibilityLabel: \"Select a position for Popover\",\n onValueChange: function onValueChange(nextValue) {\n return setPosition(nextValue);\n },\n _selectedItem: {\n bg: 'cyan.600',\n endIcon: _jsx(CheckIcon, {\n size: 4\n })\n },\n children: [_jsx(Select.Item, {\n label: \"auto\",\n value: \"auto\"\n }), _jsx(Select.Item, {\n label: \"Top Left\",\n value: \"top left\"\n }), _jsx(Select.Item, {\n label: \"Top\",\n value: \"top\"\n }), _jsx(Select.Item, {\n label: \"Top Right\",\n value: \"top right\"\n }), _jsx(Select.Item, {\n label: \"Right Top\",\n value: \"right top\"\n }), _jsx(Select.Item, {\n label: \"Right\",\n value: \"right\"\n }), _jsx(Select.Item, {\n label: \"Right Bottom\",\n value: \"right bottom\"\n }), _jsx(Select.Item, {\n label: \"Bottom Left\",\n value: \"bottom left\"\n }), _jsx(Select.Item, {\n label: \"Bottom\",\n value: \"bottom\"\n }), _jsx(Select.Item, {\n label: \"Bottom Right\",\n value: \"bottom right\"\n }), _jsx(Select.Item, {\n label: \"Left Top\",\n value: \"left top\"\n }), _jsx(Select.Item, {\n label: \"Left\",\n value: \"left\"\n }), _jsx(Select.Item, {\n label: \"Left Bottom\",\n value: \"left bottom\"\n })]\n })]\n })\n });\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Popover/PopoverPositions.tsx"],"names":["React","useState","Popover","Button","VStack","Select","CheckIcon","Box","Example","position","setPosition","undefined","triggerProps","base","md","nextValue","bg","endIcon"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Popover, Button, VStack, Select, CheckIcon, Box } from 'native-base';\n\nexport function Example() {\n const [position, setPosition] = useState('auto');\n\n return (\n \n \n {\n return (\n \n );\n }}\n >\n \n \n \n Delete Customer\n \n This will remove all data relating to Alex. This action cannot be\n reversed. Deleted data can not be recovered.\n \n \n \n \n \n \n \n \n \n\n setPosition(nextValue)}\n _selectedItem={{\n bg: 'cyan.600',\n endIcon: ,\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n"]},"metadata":{},"sourceType":"module"}