react95-native-rabbl 0.1.1 → 0.1.3

package/dist/module/components/ScrollView/ScrollView.js

@@ -0,0 +1,205 @@
+"use strict";
+
+import React, { useRef } from 'react';
+import { StyleSheet, View, ScrollView as RNScrollView, ImageBackground, PanResponder, TouchableWithoutFeedback } from 'react-native';
+import useAsyncReference from '../../hooks/useAsyncReference';
+import { withTheme } from '../../core/theming';
+import { Panel, Button, ArrowIcon } from '../..';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// TODO: performance improvements (callbacks, refs ...etc)
+// TODO: disable scroll buttons when scroll position reached min or max
+// TODO: add 'scrollIncrement' prop (granularity of scroll buttons)
+const ScrollView = ({
+  alwaysShowScrollbars = false,
+  children,
+  horizontal = false,
+  small = false,
+  scrollViewProps = {},
+  style,
+  theme,
+  ...rest
+}) => {
+  const scrollViewRef = useRef(null);
+  const [contentOffset, setContentOffset] = useAsyncReference(0);
+  const [contentSize, setContentSize] = useAsyncReference(0);
+  const [scrollViewSize, setScrollViewSize] = useAsyncReference(0);
+  const scrollbarThickness = small ? 26 : 30;
+  const scrollbarButtonSize = scrollbarThickness;
+  const scrollbarAxis = horizontal ? 'x' : 'y';
+  const scrollbarLengthDimension = horizontal ? 'width' : 'height';
+  const scrollbarThicknessDimension = horizontal ? 'height' : 'width';
+  const contentFullyVisible = contentSize.current <= scrollViewSize.current;
+  const visibleContentRatio = scrollViewSize.current / contentSize.current;
+  const scrolledContentRatio = contentOffset.current / contentSize.current;
+  const thumbPosition = Math.max(0, Math.min(1 - visibleContentRatio, parseFloat(scrolledContentRatio.toFixed(3)))) * 100;
+
+  // CALLBACKS
+
+  const scrollTo = (distance, animated = false) => {
+    if (scrollViewRef.current) {
+      scrollViewRef.current.scrollTo({
+        [scrollbarAxis]: distance,
+        animated
+      });
+    }
+  };
+  const handleScrollButtonPress = direction => {
+    scrollTo(contentOffset.current + 24 * direction, true);
+  };
+  const handleTrackPress = direction => {
+    scrollTo(contentOffset.current + scrollViewSize.current * direction);
+  };
+  const handleScroll = e => {
+    scrollViewProps.onScroll?.(e);
+    setContentOffset(e.nativeEvent.contentOffset[scrollbarAxis]);
+  };
+  const handleContentSizeChange = (width, height) => {
+    scrollViewProps.onContentSizeChange?.(width, height);
+    setContentSize(horizontal ? width : height);
+  };
+  const handleLayout = e => {
+    scrollViewProps.onLayout?.(e);
+    setScrollViewSize(e.nativeEvent.layout[scrollbarLengthDimension]);
+  };
+  const dragStartScrollPositionRef = useRef(0);
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onStartShouldSetPanResponderCapture: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponderCapture: () => true,
+    onPanResponderGrant: () => {
+      dragStartScrollPositionRef.current = contentOffset.current;
+    },
+    onPanResponderMove: (_evt, gestureState) => {
+      const scrollTrackLength = scrollViewSize.current - 2 * scrollbarButtonSize;
+      const scrollDistanceChange = gestureState[horizontal ? 'dx' : 'dy'] / scrollTrackLength;
+      const translatedDistance = scrollDistanceChange * contentSize.current;
+      scrollTo(dragStartScrollPositionRef.current + translatedDistance);
+    },
+    onPanResponderTerminationRequest: () => true
+  })).current;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, {
+      flexDirection: horizontal ? 'column' : 'row'
+    }, style],
+    ...rest,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.content],
+      children: /*#__PURE__*/_jsx(RNScrollView, {
+        ...scrollViewProps,
+        showsVerticalScrollIndicator: false,
+        showsHorizontalScrollIndicator: false,
+        scrollEventThrottle: 10,
+        ref: scrollViewRef,
+        onScroll: handleScroll,
+        onContentSizeChange: handleContentSizeChange,
+        onLayout: handleLayout,
+        horizontal: horizontal,
+        children: children
+      })
+    }), (!contentFullyVisible || alwaysShowScrollbars) && /*#__PURE__*/_jsxs(View, {
+      accessibilityRole: "scrollbar",
+      style: [{
+        flexDirection: horizontal ? 'row' : 'column',
+        [scrollbarLengthDimension]: '100%',
+        [scrollbarThicknessDimension]: scrollbarThickness,
+        backgroundColor: theme.material
+      }],
+      children: [/*#__PURE__*/_jsx(ImageBackground, {
+        style: [styles.background],
+        imageStyle: {
+          resizeMode: 'repeat'
+        },
+        source: {
+          // TODO: create util function for generating checkered background
+          uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAIUlEQVQoU2P8////fwYkwMjIyIjCp4MCZPtAbAwraa8AAEGrH/nfAIhgAAAAAElFTkSuQmCC'
+        }
+      }), /*#__PURE__*/_jsx(Button, {
+        theme: theme,
+        variant: "raised",
+        onPress: () => handleScrollButtonPress(-1),
+        disabled: contentFullyVisible,
+        style: {
+          height: scrollbarButtonSize,
+          width: scrollbarButtonSize,
+          padding: 0
+        },
+        children: /*#__PURE__*/_jsx(ArrowIcon, {
+          theme: theme,
+          direction: horizontal ? 'left' : 'up',
+          disabled: contentFullyVisible,
+          segments: small ? 3 : 4
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.scrollbarTrack],
+        children: !contentFullyVisible && /*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1,
+            flexDirection: horizontal ? 'row' : 'column'
+          },
+          children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+            onPressIn: () => handleTrackPress(-1),
+            children: /*#__PURE__*/_jsx(View, {
+              style: {
+                [scrollbarLengthDimension]: `${thumbPosition}%`
+              }
+            })
+          }), /*#__PURE__*/_jsx(Panel, {
+            theme: theme,
+            variant: "raised",
+            style: {
+              [scrollbarLengthDimension]: `${visibleContentRatio * 100}%`
+            },
+            ...panResponder.panHandlers
+          }), /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+            onPressIn: () => handleTrackPress(1),
+            children: /*#__PURE__*/_jsx(View, {
+              style: {
+                flex: 1
+              }
+            })
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Button, {
+        theme: theme,
+        variant: "raised",
+        onPress: () => handleScrollButtonPress(1),
+        disabled: contentFullyVisible,
+        style: {
+          height: scrollbarButtonSize,
+          width: scrollbarButtonSize,
+          padding: 0
+        },
+        children: /*#__PURE__*/_jsx(ArrowIcon, {
+          theme: theme,
+          direction: horizontal ? 'right' : 'down',
+          disabled: contentFullyVisible,
+          segments: small ? 3 : 4
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    display: 'flex',
+    position: 'relative'
+  },
+  content: {
+    flexGrow: 1,
+    flexShrink: 1
+  },
+  scrollbarTrack: {
+    overflow: 'hidden',
+    flex: 1
+  },
+  background: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  }
+});
+export default withTheme(ScrollView);
+//# sourceMappingURL=ScrollView.js.map

package/dist/module/components/ScrollView/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","StyleSheet","View","ScrollView","RNScrollView","ImageBackground","PanResponder","TouchableWithoutFeedback","useAsyncReference","withTheme","Panel","Button","ArrowIcon","jsx","_jsx","jsxs","_jsxs","alwaysShowScrollbars","children","horizontal","small","scrollViewProps","style","theme","rest","scrollViewRef","contentOffset","setContentOffset","contentSize","setContentSize","scrollViewSize","setScrollViewSize","scrollbarThickness","scrollbarButtonSize","scrollbarAxis","scrollbarLengthDimension","scrollbarThicknessDimension","contentFullyVisible","current","visibleContentRatio","scrolledContentRatio","thumbPosition","Math","max","min","parseFloat","toFixed","scrollTo","distance","animated","handleScrollButtonPress","direction","handleTrackPress","handleScroll","e","onScroll","nativeEvent","handleContentSizeChange","width","height","onContentSizeChange","handleLayout","onLayout","layout","dragStartScrollPositionRef","panResponder","create","onStartShouldSetPanResponder","onStartShouldSetPanResponderCapture","onMoveShouldSetPanResponder","onMoveShouldSetPanResponderCapture","onPanResponderGrant","onPanResponderMove","_evt","gestureState","scrollTrackLength","scrollDistanceChange","translatedDistance","onPanResponderTerminationRequest","styles","wrapper","flexDirection","content","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","scrollEventThrottle","ref","accessibilityRole","backgroundColor","material","background","imageStyle","resizeMode","source","uri","variant","onPress","disabled","padding","segments","scrollbarTrack","flex","onPressIn","panHandlers","display","position","flexGrow","flexShrink","overflow","top","right","bottom","left"],"sourceRoot":"../../../../src","sources":["components/ScrollView/ScrollView.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/ScrollView/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from './ScrollView';
+//# sourceMappingURL=index.js.map

package/dist/module/components/ScrollView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../src","sources":["components/ScrollView/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,cAAc","ignoreList":[]}

package/dist/module/components/Select/Select.js

@@ -0,0 +1,174 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { StyleSheet, View, TouchableHighlight } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { blockSizes, buildBorderStyles, builtTextStyles } from '../../styles/styles';
+import shadow from '../../styles/shadow';
+import getSelectOptions from './SelectBase';
+import { ScrollView, Text, ArrowIcon, Panel } from '../..';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Select = ({
+  disabled = false,
+  menuMaxHeight,
+  onChange,
+  options = [],
+  style,
+  theme,
+  value,
+  ...rest
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [isPressed, setIsPressed] = useState(false);
+  function handleOptionSelect(option) {
+    onChange(option.value);
+    setIsOpen(false);
+  }
+  function getLabelContainerBackgroundColor() {
+    if (disabled) {
+      return theme.material;
+    }
+    if (isPressed) {
+      return theme.hoverBackground;
+    }
+    return theme.canvas;
+  }
+  const [selectedOptions, selectOptions] = getSelectOptions({
+    options,
+    values: [value],
+    onChange: handleOptionSelect,
+    theme
+  });
+  const selectedOption = selectedOptions[0];
+  // TODO: close dropdown when user touches outside of component
+  // TODO: native prop to use native select
+
+  const borderStyles = buildBorderStyles(theme);
+  const textStyles = builtTextStyles(theme);
+  return /*#__PURE__*/_jsx(Panel, {
+    theme: theme,
+    variant: "cutout",
+    background: disabled ? 'material' : 'canvas',
+    style: [styles.wrapper, style],
+    ...rest,
+    children: /*#__PURE__*/_jsx(TouchableHighlight, {
+      onPress: () => setIsOpen(currentIsOpen => !currentIsOpen),
+      activeOpacity: 1,
+      disabled: disabled,
+      onHideUnderlay: () => setIsPressed(false),
+      onShowUnderlay: () => setIsPressed(true)
+      // TODO: accessibility
+      // accessibilityTraits
+      // accessibilityComponentType
+      // accessibilityRole
+      // accessibilityState
+      ,
+      underlayColor: "none",
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.inner],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: [styles.flex],
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.selectValue, {
+              backgroundColor: disabled ? theme.material : theme.canvas
+            }],
+            children: /*#__PURE__*/_jsx(View, {
+              style: [styles.center, {
+                borderWidth: 2,
+                borderColor: disabled ? theme.material : theme.canvas,
+                backgroundColor: getLabelContainerBackgroundColor()
+              }, isPressed && borderStyles.focusSecondaryOutline],
+              children: /*#__PURE__*/_jsx(Text, {
+                theme: theme,
+                style: [styles.textValue, disabled ? textStyles.disabled : textStyles.default, !disabled && isPressed && {
+                  color: isPressed ? theme.canvasTextInvert : theme.canvasText
+                }],
+                children: selectedOption.label
+              })
+            })
+          }), /*#__PURE__*/_jsx(Panel, {
+            theme: theme,
+            variant: isPressed ? 'default' : 'raised',
+            invert: isPressed,
+            style: [styles.fakeButton],
+            children: /*#__PURE__*/_jsx(ArrowIcon, {
+              theme: theme,
+              segments: 4,
+              direction: "down",
+              disabled: disabled,
+              style: {
+                paddingTop: isPressed ? 2 : 0
+              }
+            })
+          })]
+        }), isOpen && /*#__PURE__*/_jsx(View, {
+          style: [styles.options, {
+            height: menuMaxHeight || 'auto',
+            backgroundColor: theme.canvas,
+            borderColor: theme.borderDarkest
+          }],
+          children: /*#__PURE__*/_jsx(ScrollView, {
+            theme: theme,
+            children: selectOptions
+          })
+        })]
+      })
+    })
+  });
+};
+const selectHeight = blockSizes.md;
+const styles = StyleSheet.create({
+  wrapper: {
+    height: selectHeight,
+    alignSelf: 'flex-start',
+    padding: 0
+  },
+  inner: {
+    position: 'relative',
+    padding: 4
+  },
+  flex: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignContent: 'center',
+    alignItems: 'center',
+    height: '100%'
+  },
+  selectValue: {
+    flexGrow: 1,
+    flex: 1,
+    height: '100%',
+    padding: 2
+  },
+  center: {
+    flexGrow: 1,
+    flex: 1,
+    height: '100%',
+    justifyContent: 'center'
+  },
+  textValue: {
+    fontSize: 16,
+    paddingHorizontal: 4
+  },
+  fakeButton: {
+    position: 'relative',
+    height: '100%',
+    width: 30,
+    padding: 4,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  options: {
+    position: 'absolute',
+    top: selectHeight,
+    left: 0,
+    right: 0,
+    borderWidth: 2,
+    padding: 2,
+    display: 'flex',
+    ...shadow(2)
+  }
+});
+export default withTheme(Select);
+//# sourceMappingURL=Select.js.map

