@beppla/tapas-ui 1.0.65 → 1.0.67

package/module/ScanButton/ScanButton.js

@@ -0,0 +1,174 @@
+import React from "react";
+import { View, Text, Pressable } from "react-native";
+import { withTheme, makeStyles, useTheme } from "@rneui/themed";
+import TapasIcon from "../Icons/TapasIcon";
+const ScanButton = ({
+  onPress,
+  text = "Scan QR Code",
+  icon = "qr_code_scan",
+  size = 20,
+  position = 'bottom-right',
+  backgroundColor,
+  textColor,
+  iconColor,
+  testID
+}) => {
+  const theme = useTheme();
+  const styles = useStyles({
+    position
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.scanWrapper,
+    testID: testID
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.barCon
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    style: [styles.scanBtn, backgroundColor ? {
+      backgroundColor
+    } : null],
+    onPress: () => {
+      onPress && onPress();
+    }
+  }, /*#__PURE__*/React.createElement(TapasIcon, {
+    style: styles.scanIcon,
+    name: icon,
+    size: size,
+    color: iconColor || theme.theme.colors.white
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.scanText, textColor ? {
+      color: textColor
+    } : null],
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, text))));
+};
+const useStyles = makeStyles((theme, props) => {
+  const {
+    position = 'bottom-right'
+  } = props || {};
+  let positionStyle = {
+    bottom: 24,
+    right: 24
+  };
+  switch (position) {
+    case 'bottom-left':
+      positionStyle = {
+        bottom: 24,
+        left: 24
+      };
+      break;
+    case 'top-right':
+      positionStyle = {
+        top: 24,
+        right: 24
+      };
+      break;
+    case 'top-left':
+      positionStyle = {
+        top: 24,
+        left: 24
+      };
+      break;
+    case 'center':
+      positionStyle = {
+        top: '50%',
+        left: '50%',
+        marginTop: -20,
+        marginLeft: -50
+      };
+      break;
+  }
+  return {
+    scanWrapper: {
+      display: "flex",
+      position: "absolute",
+      flexDirection: "column",
+      height: 40,
+      justifyContent: "flex-end",
+      ...positionStyle
+    },
+    barCon: {
+      height: 40,
+      flex: 1,
+      maxHeight: 40,
+      display: "flex",
+      flexDirection: "row",
+      zIndex: 20
+    },
+    scanBtn: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      alignContent: "center",
+      height: 40,
+      paddingLeft: 16,
+      paddingRight: 16,
+      borderRadius: 20,
+      shadowColor: "#000",
+      shadowOffset: {
+        width: 0,
+        height: 4
+      },
+      shadowOpacity: 0.08,
+      shadowRadius: 16,
+      elevation: 8,
+      backgroundColor: theme.colors.primary
+    },
+    scanIcon: {
+      display: "flex",
+      marginRight: 8
+    },
+    scanText: {
+      fontSize: 14,
+      fontWeight: "600",
+      color: theme.colors.white
+    }
+  };
+});
+export default withTheme(ScanButton);
+//# sourceMappingURL=ScanButton.js.mapisplay: "flex",
+      position: "absolute",
+      flexDirection: "column",
+      height: 40,
+      justifyContent: "flex-end"
+    }, positionStyle),
+    barCon: {
+      height: 40,
+      flex: 1,
+      maxHeight: 40,
+      display: "flex",
+      flexDirection: "row",
+      zIndex: 20
+    },
+    scanBtn: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      alignContent: "center",
+      height: 40,
+      paddingLeft: 16,
+      paddingRight: 16,
+      borderRadius: 20,
+      shadowColor: "#000",
+      shadowOffset: {
+        width: 0,
+        height: 4
+      },
+      shadowOpacity: 0.08,
+      shadowRadius: 16,
+      elevation: 8,
+      backgroundColor: theme.colors.primary
+    },
+    scanIcon: {
+      display: "flex",
+      marginRight: 8
+    },
+    scanText: {
+      fontSize: 14,
+      fontWeight: "600",
+      color: theme.colors.white
+    }
+  };
+});
+exports.default = (0, themed_1.withTheme)(ScanButton);
+//# sourceMappingURL=ScanButton.js.map

package/module/SearchInput/SearchInput.js

