@draftbit/core 46.7.9-437259.2 → 46.7.9-900f3a.2

package/lib/commonjs/components/DeckSwiper/DeckSwiper.js

@@ -26,12 +26,13 @@ const DeckSwiper = _ref => {
   const cardsFillerData = _react.default.useMemo(() => Array.from(Array(childrenArray.length).keys()), [childrenArray]);
 
   /**
-   * By default react-native-deck-swiper positions everything with absolute position
-   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
+   * By default react-native-deck-swiper positions everything with absolute position.
+   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
    *
-   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
-   * This effectivley makes the default height of the container be the height of the first card
+   *
+   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
+   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+   * This effectivley makes the default height of the container be the height of the first card.
    */
 
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {

package/lib/commonjs/components/DeckSwiper/DeckSwiperCard.js

@@ -14,10 +14,11 @@ const DeckSwiperCard = _ref => {
     children,
     theme
   } = _ref;
+  var _a;
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.card, {
       backgroundColor: theme.colors.background,
-      borderRadius: theme.borderRadius.global,
+      borderRadius: (_a = theme.borderRadius) === null || _a === void 0 ? void 0 : _a.global,
       borderColor: theme.colors.divider
     }, style]
   }, children);
@@ -32,4 +33,5 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(DeckSwiperCard);
+exports.default = _default;(0, _theming.withTheme)(DeckSwiperCard);
 exports.default = _default;

package/lib/commonjs/constants.js

@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;

package/lib/commonjs/mappings/StarRating.js

@@ -23,9 +23,7 @@ const SEED_DATA = {
     }),
     fieldName: (0, _types.createFieldNameProp)({
       defaultValue: "ratingValue",
-      // this is the name of the variable declared on the screen in Draftbit
       handlerPropName: "onPress",
-      // the change handler prop in this component
       valuePropName: "rating" // the value prop in this component
     }),
 
@@ -50,4 +48,10 @@ const SEED_DATA = {
     })
   }
 };
+exports.SEED_DATA = SEED_DATA;pes.createColorProp)({
+      label: "Inactive Color",
+      defaultValue: "divider"
+    })
+  }
+};
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/styles/overlay.js

@@ -15,7 +15,6 @@ function overlay(elevation) {
   let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _DarkTheme.default.colors.surface;
   if (isAnimatedValue(elevation)) {
     const inputRange = [0, 1, 2, 3, 8, 24];
-
     // @ts-expect-error: TS doesn't seem to refine the type correctly
     return elevation.interpolate({
       inputRange,
@@ -24,7 +23,6 @@ function overlay(elevation) {
       })
     });
   }
-
   // @ts-expect-error: TS doesn't seem to refine the type correctly
   return calculateColor(surfaceColor, elevation);
 }
@@ -65,4 +63,4 @@ const elevationOverlayTransparency = {
   22: 15.72,
   23: 15.84,
   24: 16
-};
+};};

package/lib/module/components/DeckSwiper/DeckSwiper.js

@@ -19,12 +19,13 @@ const DeckSwiper = _ref => {
   const cardsFillerData = React.useMemo(() => Array.from(Array(childrenArray.length).keys()), [childrenArray]);
 
   /**
-   * By default react-native-deck-swiper positions everything with absolute position
-   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
+   * By default react-native-deck-swiper positions everything with absolute position.
+   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
    *
-   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
-   * This effectivley makes the default height of the container be the height of the first card
+   *
+   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
+   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+   * This effectivley makes the default height of the container be the height of the first card.
    */
 
   return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {

package/lib/module/components/DeckSwiper/DeckSwiperCard.js

@@ -2,6 +2,7 @@ import React from "react";
 import { View, StyleSheet } from "react-native";
 import { withTheme } from "../../theming";
 const DeckSwiperCard = _ref => {
+  var _theme$borderRadius;
   let {
     style,
     children,
@@ -10,7 +11,7 @@ const DeckSwiperCard = _ref => {
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.card, {
       backgroundColor: theme.colors.background,
-      borderRadius: theme.borderRadius.global,
+      borderRadius: (_theme$borderRadius = theme.borderRadius) === null || _theme$borderRadius === void 0 ? void 0 : _theme$borderRadius.global,
       borderColor: theme.colors.divider
     }, style]
   }, children);

package/lib/module/components/IconButton.js

@@ -1,3 +1,4 @@
+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); }
 import * as React from "react";
 import { View, StyleSheet, ActivityIndicator, Pressable, Platform } from "react-native";
 import { withTheme } from "../theming";
