@draftbit/core 46.5.2-404403.2 → 46.5.2-5f6e91.0

package/lib/module/components/StepIndicator.js

@@ -1,6 +1,3 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 // @ts-nocheck
 import React, { Component } from "react";
 import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback } from "react-native";
@@ -12,7 +9,7 @@ const STEP_STATUS = {
 export default class StepIndicator extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "renderProgressBarBackground", () => {
+    this.renderProgressBarBackground = () => {
       const {
         stepCount,
         direction
@@ -55,8 +52,8 @@ export default class StepIndicator extends Component {
         },
         style: progressBarBackgroundStyle
       });
-    });
-    _defineProperty(this, "renderProgressBar", () => {
+    };
+    this.renderProgressBar = () => {
       const {
         stepCount,
         direction
@@ -86,8 +83,8 @@ export default class StepIndicator extends Component {
       return /*#__PURE__*/React.createElement(Animated.View, {
         style: progressBarStyle
       });
-    });
-    _defineProperty(this, "renderStepIndicator", () => {
+    };
+    this.renderStepIndicator = () => {
       let steps = [];
       const {
         stepCount,
@@ -118,8 +115,8 @@ export default class StepIndicator extends Component {
           height: this.state.customStyles.currentStepIndicatorSize
         }]
       }, steps);
-    });
-    _defineProperty(this, "renderStepLabels", () => {
+    };
+    this.renderStepLabels = () => {
       const {
         labels,
         direction,
@@ -161,8 +158,8 @@ export default class StepIndicator extends Component {
           alignItems: this.state.customStyles.labelAlign
         }]
       }, labelViews);
-    });
-    _defineProperty(this, "renderStep", position => {
+    };
+    this.renderStep = position => {
       const {
         renderStepIndicator
       } = this.props;
@@ -229,8 +226,8 @@ export default class StepIndicator extends Component {
       }) : /*#__PURE__*/React.createElement(Text, {
         style: indicatorLabelStyle
       }, "".concat(position + 1)));
-    });
-    _defineProperty(this, "getStepStatus", stepPosition => {
+    };
+    this.getStepStatus = stepPosition => {
       const {
         currentPosition
       } = this.props;
@@ -241,8 +238,8 @@ export default class StepIndicator extends Component {
       } else {
         return STEP_STATUS.UNFINISHED;
       }
-    });
-    _defineProperty(this, "onCurrentPositionChanged", position => {
+    };
+    this.onCurrentPositionChanged = position => {
       let {
         stepCount
       } = this.props;
@@ -262,7 +259,7 @@ export default class StepIndicator extends Component {
         toValue: this.state.customStyles.currentStepIndicatorSize / 2,
         duration: 100
       })])]).start();
-    });
+    };
     const defaultStyles = {
       stepIndicatorSize: 30,
       currentStepIndicatorSize: 40,
@@ -328,7 +325,6 @@ export default class StepIndicator extends Component {
     //     ),
     //   }));
     // }
-
     if (prevProps.currentPosition !== this.props.currentPosition) {
       this.onCurrentPositionChanged(this.props.currentPosition);
     }
@@ -369,6 +365,50 @@ const styles = StyleSheet.create({
     justifyContent: "center"
   }
 });
+StepIndicator.defaultProps = {
+  currentPosition: 0,
+  stepCount: 5,
+  customStyles: {},
+  direction: "horizontal"
+};rrentPositionChanged(this.props.currentPosition);
+    }
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "transparent"
+  },
+  stepIndicatorContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-around",
+    backgroundColor: "transparent"
+  },
+  stepLabelsContainer: {
+    justifyContent: "space-around"
+  },
+  step: {
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 2
+  },
+  stepContainer: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  stepLabel: {
+    fontSize: 12,
+    textAlign: "center",
+    fontWeight: "500"
+  },
+  stepLabelItem: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
 StepIndicator.defaultProps = {
   currentPosition: 0,
   stepCount: 5,

package/lib/module/components/Surface.js

@@ -1,4 +1,3 @@
-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); }
 /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
 import * as React from "react";
 import { Animated, StyleSheet } from "react-native";