@@ -0,0 +1,196 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useEffect, useState, useCallback, useMemo } from "react";
+import { Platform, View } from "react-native";
+import { withTheme, makeStyles, useTheme } from "@rneui/themed";
+import TapasInput from "../Input/Input";
+import TapasIcon from "../Icons/TapasIcon";
+const inputStyle = Platform.select({
+  web: {
+    outlineStyle: "none"
+  },
+  default: {
+    borderWidth: 0,
+    height: 40,
+    width: 112
+  }
+});
+const TapasSearchInput = ({
+  style,
+  height = 40,
+  width = 168,
+  placeholder,
+  value,
+  onSearch,
+  attachSearch,
+  ...otherProps
+}) => {
+  const theme = useTheme();
+  const styles = useStyles();
+  const [searchValue, setSearchValue] = useState(value);
+  useEffect(() => {
+    setSearchValue(value);
+  }, [value]);
+  const handleSearch = useCallback(text => {
+    onSearch?.(text);
+    attachSearch?.(text);
+  }, [onSearch, attachSearch]);
+  const containerStyle = useMemo(() => [styles.search, style, {
+    width
+  }], [styles.search, style, width]);
+  const inputContainerStyle = useMemo(() => [styles.inputContainer, {
+    width,
+    height,
+    maxHeight: height,
+    minHeight: height
+  }], [styles.inputContainer, width, height]);
+  const inputInnerContainerStyle = useMemo(() => [styles.inputInnerContainer, {
+    width: width - 56,
+    height,
+    maxHeight: height,
+    minHeight: height
+  }], [styles.inputInnerContainer, width, height]);
+  const inputStyleMemo = useMemo(() => [inputStyle, {
+    width: width - 56,
+    height
+  }], [width, height]);
+  return /*#__PURE__*/React.createElement(View, _extends({}, otherProps, {
+    style: containerStyle
+  }), /*#__PURE__*/React.createElement(TapasInput, {
+    inputStyle: inputStyleMemo,
+    labelBg: "transparent",
+    inputContainerStyle: inputInnerContainerStyle,
+    value: searchValue,
+    onChangeText: handleSearch,
+    containerStyle: inputContainerStyle,
+    leftIcon: /*#__PURE__*/React.createElement(TapasIcon, {
+      onPress: () => handleSearch(searchValue),
+      name: "search",
+      size: 24,
+      color: theme.theme.colors.grey1
+    }),
+    placeholder: placeholder
+  }));
+};
+const useStyles = makeStyles(theme => ({
+  inputContainer: {
+    backgroundColor: theme?.colors?.grey4,
+    width: 168,
+    height: 40,
+    maxHeight: 40,
+    minHeight: 40,
+    borderRadius: 20
+  },
+  inputInnerContainer: {
+    borderWidth: 0,
+    width: 112,
+    height: 40,
+    maxHeight: 40,
+    minHeight: 40,
+    borderBottomWidth: 0
+  },
+  search: {
+    width: 168,
+    display: "flex",
+    overflow: "hidden"
+  }
+}));
+export default withTheme(TapasSearchInput);
+
+// Export aliases for compatibility
+export const SearchInput = withTheme(TapasSearchInput);
+export { TapasSearchInput };
+//# sourceMappingURL=SearchInput.js.maper,
+    value = _a.value,
+    onSearch = _a.onSearch,
+    attachSearch = _a.attachSearch,
+    otherProps = __rest(_a, ["style", "height", "width", "placeholder", "value", "onSearch", "attachSearch"]);
+  var theme = (0, themed_1.useTheme)();
+  var styles = useStyles();
+  var _d = (0, react_1.useState)(value),
+    searchValue = _d[0],
+    setSearchValue = _d[1];
+  (0, react_1.useEffect)(function () {
+    setSearchValue(value);
+  }, [value]);
+  var handleSearch = (0, react_1.useCallback)(function (text) {
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(text);
+    attachSearch === null || attachSearch === void 0 ? void 0 : attachSearch(text);
+  }, [onSearch, attachSearch]);
+  var containerStyle = (0, react_1.useMemo)(function () {
+    return [styles.search, style, {
+      width: width
+    }];
+  }, [styles.search, style, width]);
+  var inputContainerStyle = (0, react_1.useMemo)(function () {
+    return [styles.inputContainer, {
+      width: width,
+      height: height,
+      maxHeight: height,
+      minHeight: height
+    }];
+  }, [styles.inputContainer, width, height]);
+  var inputInnerContainerStyle = (0, react_1.useMemo)(function () {
+    return [styles.inputInnerContainer, {
+      width: width - 56,
+      height: height,
+      maxHeight: height,
+      minHeight: height
+    }];
+  }, [styles.inputInnerContainer, width, height]);
+  var inputStyleMemo = (0, react_1.useMemo)(function () {
+    return [inputStyle, {
+      width: width - 56,
+      height: height
+    }];
+  }, [width, height]);
+  return react_1.default.createElement(react_native_1.View, __assign({}, otherProps, {
+    style: containerStyle
+  }), react_1.default.createElement(Input_1.default, {
+    inputStyle: inputStyleMemo,
+    labelBg: "transparent",
+    inputContainerStyle: inputInnerContainerStyle,
+    value: searchValue,
+    onChangeText: handleSearch,
+    containerStyle: inputContainerStyle,
+    leftIcon: react_1.default.createElement(TapasIcon_1.default, {
+      onPress: function () {
+        return handleSearch(searchValue);
+      },
+      name: "search",
+      size: 24,
+      color: theme.theme.colors.grey1
+    }),
+    placeholder: placeholder
+  }));
+};
+exports.TapasSearchInput = TapasSearchInput;
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  var _a;
+  return {
+    inputContainer: {
+      backgroundColor: (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.grey4,
+      width: 168,
+      height: 40,
+      maxHeight: 40,
+      minHeight: 40,
+      borderRadius: 20
+    },
+    inputInnerContainer: {
+      borderWidth: 0,
+      width: 112,
+      height: 40,
+      maxHeight: 40,
+      minHeight: 40,
+      borderBottomWidth: 0
+    },
+    search: {
+      width: 168,
+      display: "flex",
+      overflow: "hidden"
+    }
+  };
+});
+exports.default = (0, themed_1.withTheme)(TapasSearchInput);
+// Export aliases for compatibility
+exports.SearchInput = (0, themed_1.withTheme)(TapasSearchInput);
+//# sourceMappingURL=SearchInput.js.map

