react95-native-rabbl 0.1.1 → 0.1.2

package/dist/module/components/Slider/Slider.js

@@ -0,0 +1,237 @@
+"use strict";
+
+import React, { useRef, useState, useEffect } from 'react';
+import { StyleSheet, View, PanResponder, ImageBackground } from 'react-native';
+import useAsyncReference from '../../hooks/useAsyncReference';
+import { withTheme } from '../../core/theming';
+import { buildBorderStyles } from '../../styles/styles';
+import { Border } from '../../styles/styleElements';
+import { clamp, roundValueToStep, findClosest } from '../../utils';
+import { Panel, Text, Label } from '../..';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function percentToValue(percent, min, max) {
+  return (max - min) * percent + min;
+}
+const Slider = ({
+  disabled = false,
+  marks: marksProp,
+  max = 100,
+  min = 0,
+  onChange,
+  onChangeCommitted,
+  step = 1,
+  style,
+  theme,
+  value = 0,
+  ...rest
+}) => {
+  const [isUsed, setIsUsed] = useState(false);
+  let marks;
+  // if marks is set to true, we only show ticks at specified steps
+  if (marksProp === true && step !== null) {
+    marks = [...Array(Math.round((max - min) / step) + 1)].map((_, index) => ({
+      value: min + step * index
+    }));
+    // otherwise we display ticks and optional labels specified by the developer
+  } else if (Array.isArray(marksProp)) {
+    marks = marksProp;
+    // otherwise don't display any marks or labels
+  } else {
+    marks = [];
+  }
+  const [sliderSize, setSliderSize] = useAsyncReference(0);
+  const handleLayout = e => {
+    setSliderSize(e.nativeEvent.layout.width);
+  };
+  const getNewValue = e => {
+    const percent = clamp(e.nativeEvent.locationX / sliderSize.current, 0, 1);
+    let newValue = percentToValue(percent, min, max);
+    if (step) {
+      newValue = roundValueToStep(newValue, step, min);
+    } else {
+      const marksValues = marks.map(mark => mark.value);
+      const closestIndex = findClosest(marksValues, newValue);
+      newValue = marksValues[closestIndex];
+    }
+    newValue = clamp(newValue, min, max);
+    return newValue;
+  };
+
+  // TODO: is this a good approach?
+  const valueRef = useRef(value);
+  useEffect(() => {
+    valueRef.current = value;
+  }, [value]);
+  const handleChange = newValue => {
+    if (valueRef.current !== newValue) {
+      onChange?.(newValue);
+    }
+  };
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onStartShouldSetPanResponderCapture: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponderCapture: () => true,
+    onPanResponderStart: e => {
+      setIsUsed(true);
+      const newValue = getNewValue(e);
+      handleChange(newValue);
+    },
+    onPanResponderMove: e => {
+      const newValue = getNewValue(e);
+      handleChange(newValue);
+    },
+    onPanResponderEnd: e => {
+      setIsUsed(false);
+      const newValue = getNewValue(e);
+      onChangeCommitted?.(newValue);
+    },
+    onPanResponderTerminationRequest: () => true
+  })).current;
+  const borderStyles = buildBorderStyles(theme);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.wrapper, style],
+    ...rest,
+    accessibilityRole: "adjustable",
+    accessibilityState: {
+      disabled
+    },
+    accessibilityValue: {
+      min,
+      max,
+      now: value
+    },
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.inner, isUsed ? borderStyles.focusOutline : {
+        borderWidth: 2,
+        borderColor: 'transparent'
+      }],
+      children: [/*#__PURE__*/_jsx(View, {
+        pointerEvents: disabled ? 'none' : 'auto',
+        style: [styles.track],
+        onLayout: handleLayout,
+        ...panResponder.panHandlers,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: [styles.trackInner],
+          children: [/*#__PURE__*/_jsx(Border, {
+            theme: theme,
+            variant: "cutout"
+          }), /*#__PURE__*/_jsxs(Panel, {
+            theme: theme,
+            pointerEvents: "none",
+            style: [styles.thumb, {
+              left: `${100 * (value - min) / (max - min)}%`
+            }],
+            children: [disabled && /*#__PURE__*/_jsx(ImageBackground, {
+              style: {
+                flex: 1
+              },
+              imageStyle: {
+                resizeMode: 'repeat'
+              },
+              source: {
+                // TODO: create util function for generating checkered background
+                uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAIUlEQVQoU2P8////fwYkwMjIyIjCp4MCZPtAbAwraa8AAEGrH/nfAIhgAAAAAElFTkSuQmCC'
+              }
+            }), isUsed && /*#__PURE__*/_jsx(View, {
+              style: styles.tooltipWrapper,
+              children: /*#__PURE__*/_jsx(Label, {
+                elevation: 4,
+                style: styles.tooltip,
+                children: value
+              })
+            })]
+          })]
+        })
+      }), marks && /*#__PURE__*/_jsx(View, {
+        style: styles.marksWrapper,
+        children: marks.map((m, index) => /*#__PURE__*/_jsxs(View, {
+          style: [styles.mark, {
+            position: index === 0 ? 'relative' : 'absolute',
+            left: `${(m.value - min) / (max - min) * 100}%`
+          }],
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.tick, {
+              backgroundColor: disabled ? theme.materialTextDisabled : theme.materialText,
+              // TODO: util function to create disabled shadows
+              shadowColor: disabled ? theme.materialTextDisabledShadow : 'transparent',
+              shadowOffset: {
+                width: 1,
+                height: 1
+              },
+              shadowOpacity: 1,
+              shadowRadius: 0
+            }]
+          }), m.label ? /*#__PURE__*/_jsx(Text, {
+            style: styles.markText,
+            disabled: disabled,
+            children: m.label
+          }) : null]
+        }, m.value / (max - min) * 100))
+      })]
+    })
+  });
+};
+const thumbWidth = 18;
+const thumbHeight = 32;
+const tickSize = 6;
+const styles = StyleSheet.create({
+  wrapper: {
+    paddingVertical: 4
+  },
+  inner: {
+    position: 'relative',
+    paddingHorizontal: 16
+  },
+  track: {
+    paddingVertical: thumbHeight / 2
+  },
+  trackInner: {
+    height: 8,
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  thumb: {
+    position: 'absolute',
+    width: thumbWidth,
+    height: thumbHeight,
+    transform: [{
+      translateX: -thumbWidth / 2
+    }]
+  },
+  tooltipWrapper: {
+    position: 'absolute',
+    top: -44,
+    left: thumbWidth / 2,
+    alignItems: 'center'
+  },
+  tooltip: {
+    position: 'absolute',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  marksWrapper: {
+    position: 'relative'
+  },
+  mark: {
+    transform: [{
+      translateX: -1
+    }]
+  },
+  tick: {
+    height: tickSize,
+    marginBottom: 2,
+    width: 2
+  },
+  markText: {
+    fontSize: 14,
+    // TODO: is there a way to translate by 0.5 of a character width?
+    // tick should centered above
+    transform: [{
+      translateX: -2
+    }]
+  }
+});
+export default withTheme(Slider);
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","useEffect","StyleSheet","View","PanResponder","ImageBackground","useAsyncReference","withTheme","buildBorderStyles","Border","clamp","roundValueToStep","findClosest","Panel","Text","Label","jsx","_jsx","jsxs","_jsxs","percentToValue","percent","min","max","Slider","disabled","marks","marksProp","onChange","onChangeCommitted","step","style","theme","value","rest","isUsed","setIsUsed","Array","Math","round","map","_","index","isArray","sliderSize","setSliderSize","handleLayout","e","nativeEvent","layout","width","getNewValue","locationX","current","newValue","marksValues","mark","closestIndex","valueRef","handleChange","panResponder","create","onStartShouldSetPanResponder","onStartShouldSetPanResponderCapture","onMoveShouldSetPanResponder","onMoveShouldSetPanResponderCapture","onPanResponderStart","onPanResponderMove","onPanResponderEnd","onPanResponderTerminationRequest","borderStyles","styles","wrapper","accessibilityRole","accessibilityState","accessibilityValue","now","children","inner","focusOutline","borderWidth","borderColor","pointerEvents","track","onLayout","panHandlers","trackInner","variant","thumb","left","flex","imageStyle","resizeMode","source","uri","tooltipWrapper","elevation","tooltip","marksWrapper","m","position","tick","backgroundColor","materialTextDisabled","materialText","shadowColor","materialTextDisabledShadow","shadowOffset","height","shadowOpacity","shadowRadius","label","markText","thumbWidth","thumbHeight","tickSize","paddingVertical","paddingHorizontal","alignItems","justifyContent","transform","translateX","top","marginBottom","fontSize"],"sourceRoot":"../../../../src","sources":["components/Slider/Slider.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/dist/module/components/Snackbar/Snackbar.js

@@ -0,0 +1,187 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated, SafeAreaView, StyleSheet, View, ImageBackground, TouchableOpacity } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { Text } from '../..';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DURATION_SHORT = 4000;
+const DURATION_MEDIUM = 7000;
+const DURATION_LONG = 10000;
+const shadowOffset = 8;
+const radius = 4;
+const Snackbar = ({
+  visible,
+  action,
+  duration = DURATION_MEDIUM,
+  onDismiss,
+  children,
+  wrapperStyle,
+  style,
+  theme,
+  ...rest
+}) => {
+  const {
+    current: opacity
+  } = React.useRef(new Animated.Value(0.0));
+  const [hidden, setHidden] = React.useState(!visible);
+  const hideTimeout = React.useRef(undefined);
+  const scale = 0.5;
+  React.useEffect(() => {
+    return () => {
+      if (hideTimeout.current) clearTimeout(hideTimeout.current);
+    };
+  }, []);
+  React.useLayoutEffect(() => {
+    if (visible) {
+      // show
+      if (hideTimeout.current) clearTimeout(hideTimeout.current);
+      setHidden(false);
+      Animated.timing(opacity, {
+        toValue: 1,
+        duration: 200 * scale,
+        useNativeDriver: true
+      }).start(({
+        finished
+      }) => {
+        if (finished) {
+          const isInfinity = duration === Number.POSITIVE_INFINITY || duration === Number.NEGATIVE_INFINITY;
+          if (finished && !isInfinity) {
+            hideTimeout.current = setTimeout(onDismiss, duration);
+          }
+        }
+      });
+    } else {
+      // hide
+      if (hideTimeout.current) clearTimeout(hideTimeout.current);
+      Animated.timing(opacity, {
+        toValue: 0,
+        duration: 100 * scale,
+        useNativeDriver: true
+      }).start(({
+        finished
+      }) => {
+        if (finished) setHidden(true);
+      });
+    }
+  }, [visible, duration, opacity, scale, onDismiss]);
+  if (hidden) return null;
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    pointerEvents: "box-none",
+    style: [styles.wrapper, wrapperStyle],
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "box-none",
+      accessibilityLiveRegion: "polite"
+      // TODO: fix this TS error
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      ,
+      style: [styles.container, {
+        opacity,
+        transform: [{
+          scale: visible ? opacity.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0.9, 1]
+          }) : 1
+        }]
+      }, style],
+      ...rest,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.inner,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.shadow,
+          children: /*#__PURE__*/_jsx(ImageBackground, {
+            style: [{
+              width: '100%',
+              height: '100%'
+            }],
+            imageStyle: {
+              resizeMode: 'repeat'
+            },
+            source: {
+              uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQoU2NkYGD4z4AKGJG5IA4dFKA5AdVKFAdBVaK4iXIFAEiuCAWq9MdHAAAAAElFTkSuQmCC'
+            }
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: [styles.card, {
+            backgroundColor: theme.tooltip,
+            borderColor: theme.borderDarkest
+          }],
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.content, {
+              marginRight: action ? 0 : 16
+            }],
+            children: children
+          }), action ? /*#__PURE__*/_jsx(TouchableOpacity, {
+            activeOpacity: 0.4,
+            accessibilityLabel: action.accessibilityLabel,
+            onPress: () => {
+              action.onPress();
+              onDismiss();
+            },
+            style: styles.button,
+            children: /*#__PURE__*/_jsx(Text, {
+              bold: true,
+              style: styles.buttonText,
+              children: action.label
+            })
+          }) : null]
+        })]
+      })
+    })
+  });
+};
+Snackbar.DURATION_SHORT = DURATION_SHORT;
+Snackbar.DURATION_MEDIUM = DURATION_MEDIUM;
+Snackbar.DURATION_LONG = DURATION_LONG;
+const styles = StyleSheet.create({
+  wrapper: {
+    position: 'absolute',
+    bottom: 0,
+    width: '100%'
+  },
+  container: {
+    margin: 16
+  },
+  content: {
+    marginLeft: 16,
+    marginVertical: 16
+  },
+  button: {
+    marginHorizontal: 8,
+    marginVertical: 8,
+    textTransform: 'uppercase',
+    alignSelf: 'flex-end',
+    height: 36,
+    paddingHorizontal: 8,
+    alignContent: 'center',
+    justifyContent: 'center'
+  },
+  buttonText: {
+    textTransform: 'uppercase'
+  },
+  inner: {
+    flex: 1,
+    marginRight: shadowOffset,
+    marginBottom: shadowOffset
+  },
+  card: {
+    borderWidth: 2,
+    borderRadius: radius,
+    flexWrap: 'wrap',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  shadow: {
+    position: 'absolute',
+    top: shadowOffset,
+    left: shadowOffset,
+    overflow: 'hidden',
+    borderRadius: radius,
+    width: '100%',
+    height: '100%'
+  }
+});
+export default withTheme(Snackbar);
+//# sourceMappingURL=Snackbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","SafeAreaView","StyleSheet","View","ImageBackground","TouchableOpacity","withTheme","Text","jsx","_jsx","jsxs","_jsxs","DURATION_SHORT","DURATION_MEDIUM","DURATION_LONG","shadowOffset","radius","Snackbar","visible","action","duration","onDismiss","children","wrapperStyle","style","theme","rest","current","opacity","useRef","Value","hidden","setHidden","useState","hideTimeout","undefined","scale","useEffect","clearTimeout","useLayoutEffect","timing","toValue","useNativeDriver","start","finished","isInfinity","Number","POSITIVE_INFINITY","NEGATIVE_INFINITY","setTimeout","pointerEvents","styles","wrapper","accessibilityLiveRegion","container","transform","interpolate","inputRange","outputRange","inner","shadow","width","height","imageStyle","resizeMode","source","uri","card","backgroundColor","tooltip","borderColor","borderDarkest","content","marginRight","activeOpacity","accessibilityLabel","onPress","button","bold","buttonText","label","create","position","bottom","margin","marginLeft","marginVertical","marginHorizontal","textTransform","alignSelf","paddingHorizontal","alignContent","justifyContent","flex","marginBottom","borderWidth","borderRadius","flexWrap","flexDirection","alignItems","top","left","overflow"],"sourceRoot":"../../../../src","sources":["components/Snackbar/Snackbar.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Snackbar/SnackbarContent.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SnackbarContent = ({
+  children,
+  style = {},
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.wrapper, style],
+    ...rest,
+    children: children
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    padding: 8
+  }
+});
+export default SnackbarContent;
+//# sourceMappingURL=SnackbarContent.js.map