@@ -34,6 +33,21 @@ const Surface = _ref => {
       return colors.surface;
     }
   };
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    ...rest,
+    style: [{
+      backgroundColor: getBackgroundColor(),
+      elevation,
+      ...evalationStyles,
+      ...restStyle
+    }]
+  }, children);
+};
+export default withTheme(Surface);erlay(elevation, colors.surface);
+    } else {
+      return colors.surface;
+    }
+  };
   return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       backgroundColor: getBackgroundColor(),

package/lib/module/components/TextField.js

@@ -1,7 +1,3 @@
-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); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from "react";
 import { View, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager } from "react-native";
 import { withTheme } from "../theming";
@@ -13,7 +9,7 @@ const ICON_SIZE = 24;
 class TextField extends React.Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "state", {
+    this.state = {
       nativeProps: {},
       labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
@@ -22,47 +18,46 @@ class TextField extends React.Component {
         measured: false,
         width: 0
       }
-    });
-    _defineProperty(this, "_timer", setTimeout(() => {}, 0));
-    _defineProperty(this, "_showPlaceholder", () => {
+    };
+    this._timer = setTimeout(() => {}, 0);
+    this._showPlaceholder = () => {
       clearTimeout(this._timer);
-
       // Set the placeholder in a delay to offset the label animation
       // If we show it immediately, they'll overlap and look ugly
       this._timer = setTimeout(() => this.setState({
         placeholder: this.props.placeholder
       }), 50);
-    });
-    _defineProperty(this, "_hidePlaceholder", () => this.setState({
+    };
+    this._hidePlaceholder = () => this.setState({
       placeholder: ""
-    }));
-    _defineProperty(this, "_restoreLabel", () => Animated.timing(this.state.labeled, {
+    });
+    this._restoreLabel = () => Animated.timing(this.state.labeled, {
       toValue: 1,
       duration: FOCUS_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start());
-    _defineProperty(this, "_minmizeLabel", () => Animated.timing(this.state.labeled, {
+    }).start();
+    this._minmizeLabel = () => Animated.timing(this.state.labeled, {
       toValue: 0,
       duration: BLUR_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start());
-    _defineProperty(this, "_handleFocus", () => {
+    }).start();
+    this._handleFocus = () => {
       if (this.props.disabled) {
         return;
       }
       this.setState({
         focused: true
       });
-    });
-    _defineProperty(this, "_handleBlur", () => {
+    };
+    this._handleBlur = () => {
       if (this.props.disabled) {
         return;
       }
       this.setState({
         focused: false
       });
-    });
-    _defineProperty(this, "_handleChangeText", value => {
+    };
+    this._handleChangeText = value => {
       if (this.props.disabled) {
         return;
       }
@@ -77,8 +72,8 @@ class TextField extends React.Component {
         });
         this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
       }
-    });
-    _defineProperty(this, "_root", undefined);
+    };
+    this._root = undefined;
   }
   static getDerivedStateFromProps(nextProps, prevState) {
     return {
@@ -165,7 +160,9 @@ class TextField extends React.Component {
         roundness,
         disabledOpacity
       },
-      render = props => /*#__PURE__*/React.createElement(NativeTextInput, props),
+      render = props => /*#__PURE__*/React.createElement(NativeTextInput, {
+        ...props
+      }),
       ...rest
     } = this.props;
     const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
@@ -305,9 +302,10 @@ class TextField extends React.Component {
     } = StyleSheet.flatten(style || {});
     return /*#__PURE__*/React.createElement(View, {
       style: [styles.container, styleProp]
-    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
+      ...leftIconProps,
       style: leftIconStyle
-    })) : null, /*#__PURE__*/React.createElement(View, {
+    }) : null, /*#__PURE__*/React.createElement(View, {
       style: applyStyles([containerStyle], {
         height: style === null || style === void 0 ? void 0 : style.height,
         backgroundColor: bgColor,
@@ -375,9 +373,10 @@ class TextField extends React.Component {
       style: {
         justifyContent: type === "solid" ? "center" : undefined
       }
-    }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+    }, /*#__PURE__*/React.createElement(Icon, {
+      ...leftIconProps,
       style: leftIconStyle
-    }))) : null, render({
+    })) : null, render({
       ref: c => {
         this._root = c;
       },
@@ -414,6 +413,57 @@ class TextField extends React.Component {
   }
 }
 export default withTheme(TextField);
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  },
+  placeholder: {
+    position: "absolute",
+    left: 0
+  },
+  underline: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: 2
+  },
+  input: {
+    flexGrow: 1,
+    justifyContent: "center",
+    textAlignVertical: "center",
+    margin: 0,
+    textAlign: I18nManager.isRTL ? "right" : "left"
+  }
+});ionColor: activeColor,
+      multiline,
+      numberOfLines,
+      onFocus: this._handleFocus,
+      onBlur: this._handleBlur,
+      underlineColorAndroid: "transparent",
+      style: inputStyles,
+      ...rest,
+      ...this.state.nativeProps,
+      value: this.state.value
+    })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+      name: rightIconName,
+      size: ICON_SIZE,
+      color: colors.light,
+      style: {
+        position: "absolute",
+        right: 16,
+        marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16
+      }
+    }) : null, assistiveText ? /*#__PURE__*/React.createElement(Text, {
+      style: [{
+        color: error ? colors.error : colors.light,
+        marginTop: 8,
+        marginLeft: assistiveTextLeftMargin
+      }]
+    }, assistiveText) : null);
+  }
+}
+export default withTheme(TextField);
 const styles = StyleSheet.create({
   container: {
     alignSelf: "stretch"

package/lib/module/components/ToggleButton.js

@@ -1,4 +1,3 @@
-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 { withTheme } from "../theming";
 import { StyleSheet } from "react-native";
@@ -38,13 +37,28 @@ const ToggleButton = _ref => {
     setInternalValue(!internalValue);
     onPress(!internalValue);
   };
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
+  return /*#__PURE__*/React.createElement(IconButton, {
     Icon: Icon,
     icon: icon,
     size: iconSize,
     color: internalValue ? colors[color] : colors[colorSecondary],
     onPress: handlePress,
     disabled: disabled,
+    style: [styles.mainContainer, {
+      width,
+      height,
+      backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
+      borderColor: colors[borderColor]
+    }, style],
+    ...rest
+  });
+};
+const styles = StyleSheet.create({
+  mainContainer: {
+    borderWidth: 1
+  }
+});
+export default withTheme(ToggleButton);: disabled,
     style: [styles.mainContainer, {
       width,
       height,

package/lib/module/constants.js

@@ -1,8 +1,7 @@
 import { Platform } from "react-native";
-
 // @ts-ignore
 const expo = global.__expo;
-const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.Constants ? expo.Constants.statusBarHeight : 0;
+const DEFAULT_STATUSBAR_HEIGHT_EXPO = (expo === null || expo === void 0 ? void 0 : expo.Constants) ? expo.Constants.statusBarHeight : 0;
 export const APPROX_STATUSBAR_HEIGHT = Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0

package/lib/module/hooks.js

@@ -3,12 +3,11 @@ export function usePrevious(value) {
   // The ref object is a generic container whose current property is mutable
   // and can hold any value, similar to an instance property on a class
   const ref = React.useRef();
-
   // Store current value in ref
   React.useEffect(() => {
     ref.current = value;
   }, [value]);
-
   // Return previous value (happens before update in useEffect above)
   return ref.current;
+}
 }

package/lib/module/index.js

@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/Ac
 export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
-
 /* Deprecated: Fix or Delete!  */
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
@@ -50,5 +49,4 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
-
-// a comment to fix sourcemap comment issue
+// a comment to fix sourcemap comment issueue

package/lib/module/mappings/FieldSearchBarFull.js

@@ -8,7 +8,6 @@ export const SEED_DATA = [{
   preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
   supports_list_render: false,
   triggers: [Triggers.OnChange],
-  // TODO Triggers.OnSubmit for multiple triggers
   props: {
     icon: {
       group: GROUPS.basic,
@@ -46,4 +45,8 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
+}];alue: "searchBarValue"
+    }
+  },
+  layout: {}
 }];

package/lib/module/mappings/StarRating.js

@@ -17,9 +17,7 @@ export const SEED_DATA = {
     }),
     fieldName: 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
     }),
 