package/module/SearchInput/SearchInput.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["React","useEffect","useState","useCallback","useMemo","Platform","View","withTheme","makeStyles","useTheme","TapasInput","TapasIcon","inputStyle","select","web","outlineStyle","default","borderWidth","height","width","TapasSearchInput","style","placeholder","value","onSearch","attachSearch","otherProps","theme","styles","useStyles","searchValue","setSearchValue","handleSearch","text","containerStyle","search","inputContainerStyle","inputContainer","maxHeight","minHeight","inputInnerContainerStyle","inputInnerContainer","inputStyleMemo","createElement","_extends","labelBg","onChangeText","leftIcon","onPress","name","size","color","colors","grey1","backgroundColor","grey4","borderRadius","borderBottomWidth","display","overflow","SearchInput"],"sourceRoot":"../../../components","sources":["SearchInput/SearchInput.tsx"],"mappings":"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","ignoreList":[]}
+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","ignoreList":[]}

package/module/SearchInput/index.js

@@ -0,0 +1,18 @@
+export { default } from './SearchInput';
+//# sourceMappingURL=index.js.mapion (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var SearchInput_1 = require("./SearchInput");
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return __importDefault(SearchInput_1).default;
+  }
+});
+//# sourceMappingURL=index.js.map

package/module/SearchInput/index.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../components","sources":["SearchInput/index.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe","ignoreList":[]}
+sourceRoot":"../../../components","sources":["SearchInput/index.js"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,eAAe,GAAI,IAAI,IAAI,IAAI,CAACA,eAAe,IAAK,UAAUC,GAAG,EAAE;EACnE,OAAQA,GAAG,IAAIA,GAAG,CAACC,UAAU,GAAID,GAAG,GAAG;IAAE,SAAS,EAAEA;EAAI,CAAC;AAC7D,CAAC;AACDE,MAAM,CAACC,cAAc,CAACC,OAAO,EAAE,YAAY,EAAE;EAAEC,KAAK,EAAE;AAAK,CAAC,CAAC;AAC7DD,OAAO,CAACE,OAAO,GAAG,KAAK,CAAC;AACxB,IAAIC,aAAa,GAAGC,OAAO,CAAC,eAAe,CAAC;AAC5CN,MAAM,CAACC,cAAc,CAACC,OAAO,EAAE,SAAS,EAAE;EAAEK,UAAU,EAAE,IAAI;EAAEC,GAAG,EAAE,SAAAA,CAAA,EAAY;IAAE,OAAOX,eAAe,CAACQ,aAAa,CAAC,CAACD,OAAO;EAAE;AAAE,CAAC,CAAC","ignoreList":[]}

