@draftbit/core 46.1.4-e6469c.0 → 46.2.1-327d47.2

package/lib/commonjs/components/ActionSheet/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.js"],"sourcesContent":["export { default as ActionSheet } from \"./ActionSheet\";\nexport { default as ActionSheetItem } from \"./ActionSheetItem\";\nexport { default as ActionSheetCancel } from \"./ActionSheetCancel\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export { default as ActionSheet } from \"./ActionSheet\";\nexport { default as ActionSheetItem } from \"./ActionSheetItem\";\nexport { default as ActionSheetCancel } from \"./ActionSheetCancel\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}

package/lib/commonjs/components/CardBlock.js

@@ -21,8 +21,6 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const CardBlock = _ref => {
   let {
     image = _Config.default.cardImageUrl,
@@ -62,11 +60,12 @@ const CardBlock = _ref => {
   const rightDescriptionStyles = [typography.subtitle2, {
     color: colors.light
   }];
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       backgroundColor: colors.background
     }
@@ -118,5 +117,16 @@ const CardBlock = _ref => {
 
 var _default = (0, _theming.withTheme)(CardBlock);
 
+exports.default = _default;
+//# sourceMappingURL=CardBlock.js.mapcolors.medium
+    }]
+  }, leftDescription), rightDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    style: rightDescriptionStyles
+  }, rightDescription) : null) : null));
+};
+
+var _default = (0, _theming.withTheme)(CardBlock);
+
 exports.default = _default;
 //# sourceMappingURL=CardBlock.js.map

package/lib/commonjs/components/CardBlock.js.map

