@draftbit/core 48.4.8-fb2b2b.2 → 48.4.9-3aa6b7.2

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

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));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("../../deprecated-components/DeprecatedButton"));var _TextField=_interopRequireDefault(require("../TextField"));var _Touchable=_interopRequireDefault(require("../Touchable"));var _utilities=require("../../utilities");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["Icon","style","options","placeholder","selectedValue","disabled","onValueChange","theme"],_excluded2=["borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Picker/PickerComponent.ios.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(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;}var Picker=function Picker(_ref){var _options$find$label,_options$find;var Icon=_ref.Icon,style=_ref.style,options=_ref.options,placeholder=_ref.placeholder,selectedValue=_ref.selectedValue,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$onValueChange=_ref.onValueChange,onValueChange=_ref$onValueChange===void 0?function(){}:_ref$onValueChange,colors=_ref.theme.colors,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _extractStyles=(0,_utilities.extractStyles)(style),_extractStyles$viewSt=_extractStyles.viewStyles,borderRadius=_extractStyles$viewSt.borderRadius,borderWidth=_extractStyles$viewSt.borderWidth,borderTopWidth=_extractStyles$viewSt.borderTopWidth,borderRightWidth=_extractStyles$viewSt.borderRightWidth,borderBottomWidth=_extractStyles$viewSt.borderBottomWidth,borderLeftWidth=_extractStyles$viewSt.borderLeftWidth,borderColor=_extractStyles$viewSt.borderColor,backgroundColor=_extractStyles$viewSt.backgroundColor,padding=_extractStyles$viewSt.padding,paddingTop=_extractStyles$viewSt.paddingTop,paddingRight=_extractStyles$viewSt.paddingRight,paddingBottom=_extractStyles$viewSt.paddingBottom,paddingLeft=_extractStyles$viewSt.paddingLeft,viewStyles=(0,_objectWithoutProperties2.default)(_extractStyles$viewSt,_excluded2);var textField=React.useRef(undefined);var _React$useState=React.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),pickerVisible=_React$useState2[0],setIsPickerVisible=_React$useState2[1];var toggleVisibility=function toggleVisibility(){setIsPickerVisible(!pickerVisible);textField.current.toggleFocus();};var stylesWithoutMargin=style&&(0,_lodash.default)(_reactNative.StyleSheet.flatten(style),["margin","marginTop","marginRight","marginBottom","marginLeft"]);var selectedLabel=selectedValue&&((_options$find$label=(_options$find=options.find(function(o){return o.value===selectedValue;}))==null?void 0:_options$find.label)!=null?_options$find$label:selectedValue);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.container,viewStyles],children:[(0,_jsxRuntime.jsx)(_Touchable.default,{disabled:disabled,onPress:toggleVisibility,children:(0,_jsxRuntime.jsx)(_TextField.default,Object.assign({},props,{value:String(selectedLabel),placeholder:placeholder,ref:textField,disabled:disabled,pointerEvents:"none",style:stylesWithoutMargin,Icon:Icon}))}),pickerVisible&&(0,_jsxRuntime.jsx)(_Portal.default,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.picker,{backgroundColor:colors.divider}],children:(0,_jsxRuntime.jsxs)(_reactNativeSafeAreaContext.SafeAreaView,{style:styles.pickerContainer,children:[(0,_jsxRuntime.jsx)(_DeprecatedButton.default,{Icon:Icon,type:"text",onPress:toggleVisibility,style:styles.closeButton,children:"Close"}),(0,_jsxRuntime.jsx)(_picker.Picker,{style:{backgroundColor:"white"},selectedValue:selectedValue,onValueChange:onValueChange,children:options.map(function(o){return(0,_jsxRuntime.jsx)(_picker.Picker.Item,{label:o.label,value:o.value},o.value);})})]})})})]});};var styles=_reactNative.StyleSheet.create({container:{alignSelf:"stretch"},picker:{position:"absolute",bottom:0,left:0,right:0,flexDirection:"row",justifyContent:"center"},pickerContainer:{backgroundColor:"white",flexDirection:"column",width:"100%"},closeButton:{alignSelf:"flex-end"}});var _default=(0,_theming.withTheme)(Picker);exports.default=_default;

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

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));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"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style","options","placeholder","selectedValue","disabled","onValueChange"],_excluded2=["borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Picker/PickerComponent.web.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(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;}var Picker=function Picker(_ref){var _options$find$label,_options$find;var style=_ref.style,options=_ref.options,placeholder=_ref.placeholder,selectedValue=_ref.selectedValue,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$onValueChange=_ref.onValueChange,onValueChangeOverride=_ref$onValueChange===void 0?function(){}:_ref$onValueChange,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _extractStyles=(0,_utilities.extractStyles)(style),_extractStyles$viewSt=_extractStyles.viewStyles,borderRadius=_extractStyles$viewSt.borderRadius,borderWidth=_extractStyles$viewSt.borderWidth,borderTopWidth=_extractStyles$viewSt.borderTopWidth,borderRightWidth=_extractStyles$viewSt.borderRightWidth,borderBottomWidth=_extractStyles$viewSt.borderBottomWidth,borderLeftWidth=_extractStyles$viewSt.borderLeftWidth,borderColor=_extractStyles$viewSt.borderColor,backgroundColor=_extractStyles$viewSt.backgroundColor,padding=_extractStyles$viewSt.padding,paddingTop=_extractStyles$viewSt.paddingTop,paddingRight=_extractStyles$viewSt.paddingRight,paddingBottom=_extractStyles$viewSt.paddingBottom,paddingLeft=_extractStyles$viewSt.paddingLeft,viewStyles=(0,_objectWithoutProperties2.default)(_extractStyles$viewSt,_excluded2);var textField=React.useRef(undefined);var onValueChange=function onValueChange(itemValue,itemIndex){toggleFocus();onValueChangeOverride(itemValue,itemIndex);};var toggleFocus=function toggleFocus(){if(!disabled){textField.current.toggleFocus();}};var stylesWithoutMargin=style&&(0,_lodash.default)(_reactNative.StyleSheet.flatten(style),["margin","marginTop","marginRight","marginBottom","marginLeft"]);var selectedLabel=selectedValue&&((_options$find$label=(_options$find=options.find(function(o){return o.value===selectedValue;}))==null?void 0:_options$find.label)!=null?_options$find$label:selectedValue);return(0,_jsxRuntime.jsx)(_Touchable.default,{disabled:disabled,onPress:toggleFocus,style:[styles.container,viewStyles],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_picker.Picker,{enabled:!disabled,selectedValue:selectedValue,onValueChange:onValueChange,style:{flex:1,opacity:0,position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%"},children:options.map(function(o){return(0,_jsxRuntime.jsx)(_picker.Picker.Item,{label:o.label,value:o.value},o.value);})}),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_TextField.default,Object.assign({},props,{value:selectedLabel,placeholder:placeholder,ref:textField,disabled:disabled,style:stylesWithoutMargin}))})]})});};var styles=_reactNative.StyleSheet.create({container:{alignSelf:"stretch"}});var _default=(0,_theming.withTheme)(Picker);exports.default=_default;

