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

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

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeOptions","options","length","map","option","label","String","value","isObject","Error","width","deviceWidth","height","deviceHeight","Dimensions","get","isIos","Platform","OS","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","React","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","extractStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","extractBorderAndMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","omit","borderStyleNames","marginStyleNames","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","pickBy","identity","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","withTheme","StyleSheet","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/commonjs/components/Picker/PickerComponent.android.js

@@ -4,34 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _lodash = _interopRequireDefault(require("lodash.omit"));
-
 var _theming = require("../../theming");
-
 var _picker = require("@react-native-picker/picker");
-
 var _utilities = require("../../utilities");
-
 var _TextField = _interopRequireDefault(require("../TextField"));
-
 var _Touchable = _interopRequireDefault(require("../Touchable"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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); }
-
 const Picker = _ref => {
-  var _options$find$label, _options$find;
-
+  var _options$find;
   let {
     style,
     options,
@@ -73,12 +59,10 @@ const Picker = _ref => {
     }
   } = (0, _utilities.extractStyles)(style);
   const textField = React.useRef(undefined);
-
   const onValueChange = (itemValue, itemIndex) => {
     toggleFocus();
     onValueChangeOverride(itemValue, itemIndex);
   };
-
   const toggleFocus = () => {
     if (!disabled) {
       // @ts-ignore
@@ -87,7 +71,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.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.default, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -113,22 +97,22 @@ const Picker = _ref => {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_TextField.default, _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 = _reactNative.StyleSheet.create({
   container: {
     alignSelf: "stretch"
   }
 });
-
 var _default = (0, _theming.withTheme)(Picker);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf","withTheme"],"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/commonjs/components/Picker/PickerComponent.ios.js

@@ -4,40 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 var _lodash = _interopRequireDefault(require("lodash.omit"));
-
 var _picker = require("@react-native-picker/picker");
-
 var _theming = require("../../theming");
-
 var _Portal = _interopRequireDefault(require("../Portal/Portal"));
-
 var _DeprecatedButton = _interopRequireDefault(require("../DeprecatedButton"));
-
 var _TextField = _interopRequireDefault(require("../TextField"));
-
 var _Touchable = _interopRequireDefault(require("../Touchable"));
-
 var _utilities = require("../../utilities");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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); }
-
 const Picker = _ref => {
-  var _options$find$label, _options$find;
-
+  var _options$find;
   let {
     Icon,
     style,
@@ -84,15 +67,14 @@ const Picker = _ref => {
   } = (0, _utilities.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 && (0, _lodash.default)(_reactNative.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(_reactNative.View, {
     style: [styles.container, viewStyles]
   }, /*#__PURE__*/React.createElement(_Touchable.default, {
@@ -100,12 +82,14 @@ const Picker = _ref => {
     onPress: toggleVisibility
   }, /*#__PURE__*/React.createElement(_TextField.default, _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
@@ -132,7 +116,6 @@ const Picker = _ref => {
     key: o.value
   })))))));
 };
-
 const styles = _reactNative.StyleSheet.create({
   container: {
     alignSelf: "stretch"
@@ -154,7 +137,6 @@ const styles = _reactNative.StyleSheet.create({
     alignSelf: "flex-end"
   }
 });
-
 var _default = (0, _theming.withTheme)(Picker);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Picker","Icon","style","options","placeholder","selectedValue","disabled","onValueChange","theme","colors","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","pickerVisible","setIsPickerVisible","useState","toggleVisibility","current","toggleFocus","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","String","picker","divider","pickerContainer","closeButton","map","create","alignSelf","position","bottom","left","right","flexDirection","justifyContent","width","withTheme"],"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/commonjs/components/Picker/PickerComponent.web.js

@@ -4,34 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _picker = require("@react-native-picker/picker");
-
 var _lodash = _interopRequireDefault(require("lodash.omit"));
-
 var _theming = require("../../theming");
-
 var _utilities = require("../../utilities");
-
 var _TextField = _interopRequireDefault(require("../TextField"));
-
 var _Touchable = _interopRequireDefault(require("../Touchable"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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); }
-
 const Picker = _ref => {
-  var _options$find$label, _options$find;
-
+  var _options$find;
   let {
     style,
     options,
@@ -73,12 +59,10 @@ const Picker = _ref => {
     }
   } = (0, _utilities.extractStyles)(style);
   const textField = React.useRef(undefined);
-
   const onValueChange = (itemValue, itemIndex) => {
     toggleFocus();
     onValueChangeOverride(itemValue, itemIndex);
   };
-
   const toggleFocus = () => {
     if (!disabled) {
       // @ts-ignore
@@ -87,7 +71,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.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.default, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -114,22 +98,22 @@ const Picker = _ref => {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_TextField.default, _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 = _reactNative.StyleSheet.create({
   container: {
     alignSelf: "stretch"
   }
 });
-
 var _default = (0, _theming.withTheme)(Picker);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","flex","opacity","position","top","left","right","bottom","width","map","create","alignSelf","withTheme"],"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/commonjs/components/Picker/PickerTypes.js

@@ -2,4 +2,5 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+//# sourceMappingURL=PickerTypes.js.map

package/lib/commonjs/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/commonjs/components/Portal/Portal.js

@@ -4,23 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _PortalConsumer = _interopRequireDefault(require("./PortalConsumer"));
-
 var _PortalHost = _interopRequireWildcard(require("./PortalHost"));
-
 var _theming = require("../../theming");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
 /**
  * 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`.
@@ -44,6 +37,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  */
 class Portal extends React.Component {
   // @component ./PortalHost.tsx
+
   render() {
     const {
       children,
@@ -55,11 +49,8 @@ class Portal extends React.Component {
       theme: theme
     }, children)));
   }
-
 }
-
 _defineProperty(Portal, "Host", _PortalHost.default);
-
 var _default = (0, _theming.withTheme)(Portal);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Portal","React","Component","render","children","theme","props","manager","PortalHost","withTheme"],"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;AACA;AACA;AACA;AAAyD;AAAA;AAAA;AAAA;AAAA;AAAA;AAczD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,MAAM,SAASC,KAAK,CAACC,SAAS,CAAQ;EAC1C;;EAGAC,MAAM,GAAG;IACP,MAAM;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,KAAK;IAEtC,oBACE,oBAAC,yBAAa,CAAC,QAAQ,QACnBC,OAAO,iBACP,oBAAC,uBAAc;MAAC,OAAO,EAAEA;IAAyB,gBAEhD,oBAAC,sBAAa;MAAC,KAAK,EAAEF;IAAM,GAAED,QAAQ,CAAiB,CAE1D,CACsB;EAE7B;AACF;AAAC,gBAlBKJ,MAAM,UAEIQ,mBAAU;AAAA,eAkBX,IAAAC,kBAAS,EAACT,MAAM,CAAC;AAAA"}

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

@@ -4,49 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
 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;
   }
-
 }
-
-exports.default = PortalConsumer;
+exports.default = PortalConsumer;
+//# sourceMappingURL=PortalConsumer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PortalConsumer","React","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;AAA+B;AAAA;AAAA;AAAA;AAAA;AAQhB,MAAMA,cAAc,SAASC,KAAK,CAACC,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;AAAC"}