package/dist/module/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","StyleSheet","View","TouchableHighlight","withTheme","blockSizes","buildBorderStyles","builtTextStyles","shadow","getSelectOptions","ScrollView","Text","ArrowIcon","Panel","jsx","_jsx","jsxs","_jsxs","Select","disabled","menuMaxHeight","onChange","options","style","theme","value","rest","isOpen","setIsOpen","isPressed","setIsPressed","handleOptionSelect","option","getLabelContainerBackgroundColor","material","hoverBackground","canvas","selectedOptions","selectOptions","values","selectedOption","borderStyles","textStyles","variant","background","styles","wrapper","children","onPress","currentIsOpen","activeOpacity","onHideUnderlay","onShowUnderlay","underlayColor","inner","flex","selectValue","backgroundColor","center","borderWidth","borderColor","focusSecondaryOutline","textValue","default","color","canvasTextInvert","canvasText","label","invert","fakeButton","segments","direction","paddingTop","height","borderDarkest","selectHeight","md","create","alignSelf","padding","position","display","flexDirection","justifyContent","alignContent","alignItems","flexGrow","fontSize","paddingHorizontal","width","top","left","right"],"sourceRoot":"../../../../src","sources":["components/Select/Select.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Select/SelectBase.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { StyleSheet, View, TouchableHighlight } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { blockSizes } from '../../styles/styles';
+import { Text } from '../..';
+// TODO: allow for no option selected
+import { jsx as _jsx } from "react/jsx-runtime";
+const SelectItem = ({
+  isSelected,
+  onPress,
+  option,
+  theme
+}) => {
+  const [isPressed, setIsPressed] = useState(false);
+  return /*#__PURE__*/_jsx(TouchableHighlight, {
+    onPress: () => onPress(option),
+    onHideUnderlay: () => setIsPressed(false),
+    onShowUnderlay: () => setIsPressed(true),
+    underlayColor: "none"
+    // delay to prevent item highlighting on scroll
+    ,
+    delayPressIn: 70,
+    activeOpacity: 1,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.center, styles.optionWrapper, {
+        borderColor: isPressed ? theme.focusSecondary : 'transparent',
+        backgroundColor: isPressed || isSelected ? theme.hoverBackground : theme.canvas
+      }],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.optionText, {
+          color: isPressed || isSelected ? theme.canvasTextInvert : theme.canvasText
+        }],
+        children: option.label
+      })
+    })
+  });
+};
+const SelectItemWithTheme = withTheme(SelectItem);
+const selectHeight = blockSizes.md + 2;
+const styles = StyleSheet.create({
+  center: {
+    flexGrow: 1,
+    flex: 1,
+    height: '100%',
+    justifyContent: 'center'
+  },
+  optionWrapper: {
+    height: selectHeight - 4,
+    borderWidth: 2,
+    borderStyle: 'dotted'
+  },
+  optionText: {
+    fontSize: 16,
+    paddingLeft: 6
+  }
+});
+export default function getSelectOptions({
+  options,
+  values,
+  onChange,
+  theme
+}) {
+  const selectedOptions = options.filter(option => values.includes(option.value));
+  const optionItems = options.map(option => /*#__PURE__*/_jsx(SelectItemWithTheme, {
+    theme: theme,
+    option: option,
+    isSelected: selectedOptions.includes(option),
+    onPress: onChange
+  }, option.value));
+  return [selectedOptions, optionItems];
+}
+//# sourceMappingURL=SelectBase.js.map

