@draftbit/core 46.4.4-caab07.0 → 46.4.4-cc754a.2

package/src/components/Picker/PickerComponent.android.js

@@ -6,117 +6,64 @@ import { Picker as NativePicker } from "@react-native-picker/picker";
 import { extractStyles } from "../../utilities";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
-const Picker = ({
-  style,
-  options,
-  placeholder,
-  selectedValue,
-  disabled = false,
-  onValueChange: onValueChangeOverride = () => {},
-  ...props
-}) => {
-  var _a, _b;
-  const {
-    viewStyles: {
-      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-      padding, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
-      ...viewStyles
-    },
-  } = extractStyles(style);
-  const textField = React.useRef(undefined);
-  const onValueChange = (itemValue, itemIndex) => {
-    toggleFocus();
-    onValueChangeOverride(itemValue, itemIndex);
-  };
-  const toggleFocus = () => {
-    if (!disabled) {
-      // @ts-ignore
-      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
-    }
-  };
-  const stylesWithoutMargin =
-    style &&
-    omit(StyleSheet.flatten(style), [
-      "margin",
-      "marginTop",
-      "marginRight",
-      "marginBottom",
-      "marginLeft",
-    ]);
-  const selectedLabel =
-    selectedValue &&
-    ((_b =
-      (_a = options.find((o) => o.value === selectedValue)) === null ||
-      _a === void 0
-        ? void 0
-        : _a.label) !== null && _b !== void 0
-      ? _b
-      : selectedValue);
-  return React.createElement(
-    Touchable,
-    {
-      disabled: disabled,
-      onPress: toggleFocus,
-      style: [styles.container, viewStyles],
-    },
-    React.createElement(
-      View,
-      null,
-      React.createElement(
-        NativePicker,
-        {
-          enabled: !disabled,
-          selectedValue: selectedValue,
-          onValueChange: onValueChange,
-          style: {
-            opacity: 0,
-            position: "absolute",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            width: "100%",
-          },
-        },
-        options.map((o) =>
-          React.createElement(NativePicker.Item, {
-            label: o.label,
-            value: o.value,
-            key: o.value,
-          })
-        )
-      ),
-      React.createElement(
-        View,
-        { pointerEvents: "none" },
-        React.createElement(TextField, {
-          ...props,
-          value: selectedLabel,
-          placeholder: placeholder,
-          // @ts-ignore
-          ref: textField,
-          disabled: disabled,
-          // @ts-expect-error
-          style: stylesWithoutMargin,
-        })
-      )
-    )
-  );
+const Picker = ({ style, options, placeholder, selectedValue, disabled = false, onValueChange: onValueChangeOverride = () => { }, ...props }) => {
+    var _a, _b;
+    const { viewStyles: { borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars
+    backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars
+    padding, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
+    ...viewStyles }, } = extractStyles(style);
+    const textField = React.useRef(undefined);
+    const onValueChange = (itemValue, itemIndex) => {
+        toggleFocus();
+        onValueChangeOverride(itemValue, itemIndex);
+    };
+    const toggleFocus = () => {
+        if (!disabled) {
+            // @ts-ignore
+            textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
+        }
+    };
+    const stylesWithoutMargin = style &&
+        omit(StyleSheet.flatten(style), [
+            "margin",
+            "marginTop",
+            "marginRight",
+            "marginBottom",
+            "marginLeft",
+        ]);
+    const selectedLabel = selectedValue &&
+        ((_b = (_a = options.find((o) => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
+    return (React.createElement(Touchable, { disabled: disabled, onPress: toggleFocus, style: [styles.container, viewStyles] },
+        React.createElement(View, null,
+            React.createElement(NativePicker, { enabled: !disabled, selectedValue: selectedValue, onValueChange: onValueChange, style: {
+                    opacity: 0,
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    width: "100%",
+                } }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value })))),
+            React.createElement(View, { pointerEvents: "none" },
+                React.createElement(TextField, { ...props, value: selectedLabel, placeholder: placeholder, 
+                    // @ts-ignore
+                    ref: textField, disabled: disabled, 
+                    // @ts-expect-error
+                    style: stylesWithoutMargin })))));
 };
 const styles = StyleSheet.create({
-  container: {
-    alignSelf: "stretch",
-  },
+    container: {
+        alignSelf: "stretch",
+    },
 });
 export default withTheme(Picker);

package/src/components/Picker/PickerComponent.ios.js

@@ -9,139 +9,71 @@ import Button from "../DeprecatedButton";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
 import { extractStyles } from "../../utilities";
-const Picker = ({
-  Icon,
-  style,
-  options,
-  placeholder,
-  selectedValue,
-  disabled = false,
-  onValueChange = () => {},
-  theme: { colors },
-  ...props
-}) => {
-  var _a, _b;
-  const {
-    viewStyles: {
-      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-      padding, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
-      ...viewStyles
-    },
-  } = extractStyles(style);
-  const textField = React.useRef(undefined);
-  const [pickerVisible, setIsPickerVisible] = React.useState(false);
-  const toggleVisibility = () => {
-    setIsPickerVisible(!pickerVisible);
-    // @ts-ignore
-    textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
-  };
-  const stylesWithoutMargin =
-    style &&
-    omit(StyleSheet.flatten(style), [
-      "margin",
-      "marginTop",
-      "marginRight",
-      "marginBottom",
-      "marginLeft",
-    ]);
-  const selectedLabel =
-    selectedValue &&
-    ((_b =
-      (_a = options.find((o) => o.value === selectedValue)) === null ||
-      _a === void 0
-        ? void 0
-        : _a.label) !== null && _b !== void 0
-      ? _b
-      : selectedValue);
-  return React.createElement(
-    View,
-    { style: [styles.container, viewStyles] },
-    React.createElement(
-      Touchable,
-      { disabled: disabled, onPress: toggleVisibility },
-      React.createElement(TextField, {
-        ...props,
-        value: String(selectedLabel),
-        placeholder: placeholder,
+const Picker = ({ Icon, style, options, placeholder, selectedValue, disabled = false, onValueChange = () => { }, theme: { colors }, ...props }) => {
+    var _a, _b;
+    const { viewStyles: { borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars
+    backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars
+    padding, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
+    ...viewStyles }, } = extractStyles(style);
+    const textField = React.useRef(undefined);
+    const [pickerVisible, setIsPickerVisible] = React.useState(false);
+    const toggleVisibility = () => {
+        setIsPickerVisible(!pickerVisible);
         // @ts-ignore
-        ref: textField,
-        disabled: disabled,
-        pointerEvents: "none",
-        // @ts-expect-error
-        style: stylesWithoutMargin,
-        Icon: Icon,
-      })
-    ),
-    pickerVisible &&
-      React.createElement(
-        Portal,
-        null,
-        React.createElement(
-          View,
-          { style: [styles.picker, { backgroundColor: colors.divider }] },
-          React.createElement(
-            SafeAreaView,
-            { style: styles.pickerContainer },
-            React.createElement(
-              Button,
-              {
-                Icon: Icon,
-                type: "text",
-                onPress: toggleVisibility,
-                style: styles.closeButton,
-              },
-              "Close"
-            ),
-            React.createElement(
-              NativePicker,
-              {
-                style: { backgroundColor: "white" },
-                selectedValue: selectedValue,
-                onValueChange: onValueChange,
-              },
-              options.map((o) =>
-                React.createElement(NativePicker.Item, {
-                  label: o.label,
-                  value: o.value,
-                  key: o.value,
-                })
-              )
-            )
-          )
-        )
-      )
-  );
+        textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
+    };
+    const stylesWithoutMargin = style &&
+        omit(StyleSheet.flatten(style), [
+            "margin",
+            "marginTop",
+            "marginRight",
+            "marginBottom",
+            "marginLeft",
+        ]);
+    const selectedLabel = selectedValue &&
+        ((_b = (_a = options.find((o) => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
+    return (React.createElement(View, { style: [styles.container, viewStyles] },
+        React.createElement(Touchable, { disabled: disabled, onPress: toggleVisibility },
+            React.createElement(TextField, { ...props, value: String(selectedLabel), placeholder: placeholder, 
+                // @ts-ignore
+                ref: textField, disabled: disabled, pointerEvents: "none", 
+                // @ts-expect-error
+                style: stylesWithoutMargin, Icon: Icon })),
+        pickerVisible && (React.createElement(Portal, null,
+            React.createElement(View, { style: [styles.picker, { backgroundColor: colors.divider }] },
+                React.createElement(SafeAreaView, { style: styles.pickerContainer },
+                    React.createElement(Button, { Icon: Icon, type: "text", onPress: toggleVisibility, style: styles.closeButton }, "Close"),
+                    React.createElement(NativePicker, { style: { backgroundColor: "white" }, selectedValue: selectedValue, onValueChange: onValueChange }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value }))))))))));
 };
 const styles = StyleSheet.create({
-  container: {
-    alignSelf: "stretch",
-  },
-  picker: {
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    right: 0,
-    flexDirection: "row",
-    justifyContent: "center",
-  },
-  pickerContainer: {
-    backgroundColor: "white",
-    flexDirection: "column",
-    width: "100%",
-  },
-  closeButton: {
-    alignSelf: "flex-end",
-  },
+    container: {
+        alignSelf: "stretch",
+    },
+    picker: {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
+        flexDirection: "row",
+        justifyContent: "center",
+    },
+    pickerContainer: {
+        backgroundColor: "white",
+        flexDirection: "column",
+        width: "100%",
+    },
+    closeButton: {
+        alignSelf: "flex-end",
+    },
 });
 export default withTheme(Picker);

package/src/components/Picker/PickerComponent.web.js

@@ -6,118 +6,65 @@ import { withTheme } from "../../theming";
 import { extractStyles } from "../../utilities";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
-const Picker = ({
-  style,
-  options,
-  placeholder,
-  selectedValue,
-  disabled = false,
-  onValueChange: onValueChangeOverride = () => {},
-  ...props
-}) => {
-  var _a, _b;
-  const {
-    viewStyles: {
-      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-      padding, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
-      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
-      ...viewStyles
-    },
-  } = extractStyles(style);
-  const textField = React.useRef(undefined);
-  const onValueChange = (itemValue, itemIndex) => {
-    toggleFocus();
-    onValueChangeOverride(itemValue, itemIndex);
-  };
-  const toggleFocus = () => {
-    if (!disabled) {
-      // @ts-ignore
-      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
-    }
-  };
-  const stylesWithoutMargin =
-    style &&
-    omit(StyleSheet.flatten(style), [
-      "margin",
-      "marginTop",
-      "marginRight",
-      "marginBottom",
-      "marginLeft",
-    ]);
-  const selectedLabel =
-    selectedValue &&
-    ((_b =
-      (_a = options.find((o) => o.value === selectedValue)) === null ||
-      _a === void 0
-        ? void 0
-        : _a.label) !== null && _b !== void 0
-      ? _b
-      : selectedValue);
-  return React.createElement(
-    Touchable,
-    {
-      disabled: disabled,
-      onPress: toggleFocus,
-      style: [styles.container, viewStyles],
-    },
-    React.createElement(
-      View,
-      null,
-      React.createElement(
-        NativePicker,
-        {
-          enabled: !disabled,
-          selectedValue: selectedValue,
-          onValueChange: onValueChange,
-          style: {
-            flex: 1,
-            opacity: 0,
-            position: "absolute",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            width: "100%",
-          },
-        },
-        options.map((o) =>
-          React.createElement(NativePicker.Item, {
-            label: o.label,
-            value: o.value,
-            key: o.value,
-          })
-        )
-      ),
-      React.createElement(
-        View,
-        { pointerEvents: "none" },
-        React.createElement(TextField, {
-          ...props,
-          value: selectedLabel,
-          placeholder: placeholder,
-          // @ts-ignore
-          ref: textField,
-          disabled: disabled,
-          // @ts-expect-error
-          style: stylesWithoutMargin,
-        })
-      )
-    )
-  );
+const Picker = ({ style, options, placeholder, selectedValue, disabled = false, onValueChange: onValueChangeOverride = () => { }, ...props }) => {
+    var _a, _b;
+    const { viewStyles: { borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
+    borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars
+    backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars
+    padding, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
+    paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
+    ...viewStyles }, } = extractStyles(style);
+    const textField = React.useRef(undefined);
+    const onValueChange = (itemValue, itemIndex) => {
+        toggleFocus();
+        onValueChangeOverride(itemValue, itemIndex);
+    };
+    const toggleFocus = () => {
+        if (!disabled) {
+            // @ts-ignore
+            textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
+        }
+    };
+    const stylesWithoutMargin = style &&
+        omit(StyleSheet.flatten(style), [
+            "margin",
+            "marginTop",
+            "marginRight",
+            "marginBottom",
+            "marginLeft",
+        ]);
+    const selectedLabel = selectedValue &&
+        ((_b = (_a = options.find((o) => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
+    return (React.createElement(Touchable, { disabled: disabled, onPress: toggleFocus, style: [styles.container, viewStyles] },
+        React.createElement(View, null,
+            React.createElement(NativePicker, { enabled: !disabled, selectedValue: selectedValue, onValueChange: onValueChange, style: {
+                    flex: 1,
+                    opacity: 0,
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    width: "100%",
+                } }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value })))),
+            React.createElement(View, { pointerEvents: "none" },
+                React.createElement(TextField, { ...props, value: selectedLabel, placeholder: placeholder, 
+                    // @ts-ignore
+                    ref: textField, disabled: disabled, 
+                    // @ts-expect-error
+                    style: stylesWithoutMargin })))));
 };
 const styles = StyleSheet.create({
-  container: {
-    alignSelf: "stretch",
-  },
+    container: {
+        alignSelf: "stretch",
+    },
 });
 export default withTheme(Picker);

package/src/components/Portal/Portal.js

@@ -24,16 +24,11 @@ import { ThemeProvider, withTheme } from "../../theming";
  * ```
  */
 class Portal extends React.Component {
-  render() {
-    const { children, theme } = this.props;
-    return React.createElement(PortalContext.Consumer, null, (manager) =>
-      React.createElement(
-        PortalConsumer,
-        { manager: manager },
-        React.createElement(ThemeProvider, { theme: theme }, children)
-      )
-    );
-  }
+    render() {
+        const { children, theme } = this.props;
+        return (React.createElement(PortalContext.Consumer, null, (manager) => (React.createElement(PortalConsumer, { manager: manager },
+            React.createElement(ThemeProvider, { theme: theme }, children)))));
+    }
 }
 // @component ./PortalHost.tsx
 Portal.Host = PortalHost;

package/src/components/Portal/PortalConsumer.js

@@ -1,29 +1,27 @@
 import * as React from "react";
 export default class PortalConsumer extends React.Component {
-  async componentDidMount() {
-    this.checkManager();
-    // Delay updating to prevent React from going to infinite loop
-    await Promise.resolve();
-    this.key = this.props.manager.mount(this.props.children);
-  }
-  componentDidUpdate() {
-    this.checkManager();
-    this.props.manager.update(this.key, this.props.children);
-  }
-  componentWillUnmount() {
-    this.checkManager();
-    this.props.manager.unmount(this.key);
-  }
-  checkManager() {
-    if (!this.props.manager) {
-      throw new Error(
-        "Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" +
-          "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" +
-          "https://callstack.github.io/react-native-paper/getting-started.html"
-      );
+    async componentDidMount() {
+        this.checkManager();
+        // Delay updating to prevent React from going to infinite loop
+        await Promise.resolve();
+        this.key = this.props.manager.mount(this.props.children);
+    }
+    componentDidUpdate() {
+        this.checkManager();
+        this.props.manager.update(this.key, this.props.children);
+    }
+    componentWillUnmount() {
+        this.checkManager();
+        this.props.manager.unmount(this.key);
+    }
+    checkManager() {
+        if (!this.props.manager) {
+            throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" +
+                "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" +
+                "https://callstack.github.io/react-native-paper/getting-started.html");
+        }
+    }
+    render() {
+        return null;
     }
-  }
-  render() {
-    return null;
-  }
 }