package/dist/module/components/Snackbar/SnackbarContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","jsx","_jsx","SnackbarContent","children","style","rest","styles","wrapper","create","padding"],"sourceRoot":"../../../../src","sources":["components/Snackbar/SnackbarContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAaC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtE,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK,GAAG,CAAC,CAAC;EAAE,GAAGC;AAAY,CAAC,KAAK;EACpE,oBACEJ,IAAA,CAACF,IAAI;IAACK,KAAK,EAAE,CAACE,MAAM,CAACC,OAAO,EAAEH,KAAK,CAAE;IAAA,GAAKC,IAAI;IAAAF,QAAA,EAC3CA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGR,UAAU,CAACU,MAAM,CAAC;EAC/BD,OAAO,EAAE;IACPE,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAeP,eAAe","ignoreList":[]}

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

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

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

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

package/dist/module/components/SwitchBase/SwitchBase.js

@@ -0,0 +1,150 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, TouchableHighlight, ImageBackground, View } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { buildBorderStyles } from '../../styles/styles';
+import { Border } from '../../styles/styleElements';
+import { Text, CheckmarkIcon } from '../..';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const checkboxSize = 20;
+const radioSize = 20;
+// TODO: see if ref is passed
+
+const SwitchBase = ({
+  component,
+  disabled = false,
+  label = '',
+  variant = 'default',
+  onPress = () => {},
+  status,
+  style = {},
+  theme,
+  ...rest
+}) => {
+  const [isPressed, setIsPressed] = React.useState(false);
+  const isRadio = component === 'radio';
+  const switchSize = !isRadio ? checkboxSize : radioSize;
+  const boxSize = variant === 'flat' ? switchSize - 4 : switchSize;
+  const borderRadius = isRadio ? boxSize / 2 : 0;
+  const checked = status === 'checked';
+  const borders = buildBorderStyles(theme);
+  const renderCheckmark = () => {
+    if (checked) {
+      return isRadio ? /*#__PURE__*/_jsx(View, {
+        style: {
+          borderRadius: 6,
+          height: 6,
+          width: 6,
+          backgroundColor: disabled ? theme.checkmarkDisabled : theme.checkmark
+        }
+      }) : /*#__PURE__*/_jsx(CheckmarkIcon, {
+        disabled: disabled
+      });
+    }
+    if (status === 'indeterminate') {
+      return /*#__PURE__*/_jsx(ImageBackground, {
+        style: [{
+          width: '100%',
+          height: '100%'
+        }],
+        imageStyle: {
+          resizeMode: 'repeat'
+        },
+        source: {
+          uri: {
+            default: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQoU2NkYGD4z4AKGJG5IA4dFKA5AdVKFAdBVaK4iXIFAEiuCAWq9MdHAAAAAElFTkSuQmCC',
+            disabled: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQoU2NsaW35z4AEaqprGJH5jHRQgGwfiI1uJYqDaKMAAHKtGjlbjgHwAAAAAElFTkSuQmCC'
+          }[disabled ? 'disabled' : 'default']
+        }
+      });
+    }
+    return /*#__PURE__*/_jsx(Text, {
+      children: " "
+    });
+  };
+  const getBackgroundColor = () => {
+    if (variant === 'flat') {
+      return disabled ? theme.flatLight : theme.canvas;
+    }
+    return disabled ? theme.material : theme.canvas;
+  };
+
+  /*const getAccessibilityComponentType = () => {
+    if (isRadio) {
+      return checked ? 'radiobutton_checked' : 'radiobutton_unchecked';
+    }
+    return 'button';
+  };*/
+
+  return /*#__PURE__*/_jsx(TouchableHighlight, {
+    style: [styles.wrapper],
+    onPress: onPress,
+    activeOpacity: 1,
+    disabled: disabled,
+    onHideUnderlay: () => setIsPressed(false),
+    onShowUnderlay: () => setIsPressed(true)
+    // TODO: check if those accessibility properties are correct
+    ,
+    accessibilityRole: component,
+    accessibilityState: {
+      disabled,
+      checked
+    },
+    accessibilityLiveRegion: "polite",
+    underlayColor: "none",
+    ...rest,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.content, style],
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: [styles.switchSymbol, {
+          width: boxSize,
+          height: boxSize,
+          backgroundColor: getBackgroundColor(),
+          borderRadius,
+          overflow: 'hidden'
+        }],
+        children: [renderCheckmark(), /*#__PURE__*/_jsx(Border, {
+          variant: variant === 'flat' ? 'flat' : 'cutout',
+          radius: borderRadius
+        })]
+      }), Boolean(label) && /*#__PURE__*/_jsx(View, {
+        style: [styles.labelWrapper, !disabled && isPressed ? borders.focusOutline : {
+          borderWidth: 2,
+          borderColor: 'transparent'
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          disabled: disabled,
+          style: [styles.label],
+          children: label
+        })
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    width: 'auto',
+    alignSelf: 'flex-start',
+    padding: 4
+  },
+  content: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: 'auto'
+  },
+  switchSymbol: {
+    marginRight: 4,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  labelWrapper: {
+    paddingHorizontal: 4
+  },
+  label: {
+    fontSize: 16
+  }
+});
+const SwitchBaseWithTheme = withTheme(SwitchBase);
+export { SwitchBaseWithTheme as SwitchBase };
+//# sourceMappingURL=SwitchBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","TouchableHighlight","ImageBackground","View","withTheme","buildBorderStyles","Border","Text","CheckmarkIcon","jsx","_jsx","jsxs","_jsxs","checkboxSize","radioSize","SwitchBase","component","disabled","label","variant","onPress","status","style","theme","rest","isPressed","setIsPressed","useState","isRadio","switchSize","boxSize","borderRadius","checked","borders","renderCheckmark","height","width","backgroundColor","checkmarkDisabled","checkmark","imageStyle","resizeMode","source","uri","default","children","getBackgroundColor","flatLight","canvas","material","styles","wrapper","activeOpacity","onHideUnderlay","onShowUnderlay","accessibilityRole","accessibilityState","accessibilityLiveRegion","underlayColor","content","switchSymbol","overflow","radius","Boolean","labelWrapper","focusOutline","borderWidth","borderColor","create","alignSelf","padding","flexDirection","alignItems","marginRight","justifyContent","paddingHorizontal","fontSize","SwitchBaseWithTheme"],"sourceRoot":"../../../../src","sources":["components/SwitchBase/SwitchBase.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from './SwitchBase';
+//# sourceMappingURL=index.js.map

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

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