@draftbit/core 48.5.6 → 48.5.7-efd08d.2

package/lib/typescript/src/components/MediaPlayer/VideoPlayer/index.js

@@ -1,2 +1,2 @@
-export { default as default } from "./VideoPlayer";
+export { default as default } from "./VideoPlayer";
 //# sourceMappingURL=index.js.map

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

@@ -1,11 +1,11 @@
-import React from "react";
-import { TextInput as NativeTextInput } from "react-native";
-import { TextInputProps } from "./TextInput";
-interface Props extends Omit<TextInputProps, "value" | "onChangeText" | "defaultValue" | "onChangeTextDelayed"> {
-    value?: number | string;
-    defaultValue?: number | string;
-    onChangeText?: (value?: number) => void;
-    onChangeTextDelayed?: (value?: number) => void;
-}
-declare const NumberInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<NativeTextInput>>;
-export default NumberInput;
+import React from "react";
+import { TextInput as NativeTextInput } from "react-native";
+import { TextInputProps } from "./TextInput";
+interface Props extends Omit<TextInputProps, "value" | "onChangeText" | "defaultValue" | "onChangeTextDelayed"> {
+    value?: number | string;
+    defaultValue?: number | string;
+    onChangeText?: (value?: number) => void;
+    onChangeTextDelayed?: (value?: number) => void;
+}
+declare const NumberInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<NativeTextInput>>;
+export default NumberInput;

package/lib/typescript/src/components/NumberInput.js

