@draftbit/core 46.4.4-d73221.2 → 46.4.4-dc4ec4.2

package/lib/module/components/Picker/Picker.js

@@ -8,19 +8,16 @@ import Portal from "../Portal/Portal";
 import Button from "../DeprecatedButton";
 import Touchable from "../Touchable";
 import { extractStyles, extractBorderAndMarginStyles, borderStyleNames, marginStyleNames } from "../../utilities";
-
 function normalizeOptions(options) {
   if (options.length === 0) {
     return [];
   }
-
   if (typeof options[0] === ("string" || "number")) {
     return options.map(option => ({
       label: String(option),
       value: String(option)
     }));
   }
-
   if (isObject(options[0]) && options[0].value !== null && options[0].label !== null) {
     return options.map(option => {
       return {
@@ -29,10 +26,8 @@ function normalizeOptions(options) {
       };
     });
   }
-
   throw new Error('Picker options must be either an array of strings or array of { "label": string; "value": string; } objects.');
 }
-
 const {
   width: deviceWidth,
   height: deviceHeight
@@ -41,10 +36,8 @@ const isIos = Platform.OS === "ios";
 const unstyledColor = "rgba(165, 173, 183, 1)";
 const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
-
 const Picker = _ref => {
-  var _find$label, _find;
-
+  var _find;
   let {
     error,
     options = [],
@@ -69,11 +62,9 @@ const Picker = _ref => {
   const androidPickerRef = React.useRef(undefined);
   const [internalValue, setInternalValue] = React.useState(value || defaultValue);
   const [pickerVisible, setPickerVisible] = React.useState(false);
-
   const togglePickerVisible = () => {
     setPickerVisible(!pickerVisible);
   };
-
   React.useEffect(() => {
     if (value != null) {
       setInternalValue(value);
@@ -87,7 +78,6 @@ const Picker = _ref => {
   React.useEffect(() => {
     if (pickerVisible && androidPickerRef.current) {
       var _androidPickerRef$cur;
-
       androidPickerRef === null || androidPickerRef === void 0 ? void 0 : (_androidPickerRef$cur = androidPickerRef.current) === null || _androidPickerRef$cur === void 0 ? void 0 : _androidPickerRef$cur.focus();
     }
   }, [pickerVisible, androidPickerRef]);
@@ -109,7 +99,9 @@ const Picker = _ref => {
     borderStyles: extractedBorderStyles,
     marginStyles: extractedMarginStyles
   } = extractBorderAndMarginStyles(viewStyles, additionalBorderStyles, additionalMarginStyles);
-  const borderStyles = { ...{ ...(type === "solid" ? {
+  const borderStyles = {
+    ...{
+      ...(type === "solid" ? {
         borderTopLeftRadius: 5,
         borderTopRightRadius: 5,
         borderBottomRightRadius: 5,
@@ -136,7 +128,7 @@ const Picker = _ref => {
     ...extractedMarginStyles
   };
   const stylesWithoutBordersAndMargins = omit(viewStyles, [...borderStyleNames, ...marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
-  const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
+  const selectedLabel = internalValue && (((_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) ?? internalValue);
   const labelText = label ? /*#__PURE__*/React.createElement(Text, {
     style: {
       textAlign: textStyles.textAlign,
@@ -165,19 +157,15 @@ const Picker = _ref => {
     }
   }) : null;
   const textAlign = textStyles === null || textStyles === void 0 ? void 0 : textStyles.textAlign;
-
   const calculateLeftPadding = () => {
     if (leftIconOutset) {
       if (textAlign === "center") {
         return iconSize - Math.abs(8 - iconSize);
       }
-
       return iconSize + 8;
     }
-
     return 0;
   };
-
   const assistiveTextLabel = assistiveText ? /*#__PURE__*/React.createElement(Text, {
     style: {
       textAlign,
@@ -199,18 +187,14 @@ const Picker = _ref => {
       color: unstyledColor
     } : {})
   };
-
   const handleValueChange = (newValue, itemIndex) => {
     if (!placeholder || itemIndex > 0) {
       onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue, itemIndex);
     }
-
     setInternalValue(newValue);
   };
-
   return (
     /*#__PURE__*/
-
     /* marginsContainer */
     React.createElement(View, {
       style: [styles.marginsContainer, marginStyles]
@@ -227,7 +211,7 @@ const Picker = _ref => {
       style: styles.primaryTextContainer
     }, labelText, /*#__PURE__*/React.createElement(Text, {
       style: primaryTextStyle
-    }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
+    }, String(selectedLabel ?? placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
       style: [styles.iosPicker, {
         backgroundColor: colors.divider
       }]
@@ -260,7 +244,6 @@ const Picker = _ref => {
     }))) : null)
   );
 };
-
 export default withTheme(Picker);
 const styles = StyleSheet.create({
   marginsContainer: {
@@ -331,4 +314,5 @@ const styles = StyleSheet.create({
     maxWidth: deviceWidth,
     maxHeight: deviceHeight
   }
-});
+});
+//# sourceMappingURL=Picker.js.map

package/lib/module/components/Picker/Picker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","Platform","Dimensions","omit","pickBy","identity","isObject","SafeAreaView","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","extractBorderAndMarginStyles","borderStyleNames","marginStyleNames","normalizeOptions","options","length","map","option","label","String","value","Error","width","deviceWidth","height","deviceHeight","get","isIos","OS","unstyledColor","disabledColor","errorColor","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"sources":["Picker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Text,\n  Platform,\n  ViewStyle,\n  StyleProp,\n  Dimensions,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n  extractStyles,\n  extractBorderAndMarginStyles,\n  borderStyleNames,\n  marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n  value: string;\n  label: string;\n}\n\nexport type PickerProps = {\n  error?: any;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  value?: string;\n  options: PickerOption[] | string[];\n  onValueChange: (value: string, index: number) => void;\n  defaultValue?: string;\n  assistiveText?: string;\n  label?: string;\n  iconColor?: string;\n  iconSize?: number;\n  leftIconMode?: \"inset\" | \"outset\";\n  leftIconName?: string;\n  placeholderTextColor?: string;\n  rightIconName?: string;\n  type?: \"solid\" | \"underline\";\n  theme: Theme;\n  Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n  if (options.length === 0) {\n    return [];\n  }\n\n  if (typeof options[0] === (\"string\" || \"number\")) {\n    return (options as string[]).map((option) => ({\n      label: String(option),\n      value: String(option),\n    }));\n  }\n\n  if (\n    isObject(options[0]) &&\n    options[0].value !== null &&\n    options[0].label !== null\n  ) {\n    return (options as PickerOption[]).map((option) => {\n      return {\n        label: String(option.label),\n        value: String(option.value),\n      };\n    });\n  }\n\n  throw new Error(\n    'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n  );\n}\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\nconst isIos = Platform.OS === \"ios\";\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n  error,\n  options = [],\n  onValueChange,\n  defaultValue,\n  Icon,\n  style,\n  placeholder,\n  value,\n  disabled = false,\n  theme,\n  assistiveText,\n  label,\n  iconColor = unstyledColor,\n  iconSize = 24,\n  leftIconMode = \"inset\",\n  leftIconName,\n  placeholderTextColor = unstyledColor,\n  rightIconName,\n  type = \"solid\",\n}) => {\n  const androidPickerRef = React.useRef<any | undefined>(undefined);\n\n  const [internalValue, setInternalValue] = React.useState<string | undefined>(\n    value || defaultValue\n  );\n\n  const [pickerVisible, setPickerVisible] = React.useState(false);\n\n  const togglePickerVisible = () => {\n    setPickerVisible(!pickerVisible);\n  };\n\n  React.useEffect(() => {\n    if (value != null) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  React.useEffect(() => {\n    if (pickerVisible && androidPickerRef.current) {\n      androidPickerRef?.current?.focus();\n    }\n  }, [pickerVisible, androidPickerRef]);\n\n  const normalizedOptions = normalizeOptions(options);\n\n  const pickerOptions = placeholder\n    ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n    : normalizedOptions;\n\n  const { colors } = theme;\n\n  const { viewStyles, textStyles } = extractStyles(style);\n\n  const additionalBorderStyles = [\"backgroundColor\"];\n\n  const additionalMarginStyles = [\n    \"bottom\",\n    \"height\",\n    \"left\",\n    \"maxHeight\",\n    \"maxWidth\",\n    \"minHeight\",\n    \"minWidth\",\n    \"overflow\",\n    \"position\",\n    \"right\",\n    \"top\",\n    \"width\",\n    \"zIndex\",\n  ];\n\n  const {\n    borderStyles: extractedBorderStyles,\n    marginStyles: extractedMarginStyles,\n  } = extractBorderAndMarginStyles(\n    viewStyles,\n    additionalBorderStyles,\n    additionalMarginStyles\n  );\n\n  const borderStyles = {\n    ...{\n      ...(type === \"solid\"\n        ? {\n            borderTopLeftRadius: 5,\n            borderTopRightRadius: 5,\n            borderBottomRightRadius: 5,\n            borderBottomLeftRadius: 5,\n            borderTopWidth: 1,\n            borderRightWidth: 1,\n            borderLeftWidth: 1,\n          }\n        : {}),\n      borderBottomWidth: 1,\n      borderColor: unstyledColor,\n      borderStyle: \"solid\",\n    },\n    ...extractedBorderStyles,\n    ...(error ? { borderColor: errorColor } : {}),\n    ...(disabled\n      ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n      : {}),\n  };\n\n  const marginStyles = {\n    height: 60,\n    ...extractedMarginStyles,\n  };\n\n  const stylesWithoutBordersAndMargins = omit(viewStyles, [\n    ...borderStyleNames,\n    ...marginStyleNames,\n    ...additionalBorderStyles,\n    ...additionalMarginStyles,\n  ]);\n\n  const selectedLabel =\n    internalValue &&\n    ((pickerOptions as unknown as PickerOption[]).find(\n      (option) => option.value === internalValue\n    )?.label ??\n      internalValue);\n\n  const labelText = label ? (\n    <Text\n      style={{\n        textAlign: textStyles.textAlign,\n        color: unstyledColor,\n        fontSize: 12,\n        paddingBottom: 4,\n      }}\n    >\n      {label}\n    </Text>\n  ) : null;\n\n  const leftIconOutset = leftIconMode === \"outset\";\n\n  const leftIcon = leftIconName ? (\n    <Icon\n      name={leftIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: 4,\n        marginLeft: 4,\n      }}\n    />\n  ) : null;\n\n  const rightIcon = rightIconName ? (\n    <Icon\n      name={rightIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: -10,\n        marginLeft: 8,\n      }}\n    />\n  ) : null;\n\n  const textAlign = textStyles?.textAlign;\n\n  const calculateLeftPadding = () => {\n    if (leftIconOutset) {\n      if (textAlign === \"center\") {\n        return iconSize - Math.abs(8 - iconSize);\n      }\n\n      return iconSize + 8;\n    }\n\n    return 0;\n  };\n\n  const assistiveTextLabel = assistiveText ? (\n    <Text\n      style={{\n        textAlign,\n        width: \"100%\",\n        paddingLeft: calculateLeftPadding(),\n        color: unstyledColor,\n        fontSize: 12,\n        paddingTop: 4,\n      }}\n    >\n      {assistiveText}\n    </Text>\n  ) : null;\n\n  const primaryTextStyle = {\n    color: unstyledColor,\n    fontSize: 14,\n    ...pickBy(textStyles, identity),\n    ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n    ...(disabled ? { color: unstyledColor } : {}),\n  };\n\n  const handleValueChange = (newValue: string, itemIndex: number) => {\n    if (!placeholder || itemIndex > 0) {\n      onValueChange?.(newValue, itemIndex);\n    }\n    setInternalValue(newValue);\n  };\n\n  return (\n    /* marginsContainer */\n    <View style={[styles.marginsContainer, marginStyles]}>\n      {/* touchableContainer */}\n      <Touchable\n        disabled={disabled}\n        onPress={togglePickerVisible}\n        style={styles.touchableContainer}\n      >\n        {/* outsetContainer */}\n        <View\n          pointerEvents=\"none\"\n          style={[\n            styles.outsetContainer,\n            stylesWithoutBordersAndMargins,\n            !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n          ]}\n        >\n          {leftIcon}\n\n          {/* insetContainer */}\n          <View\n            style={[\n              styles.insetContainer,\n              leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n            ]}\n          >\n            {/* primaryTextContainer */}\n            <View style={styles.primaryTextContainer}>\n              {labelText}\n\n              <Text style={primaryTextStyle}>\n                {String(selectedLabel ?? placeholder)}\n              </Text>\n            </View>\n\n            {rightIcon}\n          </View>\n        </View>\n        {assistiveTextLabel}\n      </Touchable>\n\n      {/* iosPicker */}\n      {isIos && pickerVisible ? (\n        <Portal>\n          <View\n            style={[\n              styles.iosPicker,\n              {\n                backgroundColor: colors.divider,\n              },\n            ]}\n          >\n            <SafeAreaView style={styles.iosSafeArea}>\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={togglePickerVisible}\n                style={styles.iosButton}\n              >\n                {\"Close\"}\n              </Button>\n\n              <NativePicker\n                style={styles.iosNativePicker}\n                selectedValue={internalValue}\n                onValueChange={handleValueChange}\n              >\n                {(pickerOptions as unknown as PickerOption[]).map((option) => (\n                  <NativePicker.Item\n                    label={option.label}\n                    value={option.value}\n                    key={option.value}\n                  />\n                ))}\n              </NativePicker>\n            </SafeAreaView>\n          </View>\n        </Portal>\n      ) : null}\n\n      {/* nonIosPicker */}\n      {!isIos && pickerVisible ? (\n        <NativePicker\n          enabled={pickerVisible}\n          selectedValue={internalValue}\n          onValueChange={handleValueChange}\n          style={styles.nonIosPicker}\n          ref={androidPickerRef}\n          onBlur={() => setPickerVisible(false)}\n        >\n          {(pickerOptions as unknown as PickerOption[]).map((option) => (\n            <NativePicker.Item\n              label={option.label}\n              value={option.value}\n              key={option.value}\n            />\n          ))}\n        </NativePicker>\n      ) : null}\n    </View>\n  );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n  marginsContainer: {\n    alignSelf: \"stretch\",\n    alignItems: \"center\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n  },\n  touchableContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    alignSelf: \"stretch\",\n    alignItems: \"center\",\n  },\n  outsetContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  insetContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  primaryTextContainer: {\n    flex: 1,\n  },\n  iosPicker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n  iosSafeArea: {\n    backgroundColor: \"white\",\n    flexDirection: \"column\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n  },\n  iosButton: {\n    alignSelf: \"flex-end\",\n  },\n  iosNativePicker: {\n    backgroundColor: \"white\",\n  },\n  nonIosPicker: {\n    opacity: 0,\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n});\n"],"mappings":"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"}

package/lib/module/components/Picker/PickerComponent.android.js

@@ -1,5 +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 } from "react-native";
 import omit from "lodash.omit";
@@ -8,10 +7,8 @@ import { Picker as NativePicker } from "@react-native-picker/picker";
 import { extractStyles } from "../../utilities";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
-
 const Picker = _ref => {
-  var _options$find$label, _options$find;
-
+  var _options$find;
   let {
     style,
     options,
@@ -53,12 +50,10 @@ const Picker = _ref => {
     }
   } = extractStyles(style);
   const textField = React.useRef(undefined);
-
   const onValueChange = (itemValue, itemIndex) => {
     toggleFocus();
     onValueChangeOverride(itemValue, itemIndex);
   };
-
   const toggleFocus = () => {
     if (!disabled) {
       // @ts-ignore
@@ -67,7 +62,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
   return /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -93,19 +88,21 @@ const Picker = _ref => {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
     value: selectedLabel,
-    placeholder: placeholder // @ts-ignore
+    placeholder: placeholder
+    // @ts-ignore
     ,
     ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
     ,
-    disabled: disabled // @ts-expect-error
+    disabled: disabled
+    // @ts-expect-error
     ,
     style: stylesWithoutMargin
   })))));
 };
-
 const styles = StyleSheet.create({
   container: {
     alignSelf: "stretch"
   }
 });
-export default withTheme(Picker);
+export default withTheme(Picker);
+//# sourceMappingURL=PickerComponent.android.js.map

package/lib/module/components/Picker/PickerComponent.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","omit","withTheme","Picker","NativePicker","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf"],"sources":["PickerComponent.android.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: \"100%\",\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/module/components/Picker/PickerComponent.ios.js

@@ -1,5 +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 } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
@@ -11,10 +10,8 @@ import Button from "../DeprecatedButton";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
 import { extractStyles } from "../../utilities";
-
 const Picker = _ref => {
-  var _options$find$label, _options$find;
-
+  var _options$find;
   let {
     Icon,
     style,
@@ -61,15 +58,14 @@ const Picker = _ref => {
   } = extractStyles(style);
   const textField = React.useRef(undefined);
   const [pickerVisible, setIsPickerVisible] = React.useState(false);
-
   const toggleVisibility = () => {
-    setIsPickerVisible(!pickerVisible); // @ts-ignore
-
+    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 && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, viewStyles]
   }, /*#__PURE__*/React.createElement(Touchable, {
@@ -77,12 +73,14 @@ const Picker = _ref => {
     onPress: toggleVisibility
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
     value: String(selectedLabel),
-    placeholder: placeholder // @ts-ignore
+    placeholder: placeholder
+    // @ts-ignore
     ,
     ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
     ,
     disabled: disabled,
-    pointerEvents: "none" // @ts-expect-error
+    pointerEvents: "none"
+    // @ts-expect-error
     ,
     style: stylesWithoutMargin,
     Icon: Icon
@@ -109,7 +107,6 @@ const Picker = _ref => {
     key: o.value
   })))))));
 };
-
 const styles = StyleSheet.create({
   container: {
     alignSelf: "stretch"
@@ -131,4 +128,5 @@ const styles = StyleSheet.create({
     alignSelf: "flex-end"
   }
 });
-export default withTheme(Picker);
+export default withTheme(Picker);
+//# sourceMappingURL=PickerComponent.ios.js.map

package/lib/module/components/Picker/PickerComponent.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","SafeAreaView","omit","Picker","NativePicker","withTheme","Portal","Button","TextField","Touchable","extractStyles","Icon","style","options","placeholder","selectedValue","disabled","onValueChange","theme","colors","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","pickerVisible","setIsPickerVisible","useState","toggleVisibility","current","toggleFocus","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","styles","container","String","picker","divider","pickerContainer","closeButton","map","create","alignSelf","position","bottom","left","right","flexDirection","justifyContent","width"],"sources":["PickerComponent.ios.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport omit from \"lodash.omit\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\n\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst Picker: React.FC<PickerComponentProps & IconSlot> = ({\n  Icon,\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange = () => {},\n  theme: { colors },\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n  const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n  const toggleVisibility = () => {\n    setIsPickerVisible(!pickerVisible);\n    // @ts-ignore\n    textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <View style={[styles.container, viewStyles]}>\n      <Touchable disabled={disabled} onPress={toggleVisibility}>\n        <TextField\n          {...props}\n          value={String(selectedLabel)}\n          placeholder={placeholder}\n          // @ts-ignore\n          ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n          disabled={disabled}\n          pointerEvents=\"none\"\n          // @ts-expect-error\n          style={stylesWithoutMargin}\n          Icon={Icon}\n        />\n      </Touchable>\n      {pickerVisible && (\n        <Portal>\n          <View style={[styles.picker, { backgroundColor: colors.divider }]}>\n            <SafeAreaView style={styles.pickerContainer}>\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={toggleVisibility}\n                style={styles.closeButton}\n              >\n                Close\n              </Button>\n              <NativePicker\n                style={{ backgroundColor: \"white\" }}\n                selectedValue={selectedValue}\n                onValueChange={onValueChange}\n              >\n                {options.map((o: any) => (\n                  <NativePicker.Item\n                    label={o.label}\n                    value={o.value}\n                    key={o.value}\n                  />\n                ))}\n              </NativePicker>\n            </SafeAreaView>\n          </View>\n        </Portal>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  picker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n  },\n  pickerContainer: {\n    backgroundColor: \"white\",\n    flexDirection: \"column\",\n    width: \"100%\",\n  },\n  closeButton: {\n    alignSelf: \"flex-end\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/module/components/Picker/PickerComponent.web.js

@@ -1,5 +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 } from "react-native";
 import { Picker as NativePicker } from "@react-native-picker/picker";
@@ -8,10 +7,8 @@ import { withTheme } from "../../theming";
 import { extractStyles } from "../../utilities";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
-
 const Picker = _ref => {
-  var _options$find$label, _options$find;
-
+  var _options$find;
   let {
     style,
     options,
@@ -53,12 +50,10 @@ const Picker = _ref => {
     }
   } = extractStyles(style);
   const textField = React.useRef(undefined);
-
   const onValueChange = (itemValue, itemIndex) => {
     toggleFocus();
     onValueChangeOverride(itemValue, itemIndex);
   };
-
   const toggleFocus = () => {
     if (!disabled) {
       // @ts-ignore
@@ -67,7 +62,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
   return /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -94,19 +89,21 @@ const Picker = _ref => {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
     value: selectedLabel,
-    placeholder: placeholder // @ts-ignore
+    placeholder: placeholder
+    // @ts-ignore
     ,
     ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
     ,
-    disabled: disabled // @ts-expect-error
+    disabled: disabled
+    // @ts-expect-error
     ,
     style: stylesWithoutMargin
   })))));
 };
-
 const styles = StyleSheet.create({
   container: {
     alignSelf: "stretch"
   }
 });
-export default withTheme(Picker);
+export default withTheme(Picker);
+//# sourceMappingURL=PickerComponent.web.js.map

package/lib/module/components/Picker/PickerComponent.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Picker","NativePicker","omit","withTheme","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","styles","container","flex","opacity","position","top","left","right","bottom","width","map","create","alignSelf"],"sources":["PickerComponent.web.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            flex: 1,\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: \"100%\",\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/module/components/Picker/PickerTypes.js

@@ -1 +1,2 @@
-export {};
+export {};
+//# sourceMappingURL=PickerTypes.js.map

package/lib/module/components/Picker/PickerTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["PickerTypes.ts"],"sourcesContent":["import { ViewStyle } from \"react-native\";\nimport { StyleProp } from \"react-native\";\nimport { Props as TextFieldProps } from \"../TextField\";\n\nexport interface PickerOption {\n  value: string;\n  label: string;\n}\n\nexport interface PickerComponentProps extends TextFieldProps {\n  style?: StyleProp<ViewStyle> & { height?: number };\n  options: PickerOption[];\n  placeholder?: string;\n  selectedValue: string;\n  disabled?: boolean;\n  onValueChange?: (value: string, index: number) => void;\n  defaultValue?: string;\n}\n"],"mappings":""}

package/lib/module/components/Portal/Portal.js

@@ -1,10 +1,10 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 PortalConsumer from "./PortalConsumer";
 import PortalHost, { PortalContext } from "./PortalHost";
 import { ThemeProvider, withTheme } from "../../theming";
-
 /**
  * Portal allows to render a component at a different place in the parent tree.
  * You can use it to render content which should appear above other elements, similar to `Modal`.
@@ -28,6 +28,7 @@ import { ThemeProvider, withTheme } from "../../theming";
  */
 class Portal extends React.Component {
   // @component ./PortalHost.tsx
+
   render() {
     const {
       children,
@@ -39,9 +40,7 @@ class Portal extends React.Component {
       theme: theme
     }, children)));
   }
-
 }
-
 _defineProperty(Portal, "Host", PortalHost);
-
-export default withTheme(Portal);
+export default withTheme(Portal);
+//# sourceMappingURL=Portal.js.map

package/lib/module/components/Portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PortalConsumer","PortalHost","PortalContext","ThemeProvider","withTheme","Portal","Component","render","children","theme","props","manager"],"sources":["Portal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext, PortalMethods } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  /**\n   * Content of the `Portal`.\n   */\n  children: React.ReactNode;\n  /**\n   * @optional\n   */\n  theme: Theme;\n};\n\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n *   render() {\n *     return (\n *       <Portal>\n *         <Text>This is rendered at a different place</Text>\n *       </Portal>\n *     );\n *   }\n * }\n * ```\n */\nclass Portal extends React.Component<Props> {\n  // @component ./PortalHost.tsx\n  static Host = PortalHost;\n\n  render() {\n    const { children, theme } = this.props;\n\n    return (\n      <PortalContext.Consumer>\n        {(manager) => (\n          <PortalConsumer manager={manager as PortalMethods}>\n            {/* @ts-ignore */}\n            <ThemeProvider theme={theme}>{children}</ThemeProvider>\n          </PortalConsumer>\n        )}\n      </PortalContext.Consumer>\n    );\n  }\n}\n\nexport default withTheme(Portal);\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,UAAU,IAAIC,aAAa,QAAuB,cAAc;AACvE,SAASC,aAAa,EAAEC,SAAS,QAAQ,eAAe;AAcxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,SAASN,KAAK,CAACO,SAAS,CAAQ;EAC1C;;EAGAC,MAAM,GAAG;IACP,MAAM;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,KAAK;IAEtC,oBACE,oBAAC,aAAa,CAAC,QAAQ,QACnBC,OAAO,iBACP,oBAAC,cAAc;MAAC,OAAO,EAAEA;IAAyB,gBAEhD,oBAAC,aAAa;MAAC,KAAK,EAAEF;IAAM,GAAED,QAAQ,CAAiB,CAE1D,CACsB;EAE7B;AACF;AAAC,gBAlBKH,MAAM,UAEIJ,UAAU;AAkB1B,eAAeG,SAAS,CAACC,MAAM,CAAC"}

package/lib/module/components/Portal/PortalConsumer.js

@@ -1,38 +1,34 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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";
 export default class PortalConsumer extends React.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "key", void 0);
   }
-
   async componentDidMount() {
-    this.checkManager(); // Delay updating to prevent React from going to infinite loop
+    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;
   }
-
-}
+}
+//# sourceMappingURL=PortalConsumer.js.map

package/lib/module/components/Portal/PortalConsumer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PortalConsumer","Component","componentDidMount","checkManager","Promise","resolve","key","props","manager","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","Error","render"],"sources":["PortalConsumer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { PortalMethods } from \"./PortalHost\";\n\ntype Props = {\n  manager: PortalMethods;\n  children: React.ReactNode;\n};\n\nexport default class PortalConsumer extends React.Component<Props> {\n  async componentDidMount() {\n    this.checkManager();\n\n    // Delay updating to prevent React from going to infinite loop\n    await Promise.resolve();\n\n    this.key = this.props.manager.mount(this.props.children);\n  }\n\n  componentDidUpdate() {\n    this.checkManager();\n\n    this.props.manager.update(this.key, this.props.children);\n  }\n\n  componentWillUnmount() {\n    this.checkManager();\n\n    this.props.manager.unmount(this.key);\n  }\n\n  private key: any;\n\n  private checkManager() {\n    if (!this.props.manager) {\n      throw new Error(\n        \"Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\\n\\n\" +\n          \"Please read our getting-started guide and make sure you've followed all the required steps.\\n\\n\" +\n          \"https://callstack.github.io/react-native-paper/getting-started.html\"\n      );\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAQ9B,eAAe,MAAMC,cAAc,SAASD,KAAK,CAACE,SAAS,CAAQ;EAAA;IAAA;IAAA;EAAA;EACjE,MAAMC,iBAAiB,GAAG;IACxB,IAAI,CAACC,YAAY,EAAE;;IAEnB;IACA,MAAMC,OAAO,CAACC,OAAO,EAAE;IAEvB,IAAI,CAACC,GAAG,GAAG,IAAI,CAACC,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC,IAAI,CAACF,KAAK,CAACG,QAAQ,CAAC;EAC1D;EAEAC,kBAAkB,GAAG;IACnB,IAAI,CAACR,YAAY,EAAE;IAEnB,IAAI,CAACI,KAAK,CAACC,OAAO,CAACI,MAAM,CAAC,IAAI,CAACN,GAAG,EAAE,IAAI,CAACC,KAAK,CAACG,QAAQ,CAAC;EAC1D;EAEAG,oBAAoB,GAAG;IACrB,IAAI,CAACV,YAAY,EAAE;IAEnB,IAAI,CAACI,KAAK,CAACC,OAAO,CAACM,OAAO,CAAC,IAAI,CAACR,GAAG,CAAC;EACtC;EAIQH,YAAY,GAAG;IACrB,IAAI,CAAC,IAAI,CAACI,KAAK,CAACC,OAAO,EAAE;MACvB,MAAM,IAAIO,KAAK,CACb,4GAA4G,GAC1G,iGAAiG,GACjG,qEAAqE,CACxE;IACH;EACF;EAEAC,MAAM,GAAG;IACP,OAAO,IAAI;EACb;AACF"}