package/lib/typescript/src/components/Picker/PickerComponent.android.d.ts

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

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

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

package/lib/typescript/src/components/Picker/PickerComponent.android.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerComponent.android.js","sourceRoot":"","sources":["../../../../../src/components/Picker/PickerComponent.android.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/Picker/PickerComponent.ios.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { PickerComponentProps } from "./PickerTypes";
-import type { IconSlot } from "../../interfaces/Icon";
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<PickerComponentProps & IconSlot, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<PickerComponentProps & IconSlot> & React.FC<PickerComponentProps & IconSlot>, {}>;
-export default _default;

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

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

package/lib/typescript/src/components/Picker/PickerComponent.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerComponent.ios.js","sourceRoot":"","sources":["../../../../../src/components/Picker/PickerComponent.ios.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/Picker/PickerComponent.web.d.ts

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

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

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

package/lib/typescript/src/components/Picker/PickerComponent.web.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerComponent.web.js","sourceRoot":"","sources":["../../../../../src/components/Picker/PickerComponent.web.tsx"],"names":[],"mappings":"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"}

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

@@ -1,18 +0,0 @@
-import { ViewStyle } from "react-native";
-import { StyleProp } from "react-native";
-import { Props as TextFieldProps } from "../TextField";
-export interface PickerOption {
-    value: string;
-    label: string;
-}
-export interface PickerComponentProps extends TextFieldProps {
-    style?: StyleProp<ViewStyle> & {
-        height?: number;
-    };
-    options: PickerOption[];
-    placeholder?: string;
-    selectedValue: string;
-    disabled?: boolean;
-    onValueChange?: (value: string, index: number) => void;
-    defaultValue?: string;
-}

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

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

package/lib/typescript/src/components/Picker/PickerTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerTypes.js","sourceRoot":"","sources":["../../../../../src/components/Picker/PickerTypes.ts"],"names":[],"mappings":""}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PickerComponent.android.js","sourceRoot":"","sources":["PickerComponent.android.tsx"],"names":[],"mappings":"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"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PickerComponent.ios.js","sourceRoot":"","sources":["PickerComponent.ios.tsx"],"names":[],"mappings":"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"}