@@ -1,60 +1,60 @@
-import React, { useEffect, useState } from "react";
-import { TextInput as NativeTextInput } from "react-native";
-import { isString, isNumber, isNaN } from "lodash";
-import { useDebounce } from "../hooks";
-const NumberInput = React.forwardRef(({ onChangeText, onChangeTextDelayed, changeTextDelay = 500, value, defaultValue, ...props }, ref) => {
-    const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
-    const delayedValue = useDebounce(value, changeTextDelay);
-    const formatValueToStringNumber = (valueToFormat) => {
-        if (valueToFormat != null) {
-            if (isString(valueToFormat) && valueToFormat !== "") {
-                if (/^0[1-9]$/.test(valueToFormat)) {
-                    return valueToFormat.slice(1);
-                }
-                else if (/^[+-]?([0-9]+\.?[0-9]*|\.[0-9]+)$/.test(valueToFormat)) {
-                    return valueToFormat;
-                }
-                else {
-                    return currentStringNumberValue;
-                }
-            }
-            else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {
-                return valueToFormat.toString();
-            }
-        }
-        return "";
-    };
-    const handleChangeText = (newValue) => {
-        const newStringNumberValue = formatValueToStringNumber(newValue);
-        const number = parseFloat(newStringNumberValue);
-        setCurrentStringNumberValue(newStringNumberValue);
-        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(number);
-    };
-    // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
-    useEffect(() => {
-        const nextStringNumberValue = formatValueToStringNumber(value);
-        if (currentStringNumberValue !== nextStringNumberValue) {
-            handleChangeText(nextStringNumberValue);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [value]);
-    // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
-    useEffect(() => {
-        const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
-        if (currentStringNumberValue !== defaultStringNumberValue) {
-            setCurrentStringNumberValue(defaultStringNumberValue);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        if (delayedValue !== undefined) {
-            const newStringNumberValue = formatValueToStringNumber(delayedValue);
-            const number = parseFloat(newStringNumberValue);
-            onChangeTextDelayed === null || onChangeTextDelayed === void 0 ? void 0 : onChangeTextDelayed(number);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [delayedValue]);
-    return (React.createElement(NativeTextInput, { testID: "native-text-input", ref: ref, keyboardType: "numeric", value: currentStringNumberValue, onChangeText: handleChangeText, ...props }));
-});
-export default NumberInput;
+import React, { useEffect, useState } from "react";
+import { TextInput as NativeTextInput } from "react-native";
+import { isString, isNumber, isNaN } from "lodash";
+import { useDebounce } from "../hooks";
+const NumberInput = React.forwardRef(({ onChangeText, onChangeTextDelayed, changeTextDelay = 500, value, defaultValue, ...props }, ref) => {
+    const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
+    const delayedValue = useDebounce(value, changeTextDelay);
+    const formatValueToStringNumber = (valueToFormat) => {
+        if (valueToFormat != null) {
+            if (isString(valueToFormat) && valueToFormat !== "") {
+                if (/^0[1-9]$/.test(valueToFormat)) {
+                    return valueToFormat.slice(1);
+                }
+                else if (/^[+-]?([0-9]+\.?[0-9]*|\.[0-9]+)$/.test(valueToFormat)) {
+                    return valueToFormat;
+                }
+                else {
+                    return currentStringNumberValue;
+                }
+            }
+            else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {
+                return valueToFormat.toString();
+            }
+        }
+        return "";
+    };
+    const handleChangeText = (newValue) => {
+        const newStringNumberValue = formatValueToStringNumber(newValue);
+        const number = parseFloat(newStringNumberValue);
+        setCurrentStringNumberValue(newStringNumberValue);
+        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(number);
+    };
+    // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
+    useEffect(() => {
+        const nextStringNumberValue = formatValueToStringNumber(value);
+        if (currentStringNumberValue !== nextStringNumberValue) {
+            handleChangeText(nextStringNumberValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]);
+    // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
+    useEffect(() => {
+        const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
+        if (currentStringNumberValue !== defaultStringNumberValue) {
+            setCurrentStringNumberValue(defaultStringNumberValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffect(() => {
+        if (delayedValue !== undefined) {
+            const newStringNumberValue = formatValueToStringNumber(delayedValue);
+            const number = parseFloat(newStringNumberValue);
+            onChangeTextDelayed === null || onChangeTextDelayed === void 0 ? void 0 : onChangeTextDelayed(number);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [delayedValue]);
+    return (React.createElement(NativeTextInput, { testID: "native-text-input", ref: ref, keyboardType: "numeric", value: currentStringNumberValue, onChangeText: handleChangeText, ...props }));
+});
+export default NumberInput;
 //# sourceMappingURL=NumberInput.js.map

package/lib/typescript/src/components/Picker/NativePicker.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { CommonPickerProps, SinglePickerProps } from "./PickerCommon";
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<CommonPickerProps & SinglePickerProps, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<CommonPickerProps & SinglePickerProps> & React.FC<CommonPickerProps & SinglePickerProps>, {}>;
-export default _default;
+import * as React from "react";
+import { CommonPickerProps, SinglePickerProps } from "./PickerCommon";
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<CommonPickerProps & SinglePickerProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<CommonPickerProps & SinglePickerProps> & React.FC<CommonPickerProps & SinglePickerProps>, {}>;
+export default _default;

package/lib/typescript/src/components/Picker/NativePicker.js

@@ -1,95 +1,95 @@
-import * as React from "react";
-import { StyleSheet, Platform, Keyboard } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { Picker as NativePickerComponent } from "@react-native-picker/picker";
-import Portal from "../Portal/Portal";
-import { Button } from "../Button";
-import { useDeepCompareMemo } from "../../utilities";
-import { normalizeToPickerOptions, } from "./PickerCommon";
-import PickerInputContainer from "./PickerInputContainer";
-import { withTheme } from "../../theming";
-const isIos = Platform.OS === "ios";
-const isWeb = Platform.OS === "web";
-const NativePicker = ({ options: optionsProp = [], onValueChange, Icon, placeholder, value, autoDismissKeyboard = true, theme, disabled, ...rest }) => {
-    const pickerRef = React.useRef(null);
-    const [pickerVisible, setPickerVisible] = React.useState(false);
-    const options = useDeepCompareMemo(() => {
-        const normalizedOptions = normalizeToPickerOptions(optionsProp);
-        // Underlying Picker component defaults selection to first element when value is not provided (or undefined)
-        // Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
-        if (placeholder) {
-            return [{ label: placeholder, value: placeholder }, ...normalizedOptions];
-        }
-        else {
-            return normalizedOptions;
-        }
-    }, [placeholder, optionsProp]);
-    // When no placeholder is provided then first item should be marked selected to reflect underlying Picker internal state
-    if (!placeholder && options.length && !value && value !== options[0].value) {
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(options[0].value);
-    }
-    const renderNativePicker = () => (React.createElement(NativePickerComponent, { ref: pickerRef, testID: "native-picker-component", selectedValue: value, onValueChange: (newValue) => {
-            if (newValue !== placeholder) {
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue);
-            }
-            else if (newValue === placeholder) {
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange("");
-            }
-        }, style: isIos ? styles.iosNativePicker : styles.nativePicker, onBlur: () => setPickerVisible(false) }, options.map((option) => (React.createElement(NativePickerComponent.Item, { testID: "native-picker-item", label: option.label.toString(), value: option.value, key: option.value })))));
-    const renderPicker = () => {
-        if (isIos) {
-            return (React.createElement(Portal, null,
-                React.createElement(SafeAreaView, { style: styles.iosPickerContent },
-                    React.createElement(Button, { Icon: Icon, onPress: () => setPickerVisible(!pickerVisible), style: [styles.iosButton, { color: theme.colors.primary }], title: "Close" }),
-                    renderNativePicker())));
-        }
-        else {
-            return renderNativePicker();
-        }
-    };
-    React.useEffect(() => {
-        var _a;
-        if (pickerVisible && pickerRef.current) {
-            (_a = pickerRef === null || pickerRef === void 0 ? void 0 : pickerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [pickerVisible, pickerRef]);
-    React.useEffect(() => {
-        if (pickerVisible && autoDismissKeyboard) {
-            Keyboard.dismiss();
-        }
-    }, [pickerVisible, autoDismissKeyboard]);
-    return (React.createElement(PickerInputContainer, { testID: "native-picker", Icon: Icon, placeholder: placeholder, selectedValue: value, options: options, onPress: () => setPickerVisible(!pickerVisible), disabled: disabled, ...rest }, (pickerVisible || isWeb) && !disabled && renderPicker()));
-};
-const styles = StyleSheet.create({
-    nativePicker: {
-        position: "absolute",
-        bottom: 0,
-        left: 0,
-        right: 0,
-        flexDirection: "row",
-        justifyContent: "center",
-        width: "100%",
-        backgroundColor: "white",
-        opacity: 0,
-        ...Platform.select({
-            web: {
-                height: "100%", //To have the <select/> element fill the height
-            },
-        }),
-    },
-    iosNativePicker: {
-        backgroundColor: "white",
-    },
-    iosPickerContent: {
-        width: "100%",
-        position: "absolute",
-        bottom: 0,
-        backgroundColor: "white",
-    },
-    iosButton: {
-        backgroundColor: "transparent",
-        borderWidth: 0,
-    },
-});
-export default withTheme(NativePicker);
+import * as React from "react";
+import { StyleSheet, Platform, Keyboard } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { Picker as NativePickerComponent } from "@react-native-picker/picker";
+import Portal from "../Portal/Portal";
+import { Button } from "../Button";
+import { useDeepCompareMemo } from "../../utilities";
+import { normalizeToPickerOptions, } from "./PickerCommon";
+import PickerInputContainer from "./PickerInputContainer";
+import { withTheme } from "../../theming";
+const isIos = Platform.OS === "ios";
+const isWeb = Platform.OS === "web";
+const NativePicker = ({ options: optionsProp = [], onValueChange, Icon, placeholder, value, autoDismissKeyboard = true, theme, disabled, ...rest }) => {
+    const pickerRef = React.useRef(null);
+    const [pickerVisible, setPickerVisible] = React.useState(false);
+    const options = useDeepCompareMemo(() => {
+        const normalizedOptions = normalizeToPickerOptions(optionsProp);
+        // Underlying Picker component defaults selection to first element when value is not provided (or undefined)
+        // Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
+        if (placeholder) {
+            return [{ label: placeholder, value: placeholder }, ...normalizedOptions];
+        }
+        else {
+            return normalizedOptions;
+        }
+    }, [placeholder, optionsProp]);
+    // When no placeholder is provided then first item should be marked selected to reflect underlying Picker internal state
+    if (!placeholder && options.length && !value && value !== options[0].value) {
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(options[0].value);
+    }
+    const renderNativePicker = () => (React.createElement(NativePickerComponent, { ref: pickerRef, testID: "native-picker-component", selectedValue: value, onValueChange: (newValue) => {
+            if (newValue !== placeholder) {
+                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue);
+            }
+            else if (newValue === placeholder) {
+                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange("");
+            }
+        }, style: isIos ? styles.iosNativePicker : styles.nativePicker, onBlur: () => setPickerVisible(false) }, options.map((option) => (React.createElement(NativePickerComponent.Item, { testID: "native-picker-item", label: option.label.toString(), value: option.value, key: option.value })))));
+    const renderPicker = () => {
+        if (isIos) {
+            return (React.createElement(Portal, null,
+                React.createElement(SafeAreaView, { style: styles.iosPickerContent },
+                    React.createElement(Button, { Icon: Icon, onPress: () => setPickerVisible(!pickerVisible), style: [styles.iosButton, { color: theme.colors.primary }], title: "Close" }),
+                    renderNativePicker())));
+        }
+        else {
+            return renderNativePicker();
+        }
+    };
+    React.useEffect(() => {
+        var _a;
+        if (pickerVisible && pickerRef.current) {
+            (_a = pickerRef === null || pickerRef === void 0 ? void 0 : pickerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [pickerVisible, pickerRef]);
+    React.useEffect(() => {
+        if (pickerVisible && autoDismissKeyboard) {
+            Keyboard.dismiss();
+        }
+    }, [pickerVisible, autoDismissKeyboard]);
+    return (React.createElement(PickerInputContainer, { testID: "native-picker", Icon: Icon, placeholder: placeholder, selectedValue: value, options: options, onPress: () => setPickerVisible(!pickerVisible), disabled: disabled, ...rest }, (pickerVisible || isWeb) && !disabled && renderPicker()));
+};
+const styles = StyleSheet.create({
+    nativePicker: {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
+        flexDirection: "row",
+        justifyContent: "center",
+        width: "100%",
+        backgroundColor: "white",
+        opacity: 0,
+        ...Platform.select({
+            web: {
+                height: "100%", //To have the <select/> element fill the height
+            },
+        }),
+    },
+    iosNativePicker: {
+        backgroundColor: "white",
+    },
+    iosPickerContent: {
+        width: "100%",
+        position: "absolute",
+        bottom: 0,
+        backgroundColor: "white",
+    },
+    iosButton: {
+        backgroundColor: "transparent",
+        borderWidth: 0,
+    },
+});
+export default withTheme(NativePicker);
 //# sourceMappingURL=NativePicker.js.map

package/lib/typescript/src/components/Picker/PickerCommon.d.ts

@@ -1,46 +1,46 @@
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-import { IconSlot } from "../../interfaces/Icon";
-import { Theme } from "../../styles/DefaultTheme";
-export interface PickerOption {
-    value: string | number;
-    label: string | number;
-}
-export interface PickerInputContainerProps extends IconSlot {
-    error?: boolean;
-    placeholder?: string;
-    disabled?: boolean;
-    style?: StyleProp<ViewStyle> | TextStyle;
-    label?: string;
-    assistiveText?: string;
-    iconColor?: string;
-    iconSize?: number;
-    leftIconMode?: "inset" | "outset";
-    leftIconName?: string;
-    placeholderTextColor?: string;
-    rightIconName?: string;
-    type?: "solid" | "underline";
-}
-export interface CommonPickerProps extends PickerInputContainerProps {
-    options: PickerOption[] | string[] | number[];
-    autoDismissKeyboard?: boolean;
-    theme: Theme;
-}
-export interface SinglePickerProps {
-    value?: string | number;
-    onValueChange: (value: string | number) => void;
-}
-export interface MultiSelectPickerProps {
-    value?: (string | number)[];
-    onValueChange: (value: (string | number)[]) => void;
-}
-export interface CommonDropDownPickerProps extends CommonPickerProps {
-    selectedIconName?: string;
-    selectedIconColor?: string;
-    selectedIconSize?: number;
-    dropDownBackgroundColor?: string;
-    dropDownBorderColor?: string;
-    dropDownTextColor?: string;
-    dropDownBorderWidth?: number;
-    dropDownBorderRadius?: number;
-}
-export declare function normalizeToPickerOptions(options: PickerOption[] | string[] | number[]): PickerOption[];
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+import { IconSlot } from "../../interfaces/Icon";
+import { Theme } from "../../styles/DefaultTheme";
+export interface PickerOption {
+    value: string | number;
+    label: string | number;
+}
+export interface PickerInputContainerProps extends IconSlot {
+    error?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle> | TextStyle;
+    label?: string;
+    assistiveText?: string;
+    iconColor?: string;
+    iconSize?: number;
+    leftIconMode?: "inset" | "outset";
+    leftIconName?: string;
+    placeholderTextColor?: string;
+    rightIconName?: string;
+    type?: "solid" | "underline";
+}
+export interface CommonPickerProps extends PickerInputContainerProps {
+    options: PickerOption[] | string[] | number[];
+    autoDismissKeyboard?: boolean;
+    theme: Theme;
+}
+export interface SinglePickerProps {
+    value?: string | number;
+    onValueChange: (value: string | number) => void;
+}
+export interface MultiSelectPickerProps {
+    value?: (string | number)[];
+    onValueChange: (value: (string | number)[]) => void;
+}
+export interface CommonDropDownPickerProps extends CommonPickerProps {
+    selectedIconName?: string;
+    selectedIconColor?: string;
+    selectedIconSize?: number;
+    dropDownBackgroundColor?: string;
+    dropDownBorderColor?: string;
+    dropDownTextColor?: string;
+    dropDownBorderWidth?: number;
+    dropDownBorderRadius?: number;
+}
+export declare function normalizeToPickerOptions(options: PickerOption[] | string[] | number[]): PickerOption[];

package/lib/typescript/src/components/Picker/PickerCommon.js

@@ -1,25 +1,25 @@
-import { isObject } from "lodash";
-export function normalizeToPickerOptions(options) {
-    if (options.length === 0) {
-        return [];
-    }
-    const firstOption = options[0];
-    if (typeof firstOption === "string" || typeof firstOption === "number") {
-        return options.map((option) => ({
-            label: option,
-            value: option,
-        }));
-    }
-    if (isObject(firstOption) &&
-        firstOption.value !== undefined &&
-        firstOption.label !== undefined) {
-        return options.map((option) => {
-            return {
-                label: option.label,
-                value: option.value,
-            };
-        });
-    }
-    throw new Error('Picker options must be either an array of strings, numbers, or an array of { "label": string | number; "value": string | number; } objects.');
-}
+import { isObject } from "lodash";
+export function normalizeToPickerOptions(options) {
+    if (options.length === 0) {
+        return [];
+    }
+    const firstOption = options[0];
+    if (typeof firstOption === "string" || typeof firstOption === "number") {
+        return options.map((option) => ({
+            label: option,
+            value: option,
+        }));
+    }
+    if (isObject(firstOption) &&
+        firstOption.value !== undefined &&
+        firstOption.label !== undefined) {
+        return options.map((option) => {
+            return {
+                label: option.label,
+                value: option.value,
+            };
+        });
+    }
+    throw new Error('Picker options must be either an array of strings, numbers, or an array of { "label": string | number; "value": string | number; } objects.');
+}
 //# sourceMappingURL=PickerCommon.js.map

package/lib/typescript/src/components/Picker/PickerInputContainer.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import { PickerInputContainerProps as ExposedPickerInputContainerProps, PickerOption } from "./PickerCommon";
-interface PickerInputContainerProps extends ExposedPickerInputContainerProps {
-    selectedValue?: string | number | (string | number)[];
-    options: PickerOption[];
-    zIndex?: number;
-    onPress?: () => void;
-    testID?: string;
-}
-declare const PickerInputContainer: React.FC<React.PropsWithChildren<PickerInputContainerProps>>;
-export default PickerInputContainer;
+import React from "react";
+import { PickerInputContainerProps as ExposedPickerInputContainerProps, PickerOption } from "./PickerCommon";
+interface PickerInputContainerProps extends ExposedPickerInputContainerProps {
+    selectedValue?: string | number | (string | number)[];
+    options: PickerOption[];
+    zIndex?: number;
+    onPress?: () => void;
+    testID?: string;
+}
+declare const PickerInputContainer: React.FC<React.PropsWithChildren<PickerInputContainerProps>>;
+export default PickerInputContainer;

package/lib/typescript/src/components/Picker/PickerInputContainer.js

@@ -1,37 +1,37 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import omit from "lodash.omit";
-import { extractSizeStyles, extractPositionStyles, extractFlexItemStyles, extractBorderAndMarginStyles, } from "../../utilities";
-import TextField from "../TextField";
-import Touchable from "../Touchable";
-const PickerInputContainer = ({ options = [], onPress, Icon, style, selectedValue, disabled = false, zIndex, children, testID, ...rest }) => {
-    var _a;
-    const containerStyle = StyleSheet.flatten([
-        extractSizeStyles(style),
-        extractPositionStyles(style),
-        extractFlexItemStyles(style),
-        extractBorderAndMarginStyles(style).marginStyles,
-    ]);
-    const textFieldStyle = omit(StyleSheet.flatten(style), Object.keys(containerStyle));
-    let selectedLabel = "";
-    if (Array.isArray(selectedValue)) {
-        selectedLabel = selectedValue
-            .map((value) => {
-            var _a;
-            return ((_a = options
-                .find((option) => option.value.toString() === value.toString())) === null || _a === void 0 ? void 0 : _a.label.toString()) || value;
-        })
-            .join(", ");
-    }
-    else {
-        selectedLabel =
-            ((_a = options
-                .find((option) => option.value.toString() === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.toString()))) === null || _a === void 0 ? void 0 : _a.label.toString()) || selectedValue;
-    }
-    return (React.createElement(View, { testID: testID, style: [containerStyle, { zIndex }] },
-        React.createElement(TextField, { Icon: Icon, numberOfLines: 1, onChangeText: () => { }, value: selectedLabel === null || selectedLabel === void 0 ? void 0 : selectedLabel.toString(), editable: false, disabled: disabled, style: textFieldStyle, ...rest }),
-        React.createElement(Touchable, { style: StyleSheet.absoluteFillObject, disabled: disabled, onPress: onPress }),
-        children));
-};
-export default PickerInputContainer;
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import omit from "lodash.omit";
+import { extractSizeStyles, extractPositionStyles, extractFlexItemStyles, extractBorderAndMarginStyles, } from "../../utilities";
+import TextField from "../TextField";
+import Touchable from "../Touchable";
+const PickerInputContainer = ({ options = [], onPress, Icon, style, selectedValue, disabled = false, zIndex, children, testID, ...rest }) => {
+    var _a;
+    const containerStyle = StyleSheet.flatten([
+        extractSizeStyles(style),
+        extractPositionStyles(style),
+        extractFlexItemStyles(style),
+        extractBorderAndMarginStyles(style).marginStyles,
+    ]);
+    const textFieldStyle = omit(StyleSheet.flatten(style), Object.keys(containerStyle));
+    let selectedLabel = "";
+    if (Array.isArray(selectedValue)) {
+        selectedLabel = selectedValue
+            .map((value) => {
+            var _a;
+            return ((_a = options
+                .find((option) => option.value.toString() === value.toString())) === null || _a === void 0 ? void 0 : _a.label.toString()) || value;
+        })
+            .join(", ");
+    }
+    else {
+        selectedLabel =
+            ((_a = options
+                .find((option) => option.value.toString() === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.toString()))) === null || _a === void 0 ? void 0 : _a.label.toString()) || selectedValue;
+    }
+    return (React.createElement(View, { testID: testID, style: [containerStyle, { zIndex }] },
+        React.createElement(TextField, { Icon: Icon, numberOfLines: 1, onChangeText: () => { }, value: selectedLabel === null || selectedLabel === void 0 ? void 0 : selectedLabel.toString(), editable: false, disabled: disabled, style: textFieldStyle, ...rest }),
+        React.createElement(Touchable, { style: StyleSheet.absoluteFillObject, disabled: disabled, onPress: onPress }),
+        children));
+};
+export default PickerInputContainer;
 //# sourceMappingURL=PickerInputContainer.js.map

package/lib/typescript/src/components/Picker/dropdown/DropDownPicker.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { CommonDropDownPickerProps, MultiSelectPickerProps, SinglePickerProps } from "../PickerCommon";
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<CommonDropDownPickerProps & (SinglePickerProps | MultiSelectPickerProps)>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<CommonDropDownPickerProps & (SinglePickerProps | MultiSelectPickerProps)>> & React.FC<React.PropsWithChildren<CommonDropDownPickerProps & (SinglePickerProps | MultiSelectPickerProps)>>, {}>;
-export default _default;
+import * as React from "react";
+import { CommonDropDownPickerProps, MultiSelectPickerProps, SinglePickerProps } from "../PickerCommon";
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<CommonDropDownPickerProps & (SinglePickerProps | MultiSelectPickerProps)>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<CommonDropDownPickerProps & (SinglePickerProps | MultiSelectPickerProps)>> & React.FC<React.PropsWithChildren<CommonDropDownPickerProps & (SinglePickerProps | MultiSelectPickerProps)>>, {}>;
+export default _default;