@@ -43,4 +41,11 @@ export const SEED_DATA = {
       defaultValue: "divider"
     })
   }
+};primary"
+    }),
+    inactiveColor: createColorProp({
+      label: "Inactive Color",
+      defaultValue: "divider"
+    })
+  }
 };

package/lib/module/styles/overlay.js

@@ -7,7 +7,6 @@ export default function overlay(elevation) {
   let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DarkTheme.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,
@@ -16,7 +15,6 @@ export default function overlay(elevation) {
       })
     });
   }
-
   // @ts-expect-error: TS doesn't seem to refine the type correctly
   return calculateColor(surfaceColor, elevation);
 }
@@ -57,4 +55,4 @@ const elevationOverlayTransparency = {
   22: 15.72,
   23: 15.84,
   24: 16
-};
+};};

package/lib/typescript/src/components/DatePicker/DatePicker.d.ts

@@ -23,6 +23,8 @@ declare type Props = {
     rightIconName?: string;
     borderColor?: string;
     borderColorActive?: string;
+    pickerTextColor?: string;
+    pickerAccentColor?: string;
 } & IconSlot & TextInputProps;
 declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EAKf,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAStD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,KAAK,EAAE,KAAK,CAAC;IAMb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,QAAQ,GACV,cAAc,CAAC;;;;AA+fjB,wBAAqC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EAKf,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAStD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,KAAK,EAAE,KAAK,CAAC;IAMb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,QAAQ,GACV,cAAc,CAAC;;;;AAmgBjB,wBAAqC"}