package/module/SheetTitle/SheetTitle.js

@@ -0,0 +1,97 @@
+import React from 'react';
+import { withTheme, makeStyles, Text } from "@rneui/themed";
+import { TouchableOpacity, View } from "react-native";
+import Button from "../Button/Button";
+import Icon from '../Icons/TapasIcon';
+const useStyles = makeStyles(theme => {
+  return {
+    titleContainer: {
+      backgroundColor: theme.colors.white,
+      height: 40,
+      width: '100%',
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      paddingVertical: 8,
+      paddingLeft: 16,
+      borderBottomWidth: 1,
+      borderBottomColor: theme.colors.greyOutline,
+      borderBottomStyle: 'solid'
+    },
+    title: {
+      fontFamily: theme.fonts.fontFamily,
+      fontSize: theme.fonts.sizeL,
+      fontWeight: theme.fonts.weightL,
+      color: theme.colors.colorTextPrimary,
+      flex: 1
+    },
+    clear: {
+      marginRight: 8
+    },
+    close: {
+      width: 40,
+      height: 40,
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    closeWrapper: {
+      display: 'flex',
+      flexDirection: 'row'
+    }
+  };
+});
+const SheetTitle = props => {
+  const {
+    title,
+    icon = 'close',
+    showClose = true,
+    showClear,
+    onClose,
+    clearText,
+    clearStyle,
+    onClear,
+    titleContainerStyle,
+    titleStyle,
+    closeStyle,
+    testID
+  } = props;
+  const styles = useStyles(props);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.titleContainer, titleContainerStyle],
+    testID: testID
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, titleStyle],
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, title), /*#__PURE__*/React.createElement(View, {
+    style: styles.closeWrapper
+  }, showClear && /*#__PURE__*/React.createElement(Button, {
+    style: [styles.clear, clearStyle],
+    onPress: onClear,
+    type: 'clear'
+  }, clearText || 'Clear'), showClose && icon && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.close, closeStyle],
+    onPress: onClose
+  }, typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: 20
+  }) : icon)));
+};
+export default withTheme(SheetTitle);
+//# sourceMappingURL=SheetTitle.js.mapreateElement(react_native_1.View, {
+    style: styles.closeWrapper
+  }, showClear && react_1.default.createElement(Button_1.default, {
+    style: [styles.clear, clearStyle],
+    onPress: onClear,
+    type: 'clear'
+  }, clearText || 'Clear'), showClose && icon && react_1.default.createElement(react_native_1.TouchableOpacity, {
+    style: [styles.close, closeStyle],
+    onPress: onClose
+  }, typeof icon === 'string' ? react_1.default.createElement(TapasIcon_1.default, {
+    name: icon,
+    size: 20
+  }) : icon)));
+};
+exports.default = (0, themed_1.withTheme)(SheetTitle);
+//# sourceMappingURL=SheetTitle.js.map