@@ -17,7 +18,7 @@ const IconButton = _ref => {
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
@@ -31,9 +32,8 @@ const IconButton = _ref => {
         alignItems: "center",
         justifyContent: "center"
       }, style];
-    },
-    ...props
-  }, /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
+    }
+  }, props), /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: size - 2,
     color: iconColor
@@ -54,21 +54,4 @@ const styles = StyleSheet.create({
     })
   }
 });
-export default withTheme(IconButton);ement(ActivityIndicator, {
-    size: "small",
-    color: iconColor
-  }) : null));
-};
-const styles = StyleSheet.create({
-  container: {
-    alignItems: "center",
-    justifyContent: "center",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  }
-});
 export default withTheme(IconButton);

package/lib/typescript/src/components/DeckSwiper/DeckSwiper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA4DlE,CAAC;AAiBF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA6DlE,CAAC;AAiBF,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.7.9-437259.2+437259f",
+  "version": "46.7.9-900f3a.2+900f3a5",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.7.9-437259.2+437259f",
+    "@draftbit/types": "^46.7.9-900f3a.2+900f3a5",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -92,5 +92,5 @@
       ]
     ]
   },
-  "gitHead": "437259f8dc889b1b26cadfda9f0a30caa2788d25"
+  "gitHead": "900f3a5c593c3da3393acc763e5ad5411f85cd8b"
 }

package/src/components/DeckSwiper/DeckSwiper.js

@@ -6,12 +6,13 @@ const DeckSwiper = ({ onIndexChanged, onEndReached, startCardIndex = 0, infinite
     // an array of indices based on children count
     const cardsFillerData = React.useMemo(() => Array.from(Array(childrenArray.length).keys()), [childrenArray]);
     /**
-     * By default react-native-deck-swiper positions everything with absolute position
-     * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
+     * By default react-native-deck-swiper positions everything with absolute position.
+     * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
      *
-     * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-     * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
-     * This effectivley makes the default height of the container be the height of the first card
+     *
+     * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
+     * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+     * This effectivley makes the default height of the container be the height of the first card.
      */
     return (React.createElement(View, null,
         React.createElement(View, { style: styles.containerHeightFiller }, childrenArray.length && childrenArray[0]),

package/src/components/DeckSwiper/DeckSwiper.tsx

@@ -36,12 +36,13 @@ const DeckSwiper: React.FC<React.PropsWithChildren<DeckSwiperProps>> = ({
   );
 
   /**
-   * By default react-native-deck-swiper positions everything with absolute position
-   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
+   * By default react-native-deck-swiper positions everything with absolute position.
+   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
    *
-   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
-   * This effectivley makes the default height of the container be the height of the first card
+   *
+   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
+   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+   * This effectivley makes the default height of the container be the height of the first card.
    */
 
   return (

package/src/components/DeckSwiper/DeckSwiperCard.js

@@ -1,15 +1,18 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
 import { withTheme } from "../../theming";
-const DeckSwiperCard = ({ style, children, theme, }) => (React.createElement(View, { style: [
-        styles.card,
-        {
-            backgroundColor: theme.colors.background,
-            borderRadius: theme.borderRadius.global,
-            borderColor: theme.colors.divider,
-        },
-        style,
-    ] }, children));
+const DeckSwiperCard = ({ style, children, theme, }) => {
+    var _a;
+    return (React.createElement(View, { style: [
+            styles.card,
+            {
+                backgroundColor: theme.colors.background,
+                borderRadius: (_a = theme.borderRadius) === null || _a === void 0 ? void 0 : _a.global,
+                borderColor: theme.colors.divider,
+            },
+            style,
+        ] }, children));
+};
 const styles = StyleSheet.create({
     card: {
         flex: 1,

package/src/components/DeckSwiper/DeckSwiperCard.tsx

@@ -19,7 +19,7 @@ const DeckSwiperCard: React.FC<DeckSwiperCardProps> = ({
       styles.card,
       {
         backgroundColor: theme.colors.background,
-        borderRadius: theme.borderRadius.global,
+        borderRadius: theme.borderRadius?.global,
         borderColor: theme.colors.divider,
       },
       style,