package/dist/module/components/Select/SelectBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","StyleSheet","View","TouchableHighlight","withTheme","blockSizes","Text","jsx","_jsx","SelectItem","isSelected","onPress","option","theme","isPressed","setIsPressed","onHideUnderlay","onShowUnderlay","underlayColor","delayPressIn","activeOpacity","children","style","styles","center","optionWrapper","borderColor","focusSecondary","backgroundColor","hoverBackground","canvas","optionText","color","canvasTextInvert","canvasText","label","SelectItemWithTheme","selectHeight","md","create","flexGrow","flex","height","justifyContent","borderWidth","borderStyle","fontSize","paddingLeft","getSelectOptions","options","values","onChange","selectedOptions","filter","includes","value","optionItems","map"],"sourceRoot":"../../../../src","sources":["components/Select/SelectBase.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,EAAEC,IAAI,EAAEC,kBAAkB,QAAQ,cAAc;AAGnE,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,SAASC,UAAU,QAAQ,qBAAqB;AAEhD,SAASC,IAAI,QAAQ,OAAO;AAC5B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAaA,MAAMC,UAAU,GAAGA,CAAC;EAClBC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC;AACe,CAAC,KAAK;EACrB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAEjD,oBACEQ,IAAA,CAACL,kBAAkB;IACjBQ,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACC,MAAM,CAAE;IAC/BI,cAAc,EAAEA,CAAA,KAAMD,YAAY,CAAC,KAAK,CAAE;IAC1CE,cAAc,EAAEA,CAAA,KAAMF,YAAY,CAAC,IAAI,CAAE;IACzCG,aAAa,EAAC;IACd;IAAA;IACAC,YAAY,EAAE,EAAG;IACjBC,aAAa,EAAE,CAAE;IAAAC,QAAA,eAEjBb,IAAA,CAACN,IAAI;MACHoB,KAAK,EAAE,CACLC,MAAM,CAACC,MAAM,EACbD,MAAM,CAACE,aAAa,EACpB;QACEC,WAAW,EAAEZ,SAAS,GAAGD,KAAK,CAACc,cAAc,GAAG,aAAa;QAC7DC,eAAe,EACbd,SAAS,IAAIJ,UAAU,GAAGG,KAAK,CAACgB,eAAe,GAAGhB,KAAK,CAACiB;MAC5D,CAAC,CACD;MAAAT,QAAA,eAEFb,IAAA,CAACF,IAAI;QACHgB,KAAK,EAAE,CACLC,MAAM,CAACQ,UAAU,EACjB;UACEC,KAAK,EACHlB,SAAS,IAAIJ,UAAU,GACnBG,KAAK,CAACoB,gBAAgB,GACtBpB,KAAK,CAACqB;QACd,CAAC,CACD;QAAAb,QAAA,EAEDT,MAAM,CAACuB;MAAK,CACT;IAAC,CACH;EAAC,CACW,CAAC;AAEzB,CAAC;AAED,MAAMC,mBAAmB,GAAGhC,SAAS,CAACK,UAAU,CAAC;AAEjD,MAAM4B,YAAY,GAAGhC,UAAU,CAACiC,EAAE,GAAG,CAAC;AAEtC,MAAMf,MAAM,GAAGtB,UAAU,CAACsC,MAAM,CAAC;EAC/Bf,MAAM,EAAE;IACNgB,QAAQ,EAAE,CAAC;IACXC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,MAAM;IACdC,cAAc,EAAE;EAClB,CAAC;EACDlB,aAAa,EAAE;IACbiB,MAAM,EAAEL,YAAY,GAAG,CAAC;IACxBO,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDd,UAAU,EAAE;IACVe,QAAQ,EAAE,EAAE;IACZC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AASF,eAAe,SAASC,gBAAgBA,CAAC;EACvCC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACRtC;AACkB,CAAC,EAAmC;EACtD,MAAMuC,eAAe,GAAGH,OAAO,CAACI,MAAM,CAACzC,MAAM,IAC3CsC,MAAM,CAACI,QAAQ,CAAC1C,MAAM,CAAC2C,KAAK,CAC9B,CAAC;EAED,MAAMC,WAAW,GAAGP,OAAO,CAACQ,GAAG,CAAC7C,MAAM,iBACpCJ,IAAA,CAAC4B,mBAAmB;IAClBvB,KAAK,EAAEA,KAAM;IAEbD,MAAM,EAAEA,MAAO;IACfF,UAAU,EAAE0C,eAAe,CAACE,QAAQ,CAAC1C,MAAM,CAAE;IAC7CD,OAAO,EAAEwC;EAAS,GAHbvC,MAAM,CAAC2C,KAIb,CACF,CAAC;EACF,OAAO,CAACH,eAAe,EAAEI,WAAW,CAAC;AACvC","ignoreList":[]}