package/lib/typescript/src/components/DatePicker/DatePickerComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePickerComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,wBAAwB,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA4BjE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"DatePickerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePickerComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,wBAAwB,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAkCjE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/typescript/src/components/DatePicker/DatePickerComponentType.d.ts

@@ -6,5 +6,7 @@ export interface DatePickerComponentProps {
     toggleVisibility: () => void;
     isVisible?: boolean;
     theme?: typeof theme;
+    accentColor?: string;
+    textColor?: string;
 }
 //# sourceMappingURL=DatePickerComponentType.d.ts.map

package/lib/typescript/src/components/DatePicker/DatePickerComponentType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerComponentType.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePickerComponentType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAE9C,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACnC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;CACtB"}
+{"version":3,"file":"DatePickerComponentType.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePickerComponentType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAE9C,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACnC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.5.2-404403.2+4044036",
+  "version": "46.5.2-5f6e91.0+5f6e919f",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,12 +41,12 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.5.2-404403.2+4044036",
+    "@draftbit/types": "^46.5.1",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
-    "@react-native-community/slider": "4.2.4",
-    "@react-native-picker/picker": "2.4.8",
-    "@shopify/flash-list": "1.3.1",
+    "@react-native-community/slider": "4.2.3",
+    "@react-native-picker/picker": "2.4.2",
+    "@shopify/flash-list": "1.2.0",
     "color": "^3.1.2",
     "date-fns": "^2.16.1",
     "dateformat": "^3.0.3",
@@ -54,7 +54,7 @@
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
     "react-native-modal-datetime-picker": "^13.0.0",
-    "react-native-svg": "13.4.0",
+    "react-native-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
     "react-native-web-swiper": "^2.2.3"
   },
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "40440364445de4fc6e203808d4be937966fc034a"
+  "gitHead": "5f6e919f90653f6a093791d248baed3a1dbe31a2"
 }