package/module/SheetTitle/SheetTitle.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["React","withTheme","makeStyles","Text","TouchableOpacity","View","Button","Icon","useStyles","theme","titleContainer","backgroundColor","colors","white","height","width","display","flexDirection","justifyContent","alignItems","paddingVertical","paddingLeft","borderBottomWidth","borderBottomColor","greyOutline","borderBottomStyle","title","fontFamily","fonts","fontSize","sizeL","fontWeight","weightL","color","colorTextPrimary","flex","clear","marginRight","close","closeWrapper","SheetTitle","props","icon","showClose","showClear","onClose","clearText","clearStyle","onClear","titleContainerStyle","titleStyle","closeStyle","testID","styles","createElement","style","numberOfLines","ellipsizeMode","onPress","type","name","size"],"sourceRoot":"../../../components","sources":["SheetTitle/SheetTitle.tsx"],"mappings":"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","ignoreList":[]}
+AC7B,OAAQxC,OAAO,CAACuD,OAAO,CAACC,aAAa,CAACrD,cAAc,CAACsD,IAAI,EAAE;IAAEC,KAAK,EAAE,CAACJ,MAAM,CAAC7C,cAAc,EAAEyC,mBAAmB,CAAC;IAAEG,MAAM,EAAEA;EAAO,CAAC,EAC9HrD,OAAO,CAACuD,OAAO,CAACC,aAAa,CAACtD,QAAQ,CAACyD,IAAI,EAAE;IAAED,KAAK,EAAE,CAACJ,MAAM,CAAC7B,KAAK,EAAE0B,UAAU,CAAC;IAAES,aAAa,EAAE,CAAC;IAAEC,aAAa,EAAE;EAAO,CAAC,EAAEpC,KAAK,CAAC,EACnIzB,OAAO,CAACuD,OAAO,CAACC,aAAa,CAACrD,cAAc,CAACsD,IAAI,EAAE;IAAEC,KAAK,EAAEJ,MAAM,CAAChB;EAAa,CAAC,EAC7EO,SAAS,IAAI7C,OAAO,CAACuD,OAAO,CAACC,aAAa,CAACpD,QAAQ,CAACmD,OAAO,EAAE;IAAEG,KAAK,EAAE,CAACJ,MAAM,CAACnB,KAAK,EAAEa,UAAU,CAAC;IAAEc,OAAO,EAAEb,OAAO;IAAEc,IAAI,EAAE;EAAQ,CAAC,EAAEhB,SAAS,IAAI,OAAO,CAAC,EACzJH,SAAS,IAAIF,IAAI,IAAM1C,OAAO,CAACuD,OAAO,CAACC,aAAa,CAACrD,cAAc,CAAC6D,gBAAgB,EAAE;IAAEN,KAAK,EAAE,CAACJ,MAAM,CAACjB,KAAK,EAAEe,UAAU,CAAC;IAAEU,OAAO,EAAEhB;EAAQ,CAAC,EAAE,OAAOJ,IAAI,KAAK,QAAQ,GAAG1C,OAAO,CAACuD,OAAO,CAACC,aAAa,CAACnD,WAAW,CAACkD,OAAO,EAAE;IAAEU,IAAI,EAAEvB,IAAI;IAAEwB,IAAI,EAAE;EAAG,CAAC,CAAC,GAAGxB,IAAI,CAAE,CAAC,CAAC;AAC9Q,CAAC;AACD5C,OAAO,CAACyD,OAAO,GAAG,CAAC,CAAC,EAAErD,QAAQ,CAACiE,SAAS,EAAE5B,UAAU,CAAC","ignoreList":[]}

package/module/Shell/Shell.js

