@draftbit/core 48.4.9-5b8587.2 → 48.4.9-85e6e7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "48.4.9-5b8587.2+5b85872",
+  "version": "48.4.9-85e6e7.2+85e6e70",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^48.4.9-5b8587.2+5b85872",
+    "@draftbit/types": "^48.4.9-85e6e7.2+85e6e70",
     "@expo/vector-icons": "^13.0.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
@@ -102,5 +102,5 @@
     ],
     "testEnvironment": "node"
   },
-  "gitHead": "5b858722517dbbf5a8bad0e11ffb5f60184b189d"
+  "gitHead": "85e6e704ebcc7a00fe8419f8b2163e07fee1972d"
 }

package/src/components/Picker/DropDownPicker.js

@@ -4,8 +4,7 @@ import { useDeepCompareEffect, useDeepCompareMemo } from "../../utilities";
 import { normalizeToPickerOptions } from "./PickerCommon";
 import PickerInputContainer from "./PickerInputContainer";
 import DropDownPickerComponent from "react-native-dropdown-picker";
-import { withTheme } from "../../theming";
-const DropDownPicker = ({ theme, options: optionsProp = [], onValueChange, Icon, placeholder, value, autoDismissKeyboard = true, selectedIconColor = theme.colors.strong, selectedIconName = "Feather/check", ...rest }) => {
+const DropDownPicker = ({ options: optionsProp = [], onValueChange, Icon, placeholder, value, autoDismissKeyboard = true, ...rest }) => {
     const [pickerVisible, setPickerVisible] = React.useState(false);
     const [internalValue, setInternalValue] = React.useState();
     const options = useDeepCompareMemo(() => normalizeToPickerOptions(optionsProp).map((option) => ({
@@ -21,11 +20,8 @@ const DropDownPicker = ({ theme, options: optionsProp = [], onValueChange, Icon,
         }
     }, [pickerVisible, autoDismissKeyboard]);
     return (React.createElement(PickerInputContainer, { Icon: Icon, placeholder: placeholder, selectedValue: value, options: options, onPress: () => setPickerVisible(!pickerVisible), zIndex: pickerVisible ? 100 : undefined, ...rest },
-        React.createElement(DropDownPickerComponent, { open: pickerVisible, setOpen: setPickerVisible, value: value || null, setValue: setInternalValue, items: options, placeholder: placeholder, listMode: "SCROLLVIEW", style: { display: "none" }, dropDownContainerStyle: {
-                borderColor: theme.colors.divider,
-                backgroundColor: theme.colors.background,
-            }, textStyle: { color: theme.colors.strong }, TickIconComponent: () => (React.createElement(Icon, { name: selectedIconName, size: 20, color: selectedIconColor })) })));
+        React.createElement(DropDownPickerComponent, { open: pickerVisible, setOpen: setPickerVisible, value: value || null, setValue: setInternalValue, items: options, placeholder: placeholder, listMode: "SCROLLVIEW", style: { display: "none" }, dropDownContainerStyle: {} })));
 };
 // const styles = StyleSheet.create({});
-export default withTheme(DropDownPicker);
+export default DropDownPicker;
 //# sourceMappingURL=DropDownPicker.js.map

package/src/components/Picker/DropDownPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownPicker.js","sourceRoot":"","sources":["DropDownPicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropDownPicker.js","sourceRoot":"","sources":["DropDownPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAqB,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC7E,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAEnE,MAAM,cAAc,GAAgC,CAAC,EACnD,OAAO,EAAE,WAAW,GAAG,EAAE,EACzB,aAAa,EACb,IAAI,EACJ,WAAW,EACX,KAAK,EACL,mBAAmB,GAAG,IAAI,EAC1B,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAmB,CAAC;IAE5E,MAAM,OAAO,GAAG,kBAAkB,CAChC,GAAG,EAAE,CACH,wBAAwB,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACrD,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;QAC9B,KAAK,EAAE,MAAM,CAAC,KAAK;KACpB,CAAC,CAAC,EACL,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,oBAAoB,CAAC,GAAG,EAAE;QACxB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,aAAa,IAAI,EAAE,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAEnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,IAAI,mBAAmB,EAAE;YACxC,QAAQ,CAAC,OAAO,EAAE,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,oBAAC,oBAAoB,IACnB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,KAAK,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC,EAC/C,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,KACnC,IAAI;QAER,oBAAC,uBAAuB,IACtB,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAC,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,sBAAsB,EAAE,EAAE,GAC1B,CACmB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,wCAAwC;AAExC,eAAe,cAAc,CAAC"}

package/src/components/Picker/DropDownPicker.tsx

@@ -4,25 +4,14 @@ import { useDeepCompareEffect, useDeepCompareMemo } from "../../utilities";
 import { CommonPickerProps, normalizeToPickerOptions } from "./PickerCommon";
 import PickerInputContainer from "./PickerInputContainer";
 import DropDownPickerComponent from "react-native-dropdown-picker";
-import { withTheme } from "../../theming";
-import { Theme } from "../../styles/DefaultTheme";
 
-interface DropDownPickerProps extends CommonPickerProps {
-  selectedIconName?: string;
-  selectedIconColor?: string;
-  theme: Theme;
-}
-
-const DropDownPicker: React.FC<DropDownPickerProps> = ({
-  theme,
+const DropDownPicker: React.FC<CommonPickerProps> = ({
   options: optionsProp = [],
   onValueChange,
   Icon,
   placeholder,
   value,
   autoDismissKeyboard = true,
-  selectedIconColor = theme.colors.strong,
-  selectedIconName = "Feather/check",
   ...rest
 }) => {
   const [pickerVisible, setPickerVisible] = React.useState(false);
@@ -65,15 +54,8 @@ const DropDownPicker: React.FC<DropDownPickerProps> = ({
         items={options}
         placeholder={placeholder}
         listMode="SCROLLVIEW"
-        style={{ display: "none" }} // To not render the default input container
-        dropDownContainerStyle={{
-          borderColor: theme.colors.divider,
-          backgroundColor: theme.colors.background,
-        }}
-        textStyle={{ color: theme.colors.strong }}
-        TickIconComponent={() => (
-          <Icon name={selectedIconName} size={20} color={selectedIconColor} />
-        )}
+        style={{ display: "none" }} // This is the style of the input container
+        dropDownContainerStyle={{}}
       />
     </PickerInputContainer>
   );
@@ -81,4 +63,4 @@ const DropDownPicker: React.FC<DropDownPickerProps> = ({
 
 // const styles = StyleSheet.create({});
 
-export default withTheme(DropDownPicker);
+export default DropDownPicker;