package/src/components/DatePicker/DatePicker.js

@@ -25,7 +25,7 @@ const MONTHS = [
     "November",
     "December",
 ];
-const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disabledOpacity }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, labelSize, labelColor, placeholder, borderColor: inputBorderColor, borderColorActive: inputBorderColorActive, ...props }) => {
+const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disabledOpacity }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, labelSize, labelColor, placeholder, borderColor: inputBorderColor, borderColorActive: inputBorderColorActive, pickerAccentColor, pickerTextColor, ...props }) => {
     const [value, setValue] = React.useState(date || defaultValue);
     React.useEffect(() => {
         if (defaultValue != null) {
@@ -333,7 +333,7 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
                             paddingRight: insets.right,
                         },
                     ] },
-                    React.createElement(DateTimePicker, { value: getValidDate(), mode: mode, isVisible: pickerVisible, toggleVisibility: toggleVisibility, onChange: (_event, data) => {
+                    React.createElement(DateTimePicker, { accentColor: pickerAccentColor, textColor: pickerTextColor, value: getValidDate(), mode: mode, isVisible: pickerVisible, toggleVisibility: toggleVisibility, onChange: (_event, data) => {
                             toggleVisibility();
                             setValue(data);
                             onDateChange(data);

package/src/components/DatePicker/DatePicker.tsx

@@ -55,6 +55,8 @@ type Props = {
   rightIconName?: string;
   borderColor?: string;
   borderColorActive?: string;
+  pickerTextColor?: string;
+  pickerAccentColor?: string;
 } & IconSlot &
   TextInputProps;
 
@@ -93,6 +95,8 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
   placeholder,
   borderColor: inputBorderColor,
   borderColorActive: inputBorderColorActive,
+  pickerAccentColor,
+  pickerTextColor,
   ...props
 }) => {
   const [value, setValue] = React.useState<any>(date || defaultValue);
@@ -513,6 +517,8 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
               ]}
             >
               <DateTimePicker
+                accentColor={pickerAccentColor}
+                textColor={pickerTextColor}
                 value={getValidDate()}
                 mode={mode}
                 isVisible={pickerVisible}

package/src/components/DatePicker/DatePickerComponent.js

@@ -2,12 +2,12 @@ import React from "react";
 import { Platform } from "react-native";
 import DateTimePicker from "@react-native-community/datetimepicker";
 import DateTimePickerModal from "react-native-modal-datetime-picker";
-const DatePickerComponent = ({ value, onChange, mode, toggleVisibility, }) => {
-    return Platform.OS === "ios" || Platform.OS === "android" ? (React.createElement(DateTimePickerModal, { date: value, mode: mode, isVisible: true, display: Platform.OS === "ios" ? "spinner" : "default", onCancel: () => {
+const DatePickerComponent = ({ value, onChange, textColor, accentColor, mode, toggleVisibility, }) => {
+    return Platform.OS === "ios" || Platform.OS === "android" ? (React.createElement(DateTimePickerModal, { date: value, mode: mode, textColor: textColor, accentColor: accentColor, isVisible: true, display: Platform.OS === "ios" ? "spinner" : "default", onCancel: () => {
             console.log("Picker cancelled before selecting anything.");
             toggleVisibility();
         }, onConfirm: (data) => {
             onChange(null, data);
-        } })) : (React.createElement(DateTimePicker, { value: value, mode: mode, onChange: onChange, display: "default" }));
+        } })) : (React.createElement(DateTimePicker, { value: value, mode: mode, textColor: textColor, accentColor: accentColor, onChange: onChange, display: "default" }));
 };
 export default DatePickerComponent;