@@ -0,0 +1,172 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useEffect, useState } from "react";
+import { View, Animated } from "react-native";
+import { withTheme } from "@rneui/themed";
+import { defaultDrawerWidth } from "./types";
+import { styles } from "./styles";
+const Shell = ({
+  children,
+  border = true,
+  drawerWidth = defaultDrawerWidth,
+  style = {},
+  openDrawer = false,
+  testID,
+  ...props
+}) => {
+  let mainContent = null;
+  let drawerContent = null;
+  const [open, setOpen] = useState(openDrawer);
+  const animatedWidth = new Animated.Value(openDrawer ? drawerWidth : 0);
+  useEffect(() => {
+    setOpen(openDrawer);
+  }, [openDrawer]);
+  useEffect(() => {
+    Animated.spring(animatedWidth, {
+      toValue: open ? drawerWidth : 0,
+      tension: 300,
+      friction: 20,
+      useNativeDriver: false
+    }).start();
+  }, [open, drawerWidth]);
+  React.Children.forEach(children, child => {
+    if (/*#__PURE__*/React.isValidElement(child)) {
+      if (child.type === Shell.Main) {
+        mainContent = child.props.children;
+      } else if (child.type === Shell.Drawer) {
+        drawerContent = child.props.children;
+      }
+    }
+  });
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: {
+      ...styles.container,
+      ...style
+    },
+    testID: testID
+  }, props), /*#__PURE__*/React.createElement(ShellView, {
+    style: {
+      ...styles.mainContainer,
+      borderTopWidth: border ? 1 : 0
+    }
+  }, mainContent), /*#__PURE__*/React.createElement(Animated.View, {
+    style: {
+      ...styles.drawerContainer,
+      width: animatedWidth
+    }
+  }, /*#__PURE__*/React.createElement(ShellDrawer, {
+    style: {
+      borderTopWidth: border ? 1 : 0,
+      borderLeftWidth: border ? 1 : 0
+    }
+  }, drawerContent)));
+};
+export const ShellView = ({
+  children,
+  style = {},
+  theme
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...style,
+      borderTopColor: theme?.greyOutline ?? "rgba(0, 0, 0, 0.12)",
+      borderTopStyle: "solid"
+    }
+  }, children);
+};
+export const ShellDrawer = ({
+  children,
+  style,
+  theme
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...style,
+      ...styles.drawerInnerCon,
+      borderTopColor: theme?.greyOutline ?? "rgba(0, 0, 0, 0.12)",
+      borderTopStyle: "solid",
+      borderLeftColor: theme?.greyOutline ?? "rgba(0, 0, 0, 0.12)",
+      borderLeftStyle: "solid"
+    }
+  }, children);
+};
+Shell.Main = withTheme(ShellView);
+Shell.Drawer = withTheme(ShellDrawer);
+export default Shell;
+//# sourceMappingURL=Shell.js.map["children", "border", "drawerWidth", "style", "openDrawer", "testID"]);
+  var mainContent = null;
+  var drawerContent = null;
+  var _f = (0, react_1.useState)(openDrawer),
+    open = _f[0],
+    setOpen = _f[1];
+  var animatedWidth = new react_native_1.Animated.Value(openDrawer ? drawerWidth : 0);
+  (0, react_1.useEffect)(function () {
+    setOpen(openDrawer);
+  }, [openDrawer]);
+  (0, react_1.useEffect)(function () {
+    react_native_1.Animated.spring(animatedWidth, {
+      toValue: open ? drawerWidth : 0,
+      tension: 300,
+      friction: 20,
+      useNativeDriver: false
+    }).start();
+  }, [open, drawerWidth]);
+  react_1.default.Children.forEach(children, function (child) {
+    if (react_1.default.isValidElement(child)) {
+      if (child.type === Shell.Main) {
+        mainContent = child.props.children;
+      } else if (child.type === Shell.Drawer) {
+        drawerContent = child.props.children;
+      }
+    }
+  });
+  return react_1.default.createElement(react_native_1.View, __assign({
+    style: __assign(__assign({}, styles_1.styles.container), style),
+    testID: testID
+  }, props), react_1.default.createElement(exports.ShellView, {
+    style: __assign(__assign({}, styles_1.styles.mainContainer), {
+      borderTopWidth: border ? 1 : 0
+    })
+  }, mainContent), react_1.default.createElement(react_native_1.Animated.View, {
+    style: __assign(__assign({}, styles_1.styles.drawerContainer), {
+      width: animatedWidth
+    })
+  }, react_1.default.createElement(exports.ShellDrawer, {
+    style: {
+      borderTopWidth: border ? 1 : 0,
+      borderLeftWidth: border ? 1 : 0
+    }
+  }, drawerContent)));
+};
+var ShellView = function (_a) {
+  var _b;
+  var children = _a.children,
+    _c = _a.style,
+    style = _c === void 0 ? {} : _c,
+    theme = _a.theme;
+  return react_1.default.createElement(react_native_1.View, {
+    style: __assign(__assign({}, style), {
+      borderTopColor: (_b = theme === null || theme === void 0 ? void 0 : theme.greyOutline) !== null && _b !== void 0 ? _b : "rgba(0, 0, 0, 0.12)",
+      borderTopStyle: "solid"
+    })
+  }, children);
+};
+exports.ShellView = ShellView;
+var ShellDrawer = function (_a) {
+  var _b, _c;
+  var children = _a.children,
+    style = _a.style,
+    theme = _a.theme;
+  return react_1.default.createElement(react_native_1.View, {
+    style: __assign(__assign(__assign({}, style), styles_1.styles.drawerInnerCon), {
+      borderTopColor: (_b = theme === null || theme === void 0 ? void 0 : theme.greyOutline) !== null && _b !== void 0 ? _b : "rgba(0, 0, 0, 0.12)",
+      borderTopStyle: "solid",
+      borderLeftColor: (_c = theme === null || theme === void 0 ? void 0 : theme.greyOutline) !== null && _c !== void 0 ? _c : "rgba(0, 0, 0, 0.12)",
+      borderLeftStyle: "solid"
+    })
+  }, children);
+};
+exports.ShellDrawer = ShellDrawer;
+Shell.Main = (0, themed_1.withTheme)(exports.ShellView);
+Shell.Drawer = (0, themed_1.withTheme)(exports.ShellDrawer);
+exports.default = Shell;
+//# sourceMappingURL=Shell.js.map