package/dist/module/components/Select/SelectBox.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { withTheme } from '../../core/theming';
+import getSelectOptions from './SelectBase';
+import { ScrollView, Panel } from '../..';
+
+// TODO: multiselect
+import { jsx as _jsx } from "react/jsx-runtime";
+const SelectBox = ({
+  onChange,
+  options = [],
+  style,
+  theme,
+  value,
+  ...rest
+}) => {
+  const [, selectOptions] = getSelectOptions({
+    theme,
+    options,
+    values: [value],
+    onChange: handleOptionSelect
+  });
+  function handleOptionSelect(option) {
+    onChange(option.value);
+  }
+  return /*#__PURE__*/_jsx(Panel, {
+    theme: theme,
+    variant: "cutout",
+    background: "canvas",
+    style: [styles.wrapper, style],
+    ...rest,
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      theme: theme,
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.content, {
+          backgroundColor: theme.canvas
+        }],
+        children: selectOptions
+      })
+    })
+  });
+};
+export default withTheme(SelectBox);
+const styles = StyleSheet.create({
+  wrapper: {
+    paddingVertical: 4,
+    paddingHorizontal: 4
+  },
+  content: {
+    padding: 2
+  }
+});
+//# sourceMappingURL=SelectBox.js.map

package/dist/module/components/Select/SelectBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","withTheme","getSelectOptions","ScrollView","Panel","jsx","_jsx","SelectBox","onChange","options","style","theme","value","rest","selectOptions","values","handleOptionSelect","option","variant","background","styles","wrapper","children","content","backgroundColor","canvas","create","paddingVertical","paddingHorizontal","padding"],"sourceRoot":"../../../../src","sources":["components/Select/SelectBox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAGrE,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,OAAOC,gBAAgB,MAAkB,cAAc;AACvD,SAASC,UAAU,EAAEC,KAAK,QAAQ,OAAO;;AAEzC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUA,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,KAAK;EACLC,KAAK;EACLC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,MAAM,GAAGC,aAAa,CAAC,GAAGZ,gBAAgB,CAAC;IACzCS,KAAK;IACLF,OAAO;IACPM,MAAM,EAAE,CAACH,KAAK,CAAC;IACfJ,QAAQ,EAAEQ;EACZ,CAAC,CAAC;EAEF,SAASA,kBAAkBA,CAACC,MAAc,EAAE;IAC1CT,QAAQ,CAACS,MAAM,CAACL,KAAK,CAAC;EACxB;EAEA,oBACEN,IAAA,CAACF,KAAK;IACJO,KAAK,EAAEA,KAAM;IACbO,OAAO,EAAC,QAAQ;IAChBC,UAAU,EAAC,QAAQ;IACnBT,KAAK,EAAE,CAACU,MAAM,CAACC,OAAO,EAAEX,KAAK,CAAE;IAAA,GAC3BG,IAAI;IAAAS,QAAA,eAERhB,IAAA,CAACH,UAAU;MAACQ,KAAK,EAAEA,KAAM;MAAAW,QAAA,eACvBhB,IAAA,CAACN,IAAI;QAACU,KAAK,EAAE,CAACU,MAAM,CAACG,OAAO,EAAE;UAAEC,eAAe,EAAEb,KAAK,CAACc;QAAO,CAAC,CAAE;QAAAH,QAAA,EAC9DR;MAAa,CACV;IAAC,CACG;EAAC,CACR,CAAC;AAEZ,CAAC;AAED,eAAeb,SAAS,CAACM,SAAS,CAAC;AAEnC,MAAMa,MAAM,GAAGrB,UAAU,CAAC2B,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDL,OAAO,EAAE;IACPM,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/components/Select/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as Select } from './Select';
+export { default as SelectBox } from './SelectBox';
+//# sourceMappingURL=index.js.map

package/dist/module/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Select","SelectBox"],"sourceRoot":"../../../../src","sources":["components/Select/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,SAAS,QAAQ,aAAa","ignoreList":[]}