@@ -1 +1 @@
-{"version":3,"names":["CardBlock","image","Config","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","backgroundColor","background","borderRadius","uri","flexDirection","alignItems","justifyContent","marginTop","strong","body2","medium","withTheme"],"sources":["CardBlock.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ImageSourcePropType,\n  View,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\nimport { justificationType } from \"./Justification\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  titleCentered: boolean;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardBlock: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  titleCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let titleJustification: justificationType;\n\n  let titleStyle;\n  if (titleCentered && !leftDescription && !rightDescription) {\n    titleJustification = \"center\";\n  } else {\n    titleJustification = \"space-between\";\n  }\n\n  if (numColumns === 1) {\n    titleStyle = typography.button;\n  } else if (numColumns === 2) {\n    titleStyle = typography.headline6;\n  } else {\n    titleStyle = typography.headline5;\n  }\n\n  const rightDescriptionStyles = [\n    typography.subtitle2,\n    { color: colors.light },\n  ];\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <View style={{ backgroundColor: colors.background }}>\n        <Elevation style={{ elevation, borderRadius: roundness }}>\n          <Image\n            style={{\n              borderRadius: roundness,\n              aspectRatio,\n            }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n        </Elevation>\n        {title ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              justifyContent: titleJustification,\n              marginTop: numColumns === 3 ? 16 : 12,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[titleStyle, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {!leftDescription && rightDescription ? (\n              <Text style={rightDescriptionStyles}>{rightDescription}</Text>\n            ) : null}\n          </View>\n        ) : null}\n        {leftDescription ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              marginTop: numColumns === 3 ? 4 : 4 / 2,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.body2, { color: colors.medium }]}\n            >\n              {leftDescription}\n            </Text>\n            {rightDescription ? (\n              <Text numberOfLines={1} style={rightDescriptionStyles}>\n                {rightDescription}\n              </Text>\n            ) : null}\n          </View>\n        ) : null}\n      </View>\n    </Card>\n  );\n};\n\nexport default withTheme(CardBlock);\n"],"mappings":"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"}
+{"version":3,"names":["CardBlock","image","Config","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","React","createElement","Card","View","backgroundColor","background","Elevation","borderRadius","Image","source","uri","resizeMode","flexDirection","alignItems","justifyContent","marginTop","Text","numberOfLines","strong","body2","medium","withTheme"],"sources":["CardBlock.js"],"sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst CardBlock = ({ image = Config.cardImageUrl, title, leftDescription, rightDescription, titleCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n    let titleJustification;\n    let titleStyle;\n    if (titleCentered && !leftDescription && !rightDescription) {\n        titleJustification = \"center\";\n    }\n    else {\n        titleJustification = \"space-between\";\n    }\n    if (numColumns === 1) {\n        titleStyle = typography.button;\n    }\n    else if (numColumns === 2) {\n        titleStyle = typography.headline6;\n    }\n    else {\n        titleStyle = typography.headline5;\n    }\n    const rightDescriptionStyles = [\n        typography.subtitle2,\n        { color: colors.light },\n    ];\n    return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n        React.createElement(View, { style: { backgroundColor: colors.background } },\n            React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n                React.createElement(Image, { style: {\n                        borderRadius: roundness,\n                        aspectRatio,\n                    }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" })),\n            title ? (React.createElement(View, { style: {\n                    flexDirection: \"row\",\n                    alignItems: \"center\",\n                    justifyContent: titleJustification,\n                    marginTop: numColumns === 3 ? 16 : 12,\n                } },\n                React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title),\n                !leftDescription && rightDescription ? (React.createElement(Text, { style: rightDescriptionStyles }, rightDescription)) : null)) : null,\n            leftDescription ? (React.createElement(View, { style: {\n                    flexDirection: \"row\",\n                    justifyContent: \"space-between\",\n                    alignItems: \"center\",\n                    marginTop: numColumns === 3 ? 4 : 4 / 2,\n                } },\n                React.createElement(Text, { numberOfLines: 1, style: [typography.body2, { color: colors.medium }] }, leftDescription),\n                rightDescription ? (React.createElement(Text, { numberOfLines: 1, style: rightDescriptionStyles }, rightDescription)) : null)) : null)));\n};\nexport default withTheme(CardBlock);\n"],"mappings":"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"}

package/lib/commonjs/components/Carousel.js

@@ -50,6 +50,8 @@ function Pager(_ref) {
 }
 
 function Carousel(_ref2) {
+  var _data$length;
+
   let {
     data,
     children,
@@ -59,7 +61,7 @@ function Carousel(_ref2) {
   } = _ref2;
   const [index, setIndex] = React.useState(0);
   const length = React.Children.count(children);
-  const itemsLength = ((data === null || data === void 0 ? void 0 : data.length) ?? 0) + length;
+  const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
   const slides = Array.isArray(data) ? data : [];
 
   const {

package/lib/commonjs/components/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius","withTheme"],"sources":["Carousel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n  theme: any;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: React.PropsWithChildren<Props>) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"],"mappings":"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"}
+{"version":3,"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius","withTheme"],"sources":["Carousel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n  theme: any;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: React.PropsWithChildren<Props>) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"],"mappings":"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"}

package/lib/commonjs/components/Checkbox/Checkbox.js

@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const Checkbox = _ref => {
   let {
     Icon,
@@ -73,7 +71,7 @@ const Checkbox = _ref => {
     }
   };
 
-  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
     onPress: handlePress,
     disabled: disabled,
     accessibilityState: {
@@ -85,7 +83,7 @@ const Checkbox = _ref => {
       width: size,
       height: size
     }]
-  }), /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     style: styles.icon,
     name: internalValue ? checkedIcon : uncheckedIcon,
     size: size,

package/lib/commonjs/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["Checkbox","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","React","useState","useEffect","previousDefaultValue","usePrevious","Boolean","colors","useTheme","checkboxColor","primary","handlePress","newValue","styles","container","width","height","icon","StyleSheet","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"sources":["Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\n\nexport interface CheckboxProps {\n  status?: boolean;\n  disabled?: boolean;\n  onPress?: (checked: boolean) => void;\n  onCheck?: () => void;\n  onUncheck?: () => void;\n  color?: string;\n  uncheckedColor?: string;\n  checkedIcon?: string;\n  uncheckedIcon?: string;\n  defaultValue?: boolean;\n  size?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: React.FC<\n  CheckboxProps & TouchableHighlightProps & IconSlot\n> = ({\n  Icon,\n  status,\n  disabled = false,\n  onPress,\n  onCheck,\n  onUncheck,\n  color,\n  uncheckedColor,\n  defaultValue,\n  checkedIcon = \"MaterialCommunityIcons/checkbox-marked\",\n  uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\",\n  size = 24,\n  style,\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = React.useState<boolean>(\n    status || defaultValue || false\n  );\n\n  React.useEffect(() => {\n    if (status != null) {\n      setInternalValue(status);\n    }\n  }, [status]);\n\n  // This special logic is to handle weird APIs like Airtable that return\n  // true or undefined for a boolean\n  const previousDefaultValue = usePrevious(defaultValue) as boolean | undefined;\n\n  React.useEffect(() => {\n    if (defaultValue !== previousDefaultValue) {\n      setInternalValue(Boolean(defaultValue));\n    }\n  }, [defaultValue, previousDefaultValue]);\n\n  const { colors } = useTheme();\n\n  const checkboxColor = internalValue\n    ? color || colors.primary\n    : uncheckedColor || colors.primary;\n\n  const handlePress = () => {\n    const newValue = !internalValue;\n\n    setInternalValue(newValue);\n    onPress?.(newValue);\n\n    if (newValue) {\n      onCheck?.();\n    }\n\n    if (!newValue) {\n      onUncheck?.();\n    }\n  };\n\n  return (\n    <Touchable\n      {...rest}\n      onPress={handlePress}\n      disabled={disabled}\n      accessibilityState={{ disabled }}\n      accessibilityRole=\"button\"\n      accessibilityLiveRegion=\"polite\"\n      style={[styles.container, style, { width: size, height: size }]}\n    >\n      <Icon\n        style={styles.icon}\n        name={internalValue ? checkedIcon : uncheckedIcon}\n        size={size}\n        color={checkboxColor}\n      />\n      <View style={[StyleSheet.absoluteFill, styles.fillContainer]}>\n        <View\n          style={[\n            styles.fill,\n            { opacity: disabled ? 0.5 : 1 },\n            { borderColor: checkboxColor },\n          ]}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 18,\n  },\n  fillContainer: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    alignSelf: \"center\",\n  },\n  fill: {\n    borderRadius: 5,\n    width: 30,\n    height: 30,\n    alignSelf: \"center\",\n  },\n});\n\nexport default Checkbox;\n"],"mappings":"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"}
+{"version":3,"names":["Checkbox","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","React","useState","useEffect","previousDefaultValue","usePrevious","Boolean","colors","useTheme","checkboxColor","primary","handlePress","newValue","createElement","Touchable","accessibilityState","accessibilityRole","accessibilityLiveRegion","styles","container","width","height","icon","name","View","StyleSheet","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"sources":["Checkbox.js"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, } from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\nconst Checkbox = ({ Icon, status, disabled = false, onPress, onCheck, onUncheck, color, uncheckedColor, defaultValue, checkedIcon = \"MaterialCommunityIcons/checkbox-marked\", uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\", size = 24, style, ...rest }) => {\n    const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);\n    React.useEffect(() => {\n        if (status != null) {\n            setInternalValue(status);\n        }\n    }, [status]);\n    // This special logic is to handle weird APIs like Airtable that return\n    // true or undefined for a boolean\n    const previousDefaultValue = usePrevious(defaultValue);\n    React.useEffect(() => {\n        if (defaultValue !== previousDefaultValue) {\n            setInternalValue(Boolean(defaultValue));\n        }\n    }, [defaultValue, previousDefaultValue]);\n    const { colors } = useTheme();\n    const checkboxColor = internalValue\n        ? color || colors.primary\n        : uncheckedColor || colors.primary;\n    const handlePress = () => {\n        const newValue = !internalValue;\n        setInternalValue(newValue);\n        onPress === null || onPress === void 0 ? void 0 : onPress(newValue);\n        if (newValue) {\n            onCheck === null || onCheck === void 0 ? void 0 : onCheck();\n        }\n        if (!newValue) {\n            onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();\n        }\n    };\n    return (React.createElement(Touchable, { ...rest, onPress: handlePress, disabled: disabled, accessibilityState: { disabled }, accessibilityRole: \"button\", accessibilityLiveRegion: \"polite\", style: [styles.container, style, { width: size, height: size }] },\n        React.createElement(Icon, { style: styles.icon, name: internalValue ? checkedIcon : uncheckedIcon, size: size, color: checkboxColor }),\n        React.createElement(View, { style: [StyleSheet.absoluteFill, styles.fillContainer] },\n            React.createElement(View, { style: [\n                    styles.fill,\n                    { opacity: disabled ? 0.5 : 1 },\n                    { borderColor: checkboxColor },\n                ] }))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        borderRadius: 18,\n    },\n    fillContainer: {\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    icon: {\n        alignSelf: \"center\",\n    },\n    fill: {\n        borderRadius: 5,\n        width: 30,\n        height: 30,\n        alignSelf: \"center\",\n    },\n});\nexport default Checkbox;\n"],"mappings":"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"}

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js

@@ -25,9 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-let Direction;
+var Direction;
 exports.Direction = Direction;
 
 (function (Direction) {
@@ -91,13 +89,14 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
+  return /*#__PURE__*/React.createElement(_Touchable.default, {
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -137,6 +136,24 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
+var _default = CheckboxGroupRow;
+exports.default = _default;
+//# sourceMappingURL=CheckboxGroupRow.js.map    paddingStart: 20,
+    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ..._reactNative.Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
+
 var _default = CheckboxGroupRow;
 exports.default = _default;
 //# sourceMappingURL=CheckboxGroupRow.js.map

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["Direction","getCheckboxAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","style","color","uncheckedColor","rest","values","selectedValues","onValueChange","useCheckboxGroupContext","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","extractStyles","styles","mainParent","flexDirection","alignItems","flex","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect"],"sources":["CheckboxGroupRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport Checkbox, { CheckboxProps } from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxGroupRowProps extends Omit<CheckboxProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string; // A string that this checkbox represents\n  labelContainerStyle: StyleProp<ViewStyle>;\n  checkboxStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: boolean) => void;\n  direction?: Direction;\n  color: string;\n  unselectedColor: string;\n}\n\nconst getCheckboxAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst CheckboxGroupRow: React.FC<CheckboxGroupRowProps & IconSlot> = ({\n  Icon,\n  label = \"Label\",\n  status,\n  value,\n  onPress,\n  labelContainerStyle,\n  labelStyle,\n  checkboxStyle,\n  direction = Direction.Row,\n  disabled,\n  style,\n  color,\n  uncheckedColor,\n  ...rest\n}) => {\n  const {\n    values: selectedValues,\n    onValueChange,\n    direction: parentDirection,\n  } = useCheckboxGroupContext();\n\n  const values = Array.isArray(selectedValues) ? selectedValues : [];\n  const isChecked = status || values.includes(value);\n\n  const handlePress = () => {\n    if (!disabled) {\n      onPress?.(!isChecked);\n      onValueChange?.(value, !isChecked);\n    }\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getCheckboxAlignment(parentDirection, direction),\n        }}\n      >\n        <Checkbox\n          Icon={Icon}\n          status={isChecked}\n          onPress={handlePress}\n          style={checkboxStyle}\n          disabled={disabled}\n          color={color}\n          uncheckedColor={uncheckedColor}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    display: \"flex\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default CheckboxGroupRow;\n"],"mappings":"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"}
+{"version":3,"names":["Direction","getCheckboxAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","React","createElement","Text","style","Fragment","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","color","uncheckedColor","rest","values","selectedValues","onValueChange","useCheckboxGroupContext","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","extractStyles","Touchable","styles","mainParent","flexDirection","View","alignItems","flex","Checkbox","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect"],"sources":["CheckboxGroupRow.js"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport Checkbox from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\nexport var Direction;\n(function (Direction) {\n    Direction[\"Row\"] = \"row\";\n    Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst getCheckboxAlignment = (parentDirection, direction) => {\n    if (parentDirection === GroupDirection.Horizontal) {\n        return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n    }\n    else if (direction === Direction.RowReverse) {\n        return \"flex-start\";\n    }\n    else {\n        return \"flex-end\";\n    }\n};\nconst renderLabel = (value, labelStyle, textStyle) => {\n    if (typeof value === \"string\") {\n        return React.createElement(Text, { style: [labelStyle, textStyle] }, value);\n    }\n    else {\n        return React.createElement(React.Fragment, null, value);\n    }\n};\nconst CheckboxGroupRow = ({ Icon, label = \"Label\", status, value, onPress, labelContainerStyle, labelStyle, checkboxStyle, direction = Direction.Row, disabled, style, color, uncheckedColor, ...rest }) => {\n    const { values: selectedValues, onValueChange, direction: parentDirection, } = useCheckboxGroupContext();\n    const values = Array.isArray(selectedValues) ? selectedValues : [];\n    const isChecked = status || values.includes(value);\n    const handlePress = () => {\n        if (!disabled) {\n            onPress === null || onPress === void 0 ? void 0 : onPress(!isChecked);\n            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value, !isChecked);\n        }\n    };\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },\n        React.createElement(View, { style: [\n                styles.label,\n                {\n                    alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n                },\n                labelContainerStyle,\n            ] }, renderLabel(label, labelStyle, textStyles)),\n        React.createElement(View, { style: {\n                flex: 1,\n                alignItems: getCheckboxAlignment(parentDirection, direction),\n            } },\n            React.createElement(Checkbox, { Icon: Icon, status: isChecked, onPress: handlePress, style: checkboxStyle, disabled: disabled, color: color, uncheckedColor: uncheckedColor }))));\n};\nconst styles = StyleSheet.create({\n    mainParent: {\n        alignItems: \"center\",\n        justifyContent: \"space-around\",\n        paddingStart: 20,\n        minHeight: 50,\n        paddingEnd: 20,\n        display: \"flex\",\n        ...Platform.select({\n            web: {\n                cursor: \"pointer\",\n                userSelect: \"none\",\n            },\n        }),\n    },\n    label: {\n        flex: 3,\n    },\n});\nexport default CheckboxGroupRow;\n"],"mappings":"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"}

package/lib/commonjs/components/Checkbox/context.js

@@ -8,7 +8,7 @@ exports.useCheckboxGroupContext = useCheckboxGroupContext;
 
 var _react = require("react");
 
-let Direction;
+var Direction;
 exports.Direction = Direction;
 
 (function (Direction) {

package/lib/commonjs/components/Checkbox/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["Direction","checkboxGroupContext","createContext","onValueChange","values","direction","undefined","useCheckboxGroupContext","useContext"],"sources":["context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport enum Direction {\n  Horizontal = \"horizontal\",\n  Vertical = \"vertical\",\n}\n\ninterface CheckboxGroupContext {\n  onValueChange: (value: string, selected: boolean) => void;\n  values: string[];\n  direction?: Direction;\n}\n\nexport const checkboxGroupContext = createContext<CheckboxGroupContext>({\n  onValueChange: () => {},\n  values: [],\n  direction: undefined,\n});\n\nexport function useCheckboxGroupContext() {\n  return useContext(checkboxGroupContext);\n}\n"],"mappings":";;;;;;;;AAAA;;IAEYA,S;;;WAAAA,S;EAAAA,S;EAAAA,S;GAAAA,S,yBAAAA,S;;AAWL,MAAMC,oBAAoB,gBAAG,IAAAC,oBAAA,EAAoC;EACtEC,aAAa,EAAE,MAAM,CAAE,CAD+C;EAEtEC,MAAM,EAAE,EAF8D;EAGtEC,SAAS,EAAEC;AAH2D,CAApC,CAA7B;;;AAMA,SAASC,uBAAT,GAAmC;EACxC,OAAO,IAAAC,iBAAA,EAAWP,oBAAX,CAAP;AACD"}
+{"version":3,"names":["Direction","checkboxGroupContext","createContext","onValueChange","values","direction","undefined","useCheckboxGroupContext","useContext"],"sources":["context.js"],"sourcesContent":["import { createContext, useContext } from \"react\";\nexport var Direction;\n(function (Direction) {\n    Direction[\"Horizontal\"] = \"horizontal\";\n    Direction[\"Vertical\"] = \"vertical\";\n})(Direction || (Direction = {}));\nexport const checkboxGroupContext = createContext({\n    onValueChange: () => { },\n    values: [],\n    direction: undefined,\n});\nexport function useCheckboxGroupContext() {\n    return useContext(checkboxGroupContext);\n}\n"],"mappings":";;;;;;;;AAAA;;AACO,IAAIA,SAAJ;;;AACP,CAAC,UAAUA,SAAV,EAAqB;EAClBA,SAAS,CAAC,YAAD,CAAT,GAA0B,YAA1B;EACAA,SAAS,CAAC,UAAD,CAAT,GAAwB,UAAxB;AACH,CAHD,EAGGA,SAAS,yBAAKA,SAAS,GAAG,EAAjB,CAHZ;;AAIO,MAAMC,oBAAoB,gBAAG,IAAAC,oBAAA,EAAc;EAC9CC,aAAa,EAAE,MAAM,CAAG,CADsB;EAE9CC,MAAM,EAAE,EAFsC;EAG9CC,SAAS,EAAEC;AAHmC,CAAd,CAA7B;;;AAKA,SAASC,uBAAT,GAAmC;EACtC,OAAO,IAAAC,iBAAA,EAAWP,oBAAX,CAAP;AACH"}

package/lib/commonjs/components/CircleImage.js

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const CircleImage = _ref => {
   let {
     source = _Config.default.placeholderImageURL,
@@ -27,7 +25,23 @@ const CircleImage = _ref => {
     ...props
   } = _ref;
   const borderRadius = size / 2;
-  return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Image, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius
+    }, style],
+    source: typeof source === "string" ? {
+      uri: source
+    } : source,
+    resizeMode: "cover",
+    ...props
+  });
+};
+
+var _default = CircleImage;
+exports.default = _default;
+//# sourceMappingURL=CircleImage.js.mapeateElement(_reactNative.Image, _extends({
     style: [{
       width: size,
       height: size,

package/lib/commonjs/components/CircleImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["CircleImage","source","Config","placeholderImageURL","size","style","props","borderRadius","width","height","uri"],"sources":["CircleImage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Image,\n  ImageSourcePropType,\n  StyleProp,\n  ImageStyle,\n} from \"react-native\";\nimport Config from \"./Config\";\ninterface Props {\n  source?: string | ImageSourcePropType;\n  size?: number;\n  style?: StyleProp<ImageStyle>;\n}\n\nconst CircleImage: React.FC<React.PropsWithChildren<Props>> = ({\n  source = Config.placeholderImageURL,\n  size = 60,\n  style,\n  ...props\n}) => {\n  const borderRadius = size / 2;\n\n  return (\n    <Image\n      style={[{ width: size, height: size, borderRadius }, style]}\n      source={typeof source === \"string\" ? { uri: source } : source}\n      resizeMode=\"cover\"\n      {...props}\n    />\n  );\n};\n\nexport default CircleImage;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAMA;;;;;;;;;;AAOA,MAAMA,WAAqD,GAAG,QAKxD;EAAA,IALyD;IAC7DC,MAAM,GAAGC,eAAA,CAAOC,mBAD6C;IAE7DC,IAAI,GAAG,EAFsD;IAG7DC,KAH6D;IAI7D,GAAGC;EAJ0D,CAKzD;EACJ,MAAMC,YAAY,GAAGH,IAAI,GAAG,CAA5B;EAEA,oBACE,oBAAC,kBAAD;IACE,KAAK,EAAE,CAAC;MAAEI,KAAK,EAAEJ,IAAT;MAAeK,MAAM,EAAEL,IAAvB;MAA6BG;IAA7B,CAAD,EAA8CF,KAA9C,CADT;IAEE,MAAM,EAAE,OAAOJ,MAAP,KAAkB,QAAlB,GAA6B;MAAES,GAAG,EAAET;IAAP,CAA7B,GAA+CA,MAFzD;IAGE,UAAU,EAAC;EAHb,GAIMK,KAJN,EADF;AAQD,CAhBD;;eAkBeN,W"}
+{"version":3,"names":["CircleImage","source","Config","placeholderImageURL","size","style","props","borderRadius","React","createElement","Image","width","height","uri","resizeMode"],"sources":["CircleImage.js"],"sourcesContent":["import * as React from \"react\";\nimport { Image, } from \"react-native\";\nimport Config from \"./Config\";\nconst CircleImage = ({ source = Config.placeholderImageURL, size = 60, style, ...props }) => {\n    const borderRadius = size / 2;\n    return (React.createElement(Image, { style: [{ width: size, height: size, borderRadius }, style], source: typeof source === \"string\" ? { uri: source } : source, resizeMode: \"cover\", ...props }));\n};\nexport default CircleImage;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AACA,MAAMA,WAAW,GAAG,QAAyE;EAAA,IAAxE;IAAEC,MAAM,GAAGC,eAAA,CAAOC,mBAAlB;IAAuCC,IAAI,GAAG,EAA9C;IAAkDC,KAAlD;IAAyD,GAAGC;EAA5D,CAAwE;EACzF,MAAMC,YAAY,GAAGH,IAAI,GAAG,CAA5B;EACA,oBAAQI,KAAK,CAACC,aAAN,CAAoBC,kBAApB,EAA2B;IAAEL,KAAK,EAAE,CAAC;MAAEM,KAAK,EAAEP,IAAT;MAAeQ,MAAM,EAAER,IAAvB;MAA6BG;IAA7B,CAAD,EAA8CF,KAA9C,CAAT;IAA+DJ,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6B;MAAEY,GAAG,EAAEZ;IAAP,CAA7B,GAA+CA,MAAtH;IAA8Ha,UAAU,EAAE,OAA1I;IAAmJ,GAAGR;EAAtJ,CAA3B,CAAR;AACH,CAHD;;eAIeN,W"}

package/lib/commonjs/components/Config.js

@@ -30,14 +30,14 @@ const getFilters = options => {
     height
   } = options;
   const filters = ["c_scale", "q_auto", "dpr_auto"];
-  if (width) filters.push(`w_${width}`);
-  if (height) filters.push(`h_${height}`);
+  if (width) filters.push("w_".concat(width));
+  if (height) filters.push("h_".concat(height));
   return filters.join(",");
 };
 
 const buildImageUrl = (options, name) => {
   const filters = getFilters(options);
-  return ["https://res.cloudinary.com/altos/image/upload", filters, `${name}.png`].join("/");
+  return ["https://res.cloudinary.com/altos/image/upload", filters, "".concat(name, ".png")].join("/");
 };
 
 const getExtension = () => {

package/lib/commonjs/components/Config.js.map

@@ -1 +1 @@
-{"version":3,"names":["getWindowDimensions","width","height","Dimensions","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","Platform","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","squareImageUrl","FABSize","FABBorderRadius","FABFixedHeight","cardContainerShortImageAspectRatio","rowSingleLineImageSize","rowMultiLineImageSize","rowSingleLineIconSize","rowMultiLineIconSize","headerIconSize","buttonIconSize","swiperInactiveDotSize","swiperActiveDotSize","fieldSearchBarFullIconSize","stepperButtonSize","radioButtonSize","topSafeAreaViewHeight"],"sources":["Config.ts"],"sourcesContent":["import { Dimensions, Platform } from \"react-native\";\n\nconst getWindowDimensions = () => {\n  const { width, height } = Dimensions.get(\"window\");\n  return {\n    windowWidth: width,\n    windowHeight: height,\n  };\n};\n\nconst { windowWidth, windowHeight } = getWindowDimensions();\n\nconst getFilters = (options: { width: number; height: number }) => {\n  const { width, height } = options;\n  const filters = [\"c_scale\", \"q_auto\", \"dpr_auto\"];\n\n  if (width) filters.push(`w_${width}`);\n  if (height) filters.push(`h_${height}`);\n\n  return filters.join(\",\");\n};\n\nconst buildImageUrl = (\n  options: { width: number; height: number },\n  name: string\n) => {\n  const filters = getFilters(options);\n  return [\n    \"https://res.cloudinary.com/altos/image/upload\",\n    filters,\n    `${name}.png`,\n  ].join(\"/\");\n};\n\nconst getExtension = () => {\n  return Platform.OS === \"web\" ? \".svg\" : \".png\";\n};\n\nexport default {\n  windowWidth,\n  windowHeight,\n  avatarImageUrl: buildImageUrl(\n    {\n      width: 60,\n      height: 60,\n    },\n    \"Avatar\"\n  ),\n  avatarImageSize: 60,\n  cardImageSize: 200,\n  cardImageUrl:\n    \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n  cardIconSize: 16,\n  cardIconBackgroundOpacity: 0.24,\n  cardIconElevation: 1,\n  placeholderImageURL:\n    \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n  getPlaceholderImageUrl: (size: { width: number; height: number }) =>\n    buildImageUrl(\n      { width: size.width, height: size.height },\n      \"image-placeholder_1\"\n    ),\n  squareImageUrl: buildImageUrl({ width: 100, height: 100 }, \"Avatar\"),\n  FABSize: 40,\n  FABBorderRadius: 20,\n  FABFixedHeight: 64,\n  cardContainerShortImageAspectRatio: 1,\n  rowSingleLineImageSize: 24,\n  rowMultiLineImageSize: 48,\n  rowSingleLineIconSize: 24,\n  rowMultiLineIconSize: 16,\n  headerIconSize: 24,\n  buttonIconSize: 24,\n  swiperInactiveDotSize: 6,\n  swiperActiveDotSize: 10,\n  fieldSearchBarFullIconSize: 24,\n  stepperButtonSize: 40,\n  radioButtonSize: 24,\n  topSafeAreaViewHeight: 0,\n  // topSafeAreaViewHeight: Platform.OS === \"android\" ? Constants.statusBarHeight : 0\n};\n"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,mBAAmB,GAAG,MAAM;EAChC,MAAM;IAAEC,KAAF;IAASC;EAAT,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,OAAO;IACLC,WAAW,EAAEJ,KADR;IAELK,YAAY,EAAEJ;EAFT,CAAP;AAID,CAND;;AAQA,MAAM;EAAEG,WAAF;EAAeC;AAAf,IAAgCN,mBAAmB,EAAzD;;AAEA,MAAMO,UAAU,GAAIC,OAAD,IAAgD;EACjE,MAAM;IAAEP,KAAF;IAASC;EAAT,IAAoBM,OAA1B;EACA,MAAMC,OAAO,GAAG,CAAC,SAAD,EAAY,QAAZ,EAAsB,UAAtB,CAAhB;EAEA,IAAIR,KAAJ,EAAWQ,OAAO,CAACC,IAAR,CAAc,KAAIT,KAAM,EAAxB;EACX,IAAIC,MAAJ,EAAYO,OAAO,CAACC,IAAR,CAAc,KAAIR,MAAO,EAAzB;EAEZ,OAAOO,OAAO,CAACE,IAAR,CAAa,GAAb,CAAP;AACD,CARD;;AAUA,MAAMC,aAAa,GAAG,CACpBJ,OADoB,EAEpBK,IAFoB,KAGjB;EACH,MAAMJ,OAAO,GAAGF,UAAU,CAACC,OAAD,CAA1B;EACA,OAAO,CACL,+CADK,EAELC,OAFK,EAGJ,GAAEI,IAAK,MAHH,EAILF,IAJK,CAIA,GAJA,CAAP;AAKD,CAVD;;AAYA,MAAMG,YAAY,GAAG,MAAM;EACzB,OAAOC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwB,MAAxB,GAAiC,MAAxC;AACD,CAFD;;eAIe;EACbX,WADa;EAEbC,YAFa;EAGbW,cAAc,EAAEL,aAAa,CAC3B;IACEX,KAAK,EAAE,EADT;IAEEC,MAAM,EAAE;EAFV,CAD2B,EAK3B,QAL2B,CAHhB;EAUbgB,eAAe,EAAE,EAVJ;EAWbC,aAAa,EAAE,GAXF;EAYbC,YAAY,EACV,yDAAyDN,YAAY,EAb1D;EAcbO,YAAY,EAAE,EAdD;EAebC,yBAAyB,EAAE,IAfd;EAgBbC,iBAAiB,EAAE,CAhBN;EAiBbC,mBAAmB,EACjB,yDAAyDV,YAAY,EAlB1D;EAmBbW,sBAAsB,EAAGC,IAAD,IACtBd,aAAa,CACX;IAAEX,KAAK,EAAEyB,IAAI,CAACzB,KAAd;IAAqBC,MAAM,EAAEwB,IAAI,CAACxB;EAAlC,CADW,EAEX,qBAFW,CApBF;EAwBbyB,cAAc,EAAEf,aAAa,CAAC;IAAEX,KAAK,EAAE,GAAT;IAAcC,MAAM,EAAE;EAAtB,CAAD,EAA8B,QAA9B,CAxBhB;EAyBb0B,OAAO,EAAE,EAzBI;EA0BbC,eAAe,EAAE,EA1BJ;EA2BbC,cAAc,EAAE,EA3BH;EA4BbC,kCAAkC,EAAE,CA5BvB;EA6BbC,sBAAsB,EAAE,EA7BX;EA8BbC,qBAAqB,EAAE,EA9BV;EA+BbC,qBAAqB,EAAE,EA/BV;EAgCbC,oBAAoB,EAAE,EAhCT;EAiCbC,cAAc,EAAE,EAjCH;EAkCbC,cAAc,EAAE,EAlCH;EAmCbC,qBAAqB,EAAE,CAnCV;EAoCbC,mBAAmB,EAAE,EApCR;EAqCbC,0BAA0B,EAAE,EArCf;EAsCbC,iBAAiB,EAAE,EAtCN;EAuCbC,eAAe,EAAE,EAvCJ;EAwCbC,qBAAqB,EAAE,CAxCV,CAyCb;;AAzCa,C"}
+{"version":3,"names":["getWindowDimensions","width","height","Dimensions","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","Platform","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","squareImageUrl","FABSize","FABBorderRadius","FABFixedHeight","cardContainerShortImageAspectRatio","rowSingleLineImageSize","rowMultiLineImageSize","rowSingleLineIconSize","rowMultiLineIconSize","headerIconSize","buttonIconSize","swiperInactiveDotSize","swiperActiveDotSize","fieldSearchBarFullIconSize","stepperButtonSize","radioButtonSize","topSafeAreaViewHeight"],"sources":["Config.js"],"sourcesContent":["import { Dimensions, Platform } from \"react-native\";\nconst getWindowDimensions = () => {\n    const { width, height } = Dimensions.get(\"window\");\n    return {\n        windowWidth: width,\n        windowHeight: height,\n    };\n};\nconst { windowWidth, windowHeight } = getWindowDimensions();\nconst getFilters = (options) => {\n    const { width, height } = options;\n    const filters = [\"c_scale\", \"q_auto\", \"dpr_auto\"];\n    if (width)\n        filters.push(`w_${width}`);\n    if (height)\n        filters.push(`h_${height}`);\n    return filters.join(\",\");\n};\nconst buildImageUrl = (options, name) => {\n    const filters = getFilters(options);\n    return [\n        \"https://res.cloudinary.com/altos/image/upload\",\n        filters,\n        `${name}.png`,\n    ].join(\"/\");\n};\nconst getExtension = () => {\n    return Platform.OS === \"web\" ? \".svg\" : \".png\";\n};\nexport default {\n    windowWidth,\n    windowHeight,\n    avatarImageUrl: buildImageUrl({\n        width: 60,\n        height: 60,\n    }, \"Avatar\"),\n    avatarImageSize: 60,\n    cardImageSize: 200,\n    cardImageUrl: \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n    cardIconSize: 16,\n    cardIconBackgroundOpacity: 0.24,\n    cardIconElevation: 1,\n    placeholderImageURL: \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n    getPlaceholderImageUrl: (size) => buildImageUrl({ width: size.width, height: size.height }, \"image-placeholder_1\"),\n    squareImageUrl: buildImageUrl({ width: 100, height: 100 }, \"Avatar\"),\n    FABSize: 40,\n    FABBorderRadius: 20,\n    FABFixedHeight: 64,\n    cardContainerShortImageAspectRatio: 1,\n    rowSingleLineImageSize: 24,\n    rowMultiLineImageSize: 48,\n    rowSingleLineIconSize: 24,\n    rowMultiLineIconSize: 16,\n    headerIconSize: 24,\n    buttonIconSize: 24,\n    swiperInactiveDotSize: 6,\n    swiperActiveDotSize: 10,\n    fieldSearchBarFullIconSize: 24,\n    stepperButtonSize: 40,\n    radioButtonSize: 24,\n    topSafeAreaViewHeight: 0,\n    // topSafeAreaViewHeight: Platform.OS === \"android\" ? Constants.statusBarHeight : 0\n};\n"],"mappings":";;;;;;;AAAA;;AACA,MAAMA,mBAAmB,GAAG,MAAM;EAC9B,MAAM;IAAEC,KAAF;IAASC;EAAT,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,OAAO;IACHC,WAAW,EAAEJ,KADV;IAEHK,YAAY,EAAEJ;EAFX,CAAP;AAIH,CAND;;AAOA,MAAM;EAAEG,WAAF;EAAeC;AAAf,IAAgCN,mBAAmB,EAAzD;;AACA,MAAMO,UAAU,GAAIC,OAAD,IAAa;EAC5B,MAAM;IAAEP,KAAF;IAASC;EAAT,IAAoBM,OAA1B;EACA,MAAMC,OAAO,GAAG,CAAC,SAAD,EAAY,QAAZ,EAAsB,UAAtB,CAAhB;EACA,IAAIR,KAAJ,EACIQ,OAAO,CAACC,IAAR,aAAkBT,KAAlB;EACJ,IAAIC,MAAJ,EACIO,OAAO,CAACC,IAAR,aAAkBR,MAAlB;EACJ,OAAOO,OAAO,CAACE,IAAR,CAAa,GAAb,CAAP;AACH,CARD;;AASA,MAAMC,aAAa,GAAG,CAACJ,OAAD,EAAUK,IAAV,KAAmB;EACrC,MAAMJ,OAAO,GAAGF,UAAU,CAACC,OAAD,CAA1B;EACA,OAAO,CACH,+CADG,EAEHC,OAFG,YAGAI,IAHA,WAILF,IAJK,CAIA,GAJA,CAAP;AAKH,CAPD;;AAQA,MAAMG,YAAY,GAAG,MAAM;EACvB,OAAOC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwB,MAAxB,GAAiC,MAAxC;AACH,CAFD;;eAGe;EACXX,WADW;EAEXC,YAFW;EAGXW,cAAc,EAAEL,aAAa,CAAC;IAC1BX,KAAK,EAAE,EADmB;IAE1BC,MAAM,EAAE;EAFkB,CAAD,EAG1B,QAH0B,CAHlB;EAOXgB,eAAe,EAAE,EAPN;EAQXC,aAAa,EAAE,GARJ;EASXC,YAAY,EAAE,yDAAyDN,YAAY,EATxE;EAUXO,YAAY,EAAE,EAVH;EAWXC,yBAAyB,EAAE,IAXhB;EAYXC,iBAAiB,EAAE,CAZR;EAaXC,mBAAmB,EAAE,yDAAyDV,YAAY,EAb/E;EAcXW,sBAAsB,EAAGC,IAAD,IAAUd,aAAa,CAAC;IAAEX,KAAK,EAAEyB,IAAI,CAACzB,KAAd;IAAqBC,MAAM,EAAEwB,IAAI,CAACxB;EAAlC,CAAD,EAA6C,qBAA7C,CAdpC;EAeXyB,cAAc,EAAEf,aAAa,CAAC;IAAEX,KAAK,EAAE,GAAT;IAAcC,MAAM,EAAE;EAAtB,CAAD,EAA8B,QAA9B,CAflB;EAgBX0B,OAAO,EAAE,EAhBE;EAiBXC,eAAe,EAAE,EAjBN;EAkBXC,cAAc,EAAE,EAlBL;EAmBXC,kCAAkC,EAAE,CAnBzB;EAoBXC,sBAAsB,EAAE,EApBb;EAqBXC,qBAAqB,EAAE,EArBZ;EAsBXC,qBAAqB,EAAE,EAtBZ;EAuBXC,oBAAoB,EAAE,EAvBX;EAwBXC,cAAc,EAAE,EAxBL;EAyBXC,cAAc,EAAE,EAzBL;EA0BXC,qBAAqB,EAAE,CA1BZ;EA2BXC,mBAAmB,EAAE,EA3BV;EA4BXC,0BAA0B,EAAE,EA5BjB;EA6BXC,iBAAiB,EAAE,EA7BR;EA8BXC,eAAe,EAAE,EA9BN;EA+BXC,qBAAqB,EAAE,CA/BZ,CAgCX;;AAhCW,C"}

package/lib/commonjs/components/DatePicker/DatePicker.js

@@ -27,8 +27,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
 
 const FOCUS_ANIMATION_DURATION = 150;
@@ -89,14 +87,14 @@ const DatePicker = _ref => {
     if (format) return (0, _dateformat.default)(newDate, format);
 
     if (mode === "time") {
-      return `${newDate.toLocaleTimeString()}`;
+      return "".concat(newDate.toLocaleTimeString());
     }
 
     if (mode === "datetime") {
-      return `${newDate.toLocaleString()}`;
+      return "".concat(newDate.toLocaleString());
     }
 
-    return `${MONTHS[newDate.getMonth()]} ${newDate.getDate()}, ${newDate.getFullYear()}`;
+    return "".concat(MONTHS[newDate.getMonth()], " ").concat(newDate.getDate(), ", ").concat(newDate.getFullYear());
   };
 
   const toggleVisibility = async () => {
@@ -284,9 +282,9 @@ const DatePicker = _ref => {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.container, style]
-  }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+  }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
     style: leftIconStyle
-  })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [containerStyle, style ? {
       height: style.height
     } : {}]
@@ -334,11 +332,11 @@ const DatePicker = _ref => {
       opacity: hasActiveOutline ? labeled : 1
     }],
     numberOfLines: 1
-  }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+  }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
     style: { ...leftIconStyle,
       marginLeft: type === "solid" ? 16 : 0
     }
-  })) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, {
     value: formatDate(),
     placeholder: label ? placeholder1 : placeholder,
     editable: !disabled,
@@ -347,8 +345,9 @@ const DatePicker = _ref => {
     onFocus: _handleFocus,
     onBlur: _handleBlur,
     underlineColorAndroid: "transparent",
-    style: inputStyles
-  }, props))), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+    style: inputStyles,
+    ...props
+  })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
     name: rightIconName,
     size: ICON_SIZE,
     color: colors.light,