@draftbit/core 48.4.12-ec076f.2 → 48.4.12

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

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _lodash=require("lodash");var _reactNativeSafeAreaContext=require("react-native-safe-area-context");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 _Touchable=_interopRequireDefault(require("../Touchable"));var _utilities=require("../../utilities");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Picker/Picker.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;}function normalizeOptions(options){if(options.length===0){return[];}if(typeof options[0]===("string"||"number")){return options.map(function(option){return{label:String(option),value:String(option)};});}if((0,_lodash.isObject)(options[0])&&options[0].value!==null&&options[0].label!==null){return options.map(function(option){return{label:String(option.label),value:String(option.value)};});}throw new Error('Picker options must be either an array of strings or array of { "label": string; "value": string; } objects.');}var _Dimensions$get=_reactNative.Dimensions.get("screen"),deviceWidth=_Dimensions$get.width,deviceHeight=_Dimensions$get.height;var isIos=_reactNative.Platform.OS==="ios";var isWeb=_reactNative.Platform.OS==="web";var unstyledColor="rgba(165, 173, 183, 1)";var disabledColor="rgb(240, 240, 240)";var errorColor="rgba(255, 69, 100, 1)";var Picker=function Picker(_ref){var _find$label,_find;var error=_ref.error,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,onValueChange=_ref.onValueChange,defaultValue=_ref.defaultValue,Icon=_ref.Icon,style=_ref.style,placeholder=_ref.placeholder,value=_ref.value,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,assistiveText=_ref.assistiveText,label=_ref.label,_ref$iconColor=_ref.iconColor,iconColor=_ref$iconColor===void 0?unstyledColor:_ref$iconColor,_ref$iconSize=_ref.iconSize,iconSize=_ref$iconSize===void 0?24:_ref$iconSize,_ref$leftIconMode=_ref.leftIconMode,leftIconMode=_ref$leftIconMode===void 0?"inset":_ref$leftIconMode,leftIconName=_ref.leftIconName,_ref$placeholderTextC=_ref.placeholderTextColor,placeholderTextColor=_ref$placeholderTextC===void 0?unstyledColor:_ref$placeholderTextC,rightIconName=_ref.rightIconName,_ref$type=_ref.type,type=_ref$type===void 0?"solid":_ref$type,_ref$autoDismissKeybo=_ref.autoDismissKeyboard,autoDismissKeyboard=_ref$autoDismissKeybo===void 0?true:_ref$autoDismissKeybo;var androidPickerRef=React.useRef(undefined);var _React$useState=React.useState(value||defaultValue),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),internalValue=_React$useState2[0],setInternalValue=_React$useState2[1];var _React$useState3=React.useState(false),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),pickerVisible=_React$useState4[0],setPickerVisible=_React$useState4[1];var togglePickerVisible=function togglePickerVisible(){setPickerVisible(!pickerVisible);};React.useEffect(function(){if(value!=null&&value!==""){setInternalValue(value);}else if(value===""){setInternalValue(undefined);}},[value]);React.useEffect(function(){if(defaultValue!=null&&defaultValue!==""){setInternalValue(defaultValue);}},[defaultValue]);React.useEffect(function(){if(pickerVisible&&androidPickerRef.current){var _androidPickerRef$cur;androidPickerRef==null?void 0:(_androidPickerRef$cur=androidPickerRef.current)==null?void 0:_androidPickerRef$cur.focus();}},[pickerVisible,androidPickerRef]);React.useEffect(function(){if(pickerVisible&&autoDismissKeyboard){_reactNative.Keyboard.dismiss();}},[pickerVisible,autoDismissKeyboard]);var normalizedOptions=React.useMemo(function(){return normalizeOptions(options);},[options]);var pickerOptions=React.useMemo(function(){return placeholder?[{label:placeholder,value:placeholder}].concat((0,_toConsumableArray2.default)(normalizedOptions)):normalizedOptions;},[placeholder,normalizedOptions]);if(!placeholder&&pickerOptions.length&&!internalValue&&internalValue!==pickerOptions[0].value){onValueChange==null?void 0:onValueChange(pickerOptions[0].value,0);setInternalValue(pickerOptions[0].value);}var _extractStyles=(0,_utilities.extractStyles)(style),viewStyles=_extractStyles.viewStyles,textStyles=_extractStyles.textStyles;var additionalBorderStyles=["backgroundColor"];var additionalMarginStyles=["bottom","height","left","maxHeight","maxWidth","minHeight","minWidth","overflow","position","right","top","width","zIndex"];var _extractBorderAndMarg=(0,_utilities.extractBorderAndMarginStyles)(viewStyles,additionalBorderStyles,additionalMarginStyles),extractedBorderStyles=_extractBorderAndMarg.borderStyles,extractedMarginStyles=_extractBorderAndMarg.marginStyles;var borderStyles=Object.assign({},Object.assign({},type==="solid"?{borderTopLeftRadius:5,borderTopRightRadius:5,borderBottomRightRadius:5,borderBottomLeftRadius:5,borderTopWidth:1,borderRightWidth:1,borderLeftWidth:1}:{},{borderBottomWidth:1,borderColor:unstyledColor,borderStyle:"solid"}),extractedBorderStyles,error?{borderColor:errorColor}:{},disabled?{borderColor:"transparent",backgroundColor:disabledColor}:{});var marginStyles=Object.assign({height:60},extractedMarginStyles);var stylesWithoutBordersAndMargins=(0,_lodash.omit)(viewStyles,[].concat((0,_toConsumableArray2.default)(_utilities.borderStyleNames),(0,_toConsumableArray2.default)(_utilities.marginStyleNames),additionalBorderStyles,additionalMarginStyles));var selectedLabel=internalValue&&((_find$label=(_find=pickerOptions.find(function(option){return option.value===internalValue;}))==null?void 0:_find.label)!=null?_find$label:internalValue);var labelText=label?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{textAlign:textStyles.textAlign,color:unstyledColor,fontSize:12,paddingBottom:4},children:label}):null;var leftIconOutset=leftIconMode==="outset";var leftIcon=leftIconName?(0,_jsxRuntime.jsx)(Icon,{name:leftIconName,color:disabled?unstyledColor:iconColor,size:iconSize,style:{marginRight:4,marginLeft:4}}):null;var rightIcon=rightIconName?(0,_jsxRuntime.jsx)(Icon,{name:rightIconName,color:disabled?unstyledColor:iconColor,size:iconSize,style:{marginRight:-10,marginLeft:8}}):null;var textAlign=textStyles==null?void 0:textStyles.textAlign;var calculateLeftPadding=function calculateLeftPadding(){if(leftIconOutset){if(textAlign==="center"){return iconSize-Math.abs(8-iconSize);}return iconSize+8;}return 0;};var assistiveTextLabel=assistiveText?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{textAlign:textAlign,width:"100%",paddingLeft:calculateLeftPadding(),color:unstyledColor,fontSize:12,paddingTop:4},children:assistiveText}):null;var primaryTextStyle=Object.assign({color:unstyledColor,fontSize:14},(0,_lodash.pickBy)(textStyles,_lodash.identity),placeholder===internalValue?{color:placeholderTextColor}:{},disabled?{color:unstyledColor}:{});var handleValueChange=function handleValueChange(newValue,itemIndex){if(newValue!==""&&newValue!==placeholder){onValueChange==null?void 0:onValueChange(newValue,itemIndex);setInternalValue(newValue);}else if(newValue===placeholder){onValueChange==null?void 0:onValueChange("",0);setInternalValue(undefined);}};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.marginsContainer,marginStyles],children:[(0,_jsxRuntime.jsxs)(_Touchable.default,{disabled:disabled,onPress:togglePickerVisible,style:styles.touchableContainer,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",style:[styles.outsetContainer,stylesWithoutBordersAndMargins,!leftIconOutset?borderStyles:{}],children:[leftIcon,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.insetContainer,leftIconOutset?borderStyles:{}],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.primaryTextContainer,children:[labelText,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:primaryTextStyle,children:String(selectedLabel!=null?selectedLabel:placeholder)})]}),rightIcon]})]}),assistiveTextLabel]}),isIos&&pickerVisible?(0,_jsxRuntime.jsx)(_Portal.default,{children:(0,_jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaView,{style:styles.iosPicker,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.iosPickerContent,children:[(0,_jsxRuntime.jsx)(_DeprecatedButton.default,{Icon:Icon,type:"text",onPress:togglePickerVisible,style:styles.iosButton,children:"Close"}),(0,_jsxRuntime.jsx)(_picker.Picker,{style:styles.iosNativePicker,selectedValue:internalValue,onValueChange:handleValueChange,children:pickerOptions.map(function(option){return(0,_jsxRuntime.jsx)(_picker.Picker.Item,{label:option.label,value:option.value},option.value);})})]})})}):null,!isIos&&(pickerVisible||isWeb)?(0,_jsxRuntime.jsx)(_picker.Picker,{enabled:!disabled,selectedValue:internalValue,onValueChange:handleValueChange,style:styles.nonIosPicker,ref:androidPickerRef,onBlur:function onBlur(){return setPickerVisible(false);},children:pickerOptions.map(function(option){return(0,_jsxRuntime.jsx)(_picker.Picker.Item,{label:option.label,value:option.value},option.value);})}):null]});};var styles=_reactNative.StyleSheet.create({marginsContainer:{alignSelf:"stretch",alignItems:"center",width:"100%",maxWidth:deviceWidth},touchableContainer:{flex:1,height:"100%",width:"100%",alignSelf:"stretch",alignItems:"center"},outsetContainer:{flex:1,height:"100%",width:"100%",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},insetContainer:{flex:1,height:"100%",width:"100%",flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingLeft:12,paddingRight:12},primaryTextContainer:{flex:1},iosPicker:{position:"absolute",bottom:0,left:0,right:0,flexDirection:"row",justifyContent:"center",width:"100%",maxWidth:deviceWidth,maxHeight:deviceHeight,backgroundColor:"white"},iosPickerContent:{flexDirection:"column",width:"100%",maxWidth:deviceWidth},iosButton:{alignSelf:"flex-end"},iosNativePicker:{backgroundColor:"white"},nonIosPicker:{opacity:0,position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%",maxWidth:deviceWidth,maxHeight:deviceHeight}});var _default=(0,_theming.withTheme)(Picker);exports.default=_default;

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

@@ -0,0 +1 @@
+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 _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"));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.android.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:{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/commonjs/components/Picker/PickerComponent.ios.js

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/commonjs/components/Picker/PickerTypes.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/commonjs/components/TextField.js

@@ -1 +1 @@
-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 _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _theming=require("../theming");var _utilities=require("../utilities");var _TextInput=_interopRequireDefault(require("./TextInput"));var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/TextField.tsx";var _excluded=["Icon","type","disabled","editable","label","error","leftIconName","leftIconMode","rightIconName","iconColor","iconSize","assistiveText","underlineColor","activeBorderColor","multiline","numberOfLines","style","theme","render"],_excluded2=["lineHeight"],_excluded3=["backgroundColor","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor"];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;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var AnimatedText=_reactNative.Animated.createAnimatedComponent(_reactNative.Text);var FOCUS_ANIMATION_DURATION=150;var BLUR_ANIMATION_DURATION=180;var ICON_SIZE=24;var TextField=function(_React$Component){(0,_inherits2.default)(TextField,_React$Component);var _super=_createSuper(TextField);function TextField(){var _this;(0,_classCallCheck2.default)(this,TextField);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_this.state={nativeProps:{},labeled:new _reactNative.Animated.Value(_this.props.value||_this.props.error?0:1),focused:false,placeholder:_this.props.error?_this.props.placeholder:"",labelLayout:{measured:false,width:0}};_this._timer=setTimeout(function(){},0);_this._showPlaceholder=function(){clearTimeout(_this._timer);_this._timer=setTimeout(function(){return _this.setState({placeholder:_this.props.placeholder});},50);};_this._hidePlaceholder=function(){return _this.setState({placeholder:""});};_this._restoreLabel=function(){return _reactNative.Animated.timing(_this.state.labeled,{toValue:1,duration:FOCUS_ANIMATION_DURATION,useNativeDriver:true}).start();};_this._minmizeLabel=function(){return _reactNative.Animated.timing(_this.state.labeled,{toValue:0,duration:BLUR_ANIMATION_DURATION,useNativeDriver:true}).start();};_this._handleFocus=function(){if(_this.props.disabled){return;}_this.setState({focused:true});};_this._handleBlur=function(){if(_this.props.disabled){return;}_this.setState({focused:false});};_this._handleChangeText=function(value){if(_this.props.disabled){return;}if(typeof value==="string"){_this.setState({value:value});_this.props.onChangeText&&_this.props.onChangeText(value);}else{_this.setState({value:value.nativeEvent.text});_this.props.onChangeText&&_this.props.onChangeText(value.nativeEvent.text);}};_this._root=undefined;return _this;}(0,_createClass2.default)(TextField,[{key:"componentDidMount",value:function componentDidMount(){if(this.props.defaultValue){this._handleChangeText(this.props.defaultValue);}if(this.props.placeholder){this._minmizeLabel();}}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps,prevState){if(prevState.focused!==this.state.focused||prevState.value!==this.state.value){if(this.state.value||this.state.focused||this.props.error||this.props.placeholder){this._minmizeLabel();}else{this._restoreLabel();}}if(prevState.focused!==this.state.focused||prevProps.label!==this.props.label){if(this.state.focused||this.props.error||!this.props.label){this._showPlaceholder();}else{this._hidePlaceholder();}}}},{key:"componentWillUnmount",value:function componentWillUnmount(){clearTimeout(this._timer);}},{key:"toggleFocus",value:function toggleFocus(){this.setState(function(prevState){return{focused:!prevState.focused};});}},{key:"setNativeProps",value:function setNativeProps(args){this.setState(function(state){return Object.assign({},state,{nativeState:args||{}});});}},{key:"isFocused",value:function isFocused(){return this._root&&this._root.isFocused();}},{key:"clear",value:function clear(){return this._root&&this._root.clear();}},{key:"focus",value:function focus(){return this._root&&this._root.focus();}},{key:"blur",value:function blur(){return this._root&&this._root.blur();}},{key:"render",value:function render(){var _this2=this;var _this$props=this.props,Icon=_this$props.Icon,_this$props$type=_this$props.type,type=_this$props$type===void 0?"underline":_this$props$type,_this$props$disabled=_this$props.disabled,disabled=_this$props$disabled===void 0?false:_this$props$disabled,_this$props$editable=_this$props.editable,editable=_this$props$editable===void 0?true:_this$props$editable,label=_this$props.label,_this$props$error=_this$props.error,error=_this$props$error===void 0?false:_this$props$error,leftIconName=_this$props.leftIconName,leftIconMode=_this$props.leftIconMode,rightIconName=_this$props.rightIconName,iconColor=_this$props.iconColor,iconSize=_this$props.iconSize,assistiveText=_this$props.assistiveText,underlineColorProp=_this$props.underlineColor,activeBorderColorProp=_this$props.activeBorderColor,_this$props$multiline=_this$props.multiline,multiline=_this$props$multiline===void 0?false:_this$props$multiline,_this$props$numberOfL=_this$props.numberOfLines,numberOfLines=_this$props$numberOfL===void 0?4:_this$props$numberOfL,style=_this$props.style,_this$props$theme=_this$props.theme,colors=_this$props$theme.colors,typography=_this$props$theme.typography,roundness=_this$props$theme.roundness,disabledOpacity=_this$props$theme.disabledOpacity,_this$props$render=_this$props.render,render=_this$props$render===void 0?function(props){return(0,_jsxRuntime.jsx)(_TextInput.default,Object.assign({},props));}:_this$props$render,rest=(0,_objectWithoutProperties2.default)(_this$props,_excluded);var MINIMIZED_LABEL_Y_OFFSET=-(typography.caption.lineHeight+4);var OUTLINE_MINIMIZED_LABEL_Y_OFFSET=-(16*0.5+4);var MAXIMIZED_LABEL_FONT_SIZE=typography.subtitle1.fontSize;var MINIMIZED_LABEL_FONT_SIZE=typography.caption.fontSize;var hasActiveOutline=this.state.focused||error;var inputTextColor,activeColor,underlineColor,borderColor,placeholderColor,containerStyle,backgroundColor,inputStyle;inputTextColor=colors.strong;if(disabled){activeColor=colors.light;placeholderColor=colors.light;borderColor="transparent";underlineColor="transparent";backgroundColor=colors.divider;}else{activeColor=error?colors.error:activeBorderColorProp;placeholderColor=borderColor=colors.light;underlineColor=underlineColorProp||colors.light;backgroundColor=colors.background;}if(rest.placeholderTextColor){placeholderColor=rest.placeholderTextColor;}var _typography$subtitle=typography.subtitle1,lineHeight=_typography$subtitle.lineHeight,subtitle1=(0,_objectWithoutProperties2.default)(_typography$subtitle,_excluded2);inputStyle=Object.assign({paddingVertical:0,color:inputTextColor,paddingLeft:leftIconName&&leftIconMode==="inset"?ICON_SIZE+12+(type==="solid"?16:0):0,paddingRight:rightIconName?ICON_SIZE+16+4:12},subtitle1);if(!multiline){inputStyle.height=lineHeight;}var assistiveTextLeftMargin;if(type==="underline"){containerStyle={borderTopLeftRadius:roundness,borderTopRightRadius:roundness,paddingBottom:12,marginTop:16};if(leftIconName&&leftIconMode==="outset"){assistiveTextLeftMargin=ICON_SIZE+8;}else{assistiveTextLeftMargin=0;}}else{containerStyle={borderRadius:roundness,borderColor:hasActiveOutline?activeColor:borderColor,borderWidth:1,paddingTop:label?16*1.5:16,paddingBottom:label?16*0.5:16,opacity:disabled?disabledOpacity:1,backgroundColor:backgroundColor};if(leftIconName&&leftIconMode==="inset"){assistiveTextLeftMargin=16+4;}else if(leftIconName&&leftIconMode==="outset"){assistiveTextLeftMargin=ICON_SIZE+8+12;}else{assistiveTextLeftMargin=12;}inputStyle.paddingHorizontal=12;}if(leftIconName&&leftIconMode==="outset"){containerStyle.marginLeft=ICON_SIZE+8;}var leftIconColor;if(iconColor){leftIconColor=iconColor;}else if(error){leftIconColor=colors.error;}else if(this.state.focused){leftIconColor=colors.primary;}else{leftIconColor=colors.light;}var leftIconProps={size:iconSize||24,color:leftIconColor,name:leftIconName||""};var leftIconStyle={position:"absolute",marginTop:type==="solid"?MINIMIZED_LABEL_FONT_SIZE+4:leftIconMode==="outset"?16:0,marginLeft:leftIconMode==="inset"&&type==="solid"?16:0};var labelStyle=Object.assign({},typography.subtitle1,{top:type==="solid"?16:0,left:leftIconName&&leftIconMode==="inset"?ICON_SIZE+(type==="solid"?16:12):0,transform:[{translateY:this.state.labeled.interpolate({inputRange:[0,1],outputRange:[type==="solid"?OUTLINE_MINIMIZED_LABEL_Y_OFFSET:MINIMIZED_LABEL_Y_OFFSET,0]})},{scale:this.state.labeled.interpolate({inputRange:[0,1],outputRange:[MINIMIZED_LABEL_FONT_SIZE/MAXIMIZED_LABEL_FONT_SIZE,1]})},{translateX:this.state.labeled.interpolate({inputRange:[0,1],outputRange:[-(1-MINIMIZED_LABEL_FONT_SIZE/MAXIMIZED_LABEL_FONT_SIZE)*(this.state.labelLayout.width/2),0]})}]});var _extractStyles=(0,_utilities.extractStyles)(style),textStyles=_extractStyles.textStyles;var inputStyles=(0,_utilities.applyStyles)([styles.input,inputStyle,type==="solid"?{marginHorizontal:12}:{}],textStyles);var _ref=_reactNative.StyleSheet.flatten(style||{}),bgColor=_ref.backgroundColor,padding=_ref.padding,paddingTop=_ref.paddingTop,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,paddingRight=_ref.paddingRight,borderRadius=_ref.borderRadius,borderWidth=_ref.borderWidth,borderTopWidth=_ref.borderTopWidth,borderRightWidth=_ref.borderRightWidth,borderBottomWidth=_ref.borderBottomWidth,borderLeftWidth=_ref.borderLeftWidth,borderCol=_ref.borderColor,styleProp=(0,_objectWithoutProperties2.default)(_ref,_excluded3);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.container,styleProp],children:[leftIconName&&leftIconMode==="outset"?(0,_jsxRuntime.jsx)(Icon,Object.assign({},leftIconProps,{style:leftIconStyle})):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:(0,_utilities.applyStyles)([containerStyle],{height:styleProp.height,backgroundColor:bgColor,padding:padding,paddingTop:paddingTop,paddingBottom:paddingBottom,paddingLeft:paddingLeft,paddingRight:paddingRight,borderRadius:borderRadius,borderWidth:borderWidth,borderTopWidth:borderTopWidth,borderRightWidth:borderRightWidth,borderBottomWidth:borderBottomWidth,borderLeftWidth:borderLeftWidth,borderColor:borderCol}),children:[type==="underline"?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.underline,{backgroundColor:bgColor||(error?colors.error:this.state.focused?activeColor:underlineColor),transform:[{scaleY:this.state.focused?1:0.5}]}]}):null,label?(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",style:[_reactNative.StyleSheet.absoluteFill,{opacity:this.state.value||this.state.focused?this.state.labelLayout.measured?1:0:1}],children:[(0,_jsxRuntime.jsx)(AnimatedText,{onLayout:function onLayout(e){return _this2.setState({labelLayout:{width:e.nativeEvent.layout.width,measured:true}});},style:[styles.placeholder,type==="solid"?{paddingHorizontal:12}:{},labelStyle,{color:placeholderColor,opacity:this.state.labeled.interpolate({inputRange:[0,1],outputRange:[hasActiveOutline?1:0,0]})}],numberOfLines:1,children:label}),(0,_jsxRuntime.jsx)(AnimatedText,{style:[styles.placeholder,type==="solid"?{paddingHorizontal:12}:{},labelStyle,{color:placeholderColor,opacity:hasActiveOutline?this.state.labeled:1}],numberOfLines:1,children:label})]}):null,leftIconName&&leftIconMode==="inset"?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{justifyContent:type==="solid"?"center":undefined},children:(0,_jsxRuntime.jsx)(Icon,Object.assign({},leftIconProps,{style:leftIconStyle}))}):null,render(Object.assign({ref:function ref(c){_this2._root=c;},onChange:this._handleChangeText,placeholder:label?this.state.placeholder:this.props.placeholder,placeholderTextColor:placeholderColor,editable:!disabled&&editable,disabled:disabled||!editable,selectionColor:activeColor,multiline:multiline,numberOfLines:numberOfLines,onFocus:this._handleFocus,onBlur:this._handleBlur,underlineColorAndroid:"transparent",style:inputStyles},rest,this.state.nativeProps,{value:this.state.value}))]}),rightIconName?(0,_jsxRuntime.jsx)(Icon,{name:rightIconName,size:iconSize||ICON_SIZE,color:iconColor||colors.light,style:{position:"absolute",right:16,marginTop:type==="solid"?MINIMIZED_LABEL_FONT_SIZE+4:16}}):null,assistiveText?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:error?colors.error:colors.light,marginTop:8,marginLeft:assistiveTextLeftMargin}],children:assistiveText}):null]});}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(nextProps,prevState){return{value:typeof nextProps.value!=="undefined"?nextProps.value:prevState.value};}}]);return TextField;}(React.Component);var _default=(0,_theming.withTheme)(TextField);exports.default=_default;var styles=_reactNative.StyleSheet.create({container:{alignSelf:"stretch"},placeholder:{position:"absolute",left:0},underline:{position:"absolute",left:0,right:0,bottom:0,height:2},input:{flexGrow:1,justifyContent:"center",textAlignVertical:"center",margin:0,textAlign:_reactNative.I18nManager.isRTL?"right":"left"}});
+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 _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _theming=require("../theming");var _utilities=require("../utilities");var _TextInput=_interopRequireDefault(require("./TextInput"));var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/TextField.tsx";var _excluded=["Icon","type","disabled","label","error","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","activeBorderColor","multiline","numberOfLines","style","theme","render"],_excluded2=["lineHeight"],_excluded3=["backgroundColor","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor"];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;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var AnimatedText=_reactNative.Animated.createAnimatedComponent(_reactNative.Text);var FOCUS_ANIMATION_DURATION=150;var BLUR_ANIMATION_DURATION=180;var ICON_SIZE=24;var TextField=function(_React$Component){(0,_inherits2.default)(TextField,_React$Component);var _super=_createSuper(TextField);function TextField(){var _this;(0,_classCallCheck2.default)(this,TextField);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_this.state={nativeProps:{},labeled:new _reactNative.Animated.Value(_this.props.value||_this.props.error?0:1),focused:false,placeholder:_this.props.error?_this.props.placeholder:"",labelLayout:{measured:false,width:0}};_this._timer=setTimeout(function(){},0);_this._showPlaceholder=function(){clearTimeout(_this._timer);_this._timer=setTimeout(function(){return _this.setState({placeholder:_this.props.placeholder});},50);};_this._hidePlaceholder=function(){return _this.setState({placeholder:""});};_this._restoreLabel=function(){return _reactNative.Animated.timing(_this.state.labeled,{toValue:1,duration:FOCUS_ANIMATION_DURATION,useNativeDriver:true}).start();};_this._minmizeLabel=function(){return _reactNative.Animated.timing(_this.state.labeled,{toValue:0,duration:BLUR_ANIMATION_DURATION,useNativeDriver:true}).start();};_this._handleFocus=function(){if(_this.props.disabled){return;}_this.setState({focused:true});};_this._handleBlur=function(){if(_this.props.disabled){return;}_this.setState({focused:false});};_this._handleChangeText=function(value){if(_this.props.disabled){return;}if(typeof value==="string"){_this.setState({value:value});_this.props.onChangeText&&_this.props.onChangeText(value);}else{_this.setState({value:value.nativeEvent.text});_this.props.onChangeText&&_this.props.onChangeText(value.nativeEvent.text);}};_this._root=undefined;return _this;}(0,_createClass2.default)(TextField,[{key:"componentDidMount",value:function componentDidMount(){if(this.props.defaultValue){this._handleChangeText(this.props.defaultValue);}if(this.props.placeholder){this._minmizeLabel();}}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps,prevState){if(prevState.focused!==this.state.focused||prevState.value!==this.state.value){if(this.state.value||this.state.focused||this.props.error||this.props.placeholder){this._minmizeLabel();}else{this._restoreLabel();}}if(prevState.focused!==this.state.focused||prevProps.label!==this.props.label){if(this.state.focused||this.props.error||!this.props.label){this._showPlaceholder();}else{this._hidePlaceholder();}}}},{key:"componentWillUnmount",value:function componentWillUnmount(){clearTimeout(this._timer);}},{key:"toggleFocus",value:function toggleFocus(){this.setState(function(prevState){return{focused:!prevState.focused};});}},{key:"setNativeProps",value:function setNativeProps(args){this.setState(function(state){return Object.assign({},state,{nativeState:args||{}});});}},{key:"isFocused",value:function isFocused(){return this._root&&this._root.isFocused();}},{key:"clear",value:function clear(){return this._root&&this._root.clear();}},{key:"focus",value:function focus(){return this._root&&this._root.focus();}},{key:"blur",value:function blur(){return this._root&&this._root.blur();}},{key:"render",value:function render(){var _this2=this;var _this$props=this.props,Icon=_this$props.Icon,_this$props$type=_this$props.type,type=_this$props$type===void 0?"underline":_this$props$type,_this$props$disabled=_this$props.disabled,disabled=_this$props$disabled===void 0?false:_this$props$disabled,label=_this$props.label,_this$props$error=_this$props.error,error=_this$props$error===void 0?false:_this$props$error,leftIconName=_this$props.leftIconName,leftIconMode=_this$props.leftIconMode,rightIconName=_this$props.rightIconName,assistiveText=_this$props.assistiveText,underlineColorProp=_this$props.underlineColor,activeBorderColorProp=_this$props.activeBorderColor,_this$props$multiline=_this$props.multiline,multiline=_this$props$multiline===void 0?false:_this$props$multiline,_this$props$numberOfL=_this$props.numberOfLines,numberOfLines=_this$props$numberOfL===void 0?4:_this$props$numberOfL,style=_this$props.style,_this$props$theme=_this$props.theme,colors=_this$props$theme.colors,typography=_this$props$theme.typography,roundness=_this$props$theme.roundness,disabledOpacity=_this$props$theme.disabledOpacity,_this$props$render=_this$props.render,render=_this$props$render===void 0?function(props){return(0,_jsxRuntime.jsx)(_TextInput.default,Object.assign({},props));}:_this$props$render,rest=(0,_objectWithoutProperties2.default)(_this$props,_excluded);var MINIMIZED_LABEL_Y_OFFSET=-(typography.caption.lineHeight+4);var OUTLINE_MINIMIZED_LABEL_Y_OFFSET=-(16*0.5+4);var MAXIMIZED_LABEL_FONT_SIZE=typography.subtitle1.fontSize;var MINIMIZED_LABEL_FONT_SIZE=typography.caption.fontSize;var hasActiveOutline=this.state.focused||error;var inputTextColor,activeColor,underlineColor,borderColor,placeholderColor,containerStyle,backgroundColor,inputStyle;inputTextColor=colors.strong;if(disabled){activeColor=colors.light;placeholderColor=colors.light;borderColor="transparent";underlineColor="transparent";backgroundColor=colors.divider;}else{activeColor=error?colors.error:activeBorderColorProp;placeholderColor=borderColor=colors.light;underlineColor=underlineColorProp;backgroundColor=colors.background;}if(rest.placeholderTextColor){placeholderColor=rest.placeholderTextColor;}var _typography$subtitle=typography.subtitle1,lineHeight=_typography$subtitle.lineHeight,subtitle1=(0,_objectWithoutProperties2.default)(_typography$subtitle,_excluded2);inputStyle=Object.assign({paddingVertical:0,color:inputTextColor,paddingLeft:leftIconName&&leftIconMode==="inset"?ICON_SIZE+12+(type==="solid"?16:0):0,paddingRight:rightIconName?ICON_SIZE+16+4:12},subtitle1);if(!multiline){inputStyle.height=lineHeight;}var assistiveTextLeftMargin;if(type==="underline"){containerStyle={borderTopLeftRadius:roundness,borderTopRightRadius:roundness,paddingBottom:12,marginTop:16};if(leftIconName&&leftIconMode==="outset"){assistiveTextLeftMargin=ICON_SIZE+8;}else{assistiveTextLeftMargin=0;}}else{containerStyle={borderRadius:roundness,borderColor:hasActiveOutline?activeColor:borderColor,borderWidth:1,paddingTop:label?16*1.5:16,paddingBottom:label?16*0.5:16,opacity:disabled?disabledOpacity:1,backgroundColor:backgroundColor};if(leftIconName&&leftIconMode==="inset"){assistiveTextLeftMargin=16+4;}else if(leftIconName&&leftIconMode==="outset"){assistiveTextLeftMargin=ICON_SIZE+8+12;}else{assistiveTextLeftMargin=12;}inputStyle.paddingHorizontal=12;}if(leftIconName&&leftIconMode==="outset"){containerStyle.marginLeft=ICON_SIZE+8;}var leftIconColor;if(error){leftIconColor=colors.error;}else if(this.state.focused){leftIconColor=colors.primary;}else{leftIconColor=colors.light;}var leftIconProps={size:24,color:leftIconColor,name:leftIconName||""};var leftIconStyle={position:"absolute",marginTop:type==="solid"?MINIMIZED_LABEL_FONT_SIZE+4:leftIconMode==="outset"?16:0,marginLeft:leftIconMode==="inset"&&type==="solid"?16:0};var labelStyle=Object.assign({},typography.subtitle1,{top:type==="solid"?16:0,left:leftIconName&&leftIconMode==="inset"?ICON_SIZE+(type==="solid"?16:12):0,transform:[{translateY:this.state.labeled.interpolate({inputRange:[0,1],outputRange:[type==="solid"?OUTLINE_MINIMIZED_LABEL_Y_OFFSET:MINIMIZED_LABEL_Y_OFFSET,0]})},{scale:this.state.labeled.interpolate({inputRange:[0,1],outputRange:[MINIMIZED_LABEL_FONT_SIZE/MAXIMIZED_LABEL_FONT_SIZE,1]})},{translateX:this.state.labeled.interpolate({inputRange:[0,1],outputRange:[-(1-MINIMIZED_LABEL_FONT_SIZE/MAXIMIZED_LABEL_FONT_SIZE)*(this.state.labelLayout.width/2),0]})}]});var _extractStyles=(0,_utilities.extractStyles)(style),textStyles=_extractStyles.textStyles;var inputStyles=(0,_utilities.applyStyles)([styles.input,inputStyle,type==="solid"?{marginHorizontal:12}:{}],textStyles);var _ref=_reactNative.StyleSheet.flatten(style||{}),bgColor=_ref.backgroundColor,padding=_ref.padding,paddingTop=_ref.paddingTop,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,paddingRight=_ref.paddingRight,borderRadius=_ref.borderRadius,borderWidth=_ref.borderWidth,borderTopWidth=_ref.borderTopWidth,borderRightWidth=_ref.borderRightWidth,borderBottomWidth=_ref.borderBottomWidth,borderLeftWidth=_ref.borderLeftWidth,borderCol=_ref.borderColor,styleProp=(0,_objectWithoutProperties2.default)(_ref,_excluded3);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.container,styleProp],children:[leftIconName&&leftIconMode==="outset"?(0,_jsxRuntime.jsx)(Icon,Object.assign({},leftIconProps,{style:leftIconStyle})):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:(0,_utilities.applyStyles)([containerStyle],{height:style==null?void 0:style.height,backgroundColor:bgColor,padding:padding,paddingTop:paddingTop,paddingBottom:paddingBottom,paddingLeft:paddingLeft,paddingRight:paddingRight,borderRadius:borderRadius,borderWidth:borderWidth,borderTopWidth:borderTopWidth,borderRightWidth:borderRightWidth,borderBottomWidth:borderBottomWidth,borderLeftWidth:borderLeftWidth,borderColor:borderCol}),children:[type==="underline"?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.underline,{backgroundColor:bgColor||(error?colors.error:this.state.focused?activeColor:underlineColor),transform:[{scaleY:this.state.focused?1:0.5}]}]}):null,label?(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",style:[_reactNative.StyleSheet.absoluteFill,{opacity:this.state.value||this.state.focused?this.state.labelLayout.measured?1:0:1}],children:[(0,_jsxRuntime.jsx)(AnimatedText,{onLayout:function onLayout(e){return _this2.setState({labelLayout:{width:e.nativeEvent.layout.width,measured:true}});},style:[styles.placeholder,type==="solid"?{paddingHorizontal:12}:{},labelStyle,{color:placeholderColor,opacity:this.state.labeled.interpolate({inputRange:[0,1],outputRange:[hasActiveOutline?1:0,0]})}],numberOfLines:1,children:label}),(0,_jsxRuntime.jsx)(AnimatedText,{style:[styles.placeholder,type==="solid"?{paddingHorizontal:12}:{},labelStyle,{color:placeholderColor,opacity:hasActiveOutline?this.state.labeled:1}],numberOfLines:1,children:label})]}):null,leftIconName&&leftIconMode==="inset"?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{justifyContent:type==="solid"?"center":undefined},children:(0,_jsxRuntime.jsx)(Icon,Object.assign({},leftIconProps,{style:leftIconStyle}))}):null,render(Object.assign({ref:function ref(c){_this2._root=c;},onChange:this._handleChangeText,placeholder:label?this.state.placeholder:this.props.placeholder,placeholderTextColor:placeholderColor,editable:!disabled,selectionColor:activeColor,multiline:multiline,numberOfLines:numberOfLines,onFocus:this._handleFocus,onBlur:this._handleBlur,underlineColorAndroid:"transparent",style:inputStyles},rest,this.state.nativeProps,{value:this.state.value}))]}),rightIconName?(0,_jsxRuntime.jsx)(Icon,{name:rightIconName,size:ICON_SIZE,color:colors.light,style:{position:"absolute",right:16,marginTop:type==="solid"?MINIMIZED_LABEL_FONT_SIZE+4:16}}):null,assistiveText?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:error?colors.error:colors.light,marginTop:8,marginLeft:assistiveTextLeftMargin}],children:assistiveText}):null]});}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(nextProps,prevState){return{value:typeof nextProps.value!=="undefined"?nextProps.value:prevState.value};}}]);return TextField;}(React.Component);var _default=(0,_theming.withTheme)(TextField);exports.default=_default;var styles=_reactNative.StyleSheet.create({container:{alignSelf:"stretch"},placeholder:{position:"absolute",left:0},underline:{position:"absolute",left:0,right:0,bottom:0,height:2},input:{flexGrow:1,justifyContent:"center",textAlignVertical:"center",margin:0,textAlign:_reactNative.I18nManager.isRTL?"right":"left"}});

package/lib/commonjs/hooks.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useDebounce=void 0;exports.usePrevious=usePrevious;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireDefault(require("react"));function usePrevious(value){var ref=_react.default.useRef();_react.default.useEffect(function(){ref.current=value;},[value]);return ref.current;}var useDebounce=function useDebounce(value,delay){var _React$useState=_react.default.useState(value),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),debouncedValue=_React$useState2[0],setDebouncedValue=_React$useState2[1];_react.default.useEffect(function(){var hanlder=setTimeout(function(){setDebouncedValue(value);},delay);return function(){clearTimeout(hanlder);};},[value,delay]);return debouncedValue;};exports.useDebounce=useDebounce;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useDebounce=void 0;exports.usePrevious=usePrevious;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireDefault(require("react"));function usePrevious(value){var ref=_react.default.useRef();_react.default.useEffect(function(){ref.current=value;},[value]);return ref.current;}var useDebounce=function useDebounce(value,delay){var _React$useState=_react.default.useState(value),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),debouncedValue=_React$useState2[0],setDebouncedValue=_React$useState2[1];_react.default.useEffect(function(){var handler=setTimeout(function(){setDebouncedValue(value);},delay);return function(){clearTimeout(handler);};},[value,delay]);return debouncedValue;};exports.useDebounce=useDebounce;

package/lib/commonjs/index.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AccordionGroup",{enumerable:true,get:function get(){return _AccordionGroup.default;}});Object.defineProperty(exports,"AccordionItem",{enumerable:true,get:function get(){return _AccordionItem.default;}});Object.defineProperty(exports,"ActionSheet",{enumerable:true,get:function get(){return _ActionSheet.ActionSheet;}});Object.defineProperty(exports,"ActionSheetCancel",{enumerable:true,get:function get(){return _ActionSheet.ActionSheetCancel;}});Object.defineProperty(exports,"ActionSheetItem",{enumerable:true,get:function get(){return _ActionSheet.ActionSheetItem;}});Object.defineProperty(exports,"AspectRatio",{enumerable:true,get:function get(){return _Layout.AspectRatio;}});Object.defineProperty(exports,"AudioPlayer",{enumerable:true,get:function get(){return _AudioPlayer.default;}});Object.defineProperty(exports,"AudioPlayerRef",{enumerable:true,get:function get(){return _AudioPlayer.AudioPlayerRef;}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _CircleImage.default;}});Object.defineProperty(exports,"AvatarEdit",{enumerable:true,get:function get(){return _AvatarEdit.default;}});Object.defineProperty(exports,"Banner",{enumerable:true,get:function get(){return _Banner.default;}});Object.defineProperty(exports,"BottomSheet",{enumerable:true,get:function get(){return _BottomSheet.BottomSheet;}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button.Button;}});Object.defineProperty(exports,"ButtonOutline",{enumerable:true,get:function get(){return _Button.ButtonOutline;}});Object.defineProperty(exports,"ButtonSolid",{enumerable:true,get:function get(){return _Button.ButtonSolid;}});Object.defineProperty(exports,"Card",{enumerable:true,get:function get(){return _Card.default;}});Object.defineProperty(exports,"Center",{enumerable:true,get:function get(){return _Layout.Center;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox.Checkbox;}});Object.defineProperty(exports,"CheckboxGroup",{enumerable:true,get:function get(){return _CheckboxGroup.default;}});Object.defineProperty(exports,"CheckboxRow",{enumerable:true,get:function get(){return _Checkbox.CheckboxRow;}});Object.defineProperty(exports,"Circle",{enumerable:true,get:function get(){return _Layout.Circle;}});Object.defineProperty(exports,"CircleImage",{enumerable:true,get:function get(){return _CircleImage.default;}});Object.defineProperty(exports,"CircularProgress",{enumerable:true,get:function get(){return _CircularProgress.default;}});Object.defineProperty(exports,"Container",{enumerable:true,get:function get(){return _Container.default;}});Object.defineProperty(exports,"CustomPinInputCell",{enumerable:true,get:function get(){return _PinInput.CustomPinInputCell;}});Object.defineProperty(exports,"CustomPinInputText",{enumerable:true,get:function get(){return _PinInput.PinInputText;}});Object.defineProperty(exports,"DatePicker",{enumerable:true,get:function get(){return _DatePicker.default;}});Object.defineProperty(exports,"DeckSwiper",{enumerable:true,get:function get(){return _DeckSwiper.DeckSwiper;}});Object.defineProperty(exports,"DeckSwiperCard",{enumerable:true,get:function get(){return _DeckSwiper.DeckSwiperCard;}});Object.defineProperty(exports,"DefaultTheme",{enumerable:true,get:function get(){return _DefaultTheme.default;}});Object.defineProperty(exports,"DeprecatedCenter",{enumerable:true,get:function get(){return _Layout2.Center;}});Object.defineProperty(exports,"DeprecatedCircle",{enumerable:true,get:function get(){return _Layout2.Circle;}});Object.defineProperty(exports,"DeprecatedSquare",{enumerable:true,get:function get(){return _Layout2.Square;}});Object.defineProperty(exports,"Divider",{enumerable:true,get:function get(){return _Divider.default;}});Object.defineProperty(exports,"FAB",{enumerable:true,get:function get(){return _FAB.default;}});Object.defineProperty(exports,"FieldSearchBarFull",{enumerable:true,get:function get(){return _FieldSearchBarFull.default;}});Object.defineProperty(exports,"HStack",{enumerable:true,get:function get(){return _Layout.HStack;}});Object.defineProperty(exports,"IconButton",{enumerable:true,get:function get(){return _IconButton.default;}});Object.defineProperty(exports,"Image",{enumerable:true,get:function get(){return _Image.default;}});Object.defineProperty(exports,"LinearProgress",{enumerable:true,get:function get(){return _LinearProgress.default;}});Object.defineProperty(exports,"Link",{enumerable:true,get:function get(){return _Text.Link;}});Object.defineProperty(exports,"Markdown",{enumerable:true,get:function get(){return _Markdown.default;}});Object.defineProperty(exports,"MultiSelectPicker",{enumerable:true,get:function get(){return _Picker.MultiSelectPicker;}});Object.defineProperty(exports,"NumberInput",{enumerable:true,get:function get(){return _NumberInput.default;}});Object.defineProperty(exports,"Picker",{enumerable:true,get:function get(){return _Picker.Picker;}});Object.defineProperty(exports,"PickerItem",{enumerable:true,get:function get(){return _Picker.PickerItem;}});Object.defineProperty(exports,"PinInput",{enumerable:true,get:function get(){return _PinInput.PinInput;}});Object.defineProperty(exports,"Pressable",{enumerable:true,get:function get(){return _Pressable.default;}});Object.defineProperty(exports,"ProgressBar",{enumerable:true,get:function get(){return _ProgressBar.default;}});Object.defineProperty(exports,"ProgressCircle",{enumerable:true,get:function get(){return _ProgressCircle.default;}});Object.defineProperty(exports,"Provider",{enumerable:true,get:function get(){return _Provider.default;}});Object.defineProperty(exports,"RadioButton",{enumerable:true,get:function get(){return _index.RadioButton;}});Object.defineProperty(exports,"RadioButtonFieldGroup",{enumerable:true,get:function get(){return _RadioButtonFieldGroup.default;}});Object.defineProperty(exports,"RadioButtonGroup",{enumerable:true,get:function get(){return _index.RadioButtonGroup;}});Object.defineProperty(exports,"RadioButtonRow",{enumerable:true,get:function get(){return _index.RadioButtonRow;}});Object.defineProperty(exports,"Row",{enumerable:true,get:function get(){return _Layout2.Row;}});Object.defineProperty(exports,"RowBodyIcon",{enumerable:true,get:function get(){return _RowBodyIcon.default;}});Object.defineProperty(exports,"RowHeadlineImageCaption",{enumerable:true,get:function get(){return _RowHeadlineImageCaption.default;}});Object.defineProperty(exports,"RowHeadlineImageIcon",{enumerable:true,get:function get(){return _RowHeadlineImageIcon.default;}});Object.defineProperty(exports,"SVG",{enumerable:true,get:function get(){return _SVG.default;}});Object.defineProperty(exports,"ScreenContainer",{enumerable:true,get:function get(){return _ScreenContainer.default;}});Object.defineProperty(exports,"SectionHeader",{enumerable:true,get:function get(){return _SectionList.SectionHeader;}});Object.defineProperty(exports,"SectionList",{enumerable:true,get:function get(){return _SectionList.SectionList;}});Object.defineProperty(exports,"Shadow",{enumerable:true,get:function get(){return _Shadow.default;}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider.default;}});Object.defineProperty(exports,"Spacer",{enumerable:true,get:function get(){return _Layout.Spacer;}});Object.defineProperty(exports,"Square",{enumerable:true,get:function get(){return _Layout.Square;}});Object.defineProperty(exports,"Stack",{enumerable:true,get:function get(){return _Layout2.Stack;}});Object.defineProperty(exports,"StarRating",{enumerable:true,get:function get(){return _StarRating.default;}});Object.defineProperty(exports,"Stepper",{enumerable:true,get:function get(){return _Stepper.default;}});Object.defineProperty(exports,"Surface",{enumerable:true,get:function get(){return _Surface.default;}});Object.defineProperty(exports,"SwipeableItem",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableItem;}});Object.defineProperty(exports,"SwipeableItemButton",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableItemButton;}});Object.defineProperty(exports,"SwipeableList",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableList;}});Object.defineProperty(exports,"Swiper",{enumerable:true,get:function get(){return _Swiper.Swiper;}});Object.defineProperty(exports,"SwiperItem",{enumerable:true,get:function get(){return _Swiper.SwiperItem;}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function get(){return _Switch.default;}});Object.defineProperty(exports,"SwitchRow",{enumerable:true,get:function get(){return _Switch.SwitchRow;}});Object.defineProperty(exports,"TabView",{enumerable:true,get:function get(){return _TabView.TabView;}});Object.defineProperty(exports,"TabViewItem",{enumerable:true,get:function get(){return _TabView.TabViewItem;}});Object.defineProperty(exports,"Table",{enumerable:true,get:function get(){return _Table.Table;}});Object.defineProperty(exports,"TableCell",{enumerable:true,get:function get(){return _Table.TableCell;}});Object.defineProperty(exports,"TableRow",{enumerable:true,get:function get(){return _Table.TableRow;}});Object.defineProperty(exports,"TextField",{enumerable:true,get:function get(){return _TextField.default;}});Object.defineProperty(exports,"TextInput",{enumerable:true,get:function get(){return _TextInput.default;}});Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _theming.ThemeProvider;}});Object.defineProperty(exports,"ToggleButton",{enumerable:true,get:function get(){return _ToggleButton.default;}});Object.defineProperty(exports,"Touchable",{enumerable:true,get:function get(){return _Touchable.default;}});Object.defineProperty(exports,"VStack",{enumerable:true,get:function get(){return _Layout.VStack;}});Object.defineProperty(exports,"VideoPlayer",{enumerable:true,get:function get(){return _VideoPlayer.default;}});Object.defineProperty(exports,"VideoPlayerRef",{enumerable:true,get:function get(){return _VideoPlayer.VideoPlayerRef;}});Object.defineProperty(exports,"YoutubePlayer",{enumerable:true,get:function get(){return _YoutubePlayer.YoutubePlayer;}});Object.defineProperty(exports,"ZStack",{enumerable:true,get:function get(){return _Layout.ZStack;}});Object.defineProperty(exports,"flattenReactFragments",{enumerable:true,get:function get(){return _utilities.flattenReactFragments;}});Object.defineProperty(exports,"injectIcon",{enumerable:true,get:function get(){return _Icon.injectIcon;}});Object.defineProperty(exports,"useAuthState",{enumerable:true,get:function get(){return _useAuthState.useAuthState;}});Object.defineProperty(exports,"withTheme",{enumerable:true,get:function get(){return _theming.withTheme;}});var _utilities=require("./utilities");var _Icon=require("./interfaces/Icon");var _theming=require("./theming");var _Provider=_interopRequireDefault(require("./Provider"));var _DefaultTheme=_interopRequireDefault(require("./styles/DefaultTheme"));var _Text=require("./components/Text");var _Button=require("./components/Button");var _Checkbox=require("./components/Checkbox");var _Divider=_interopRequireDefault(require("./components/Divider"));var _IconButton=_interopRequireDefault(require("./components/IconButton"));var _Image=_interopRequireDefault(require("./components/Image"));var _SVG=_interopRequireDefault(require("./components/SVG"));var _NumberInput=_interopRequireDefault(require("./components/NumberInput"));var _ScreenContainer=_interopRequireDefault(require("./components/ScreenContainer"));var _StarRating=_interopRequireDefault(require("./components/StarRating"));var _Surface=_interopRequireDefault(require("./components/Surface"));var _Switch=_interopRequireWildcard(require("./components/Switch"));var _TextField=_interopRequireDefault(require("./components/TextField"));var _Touchable=_interopRequireDefault(require("./components/Touchable"));var _Pressable=_interopRequireDefault(require("./components/Pressable"));var _AccordionGroup=_interopRequireDefault(require("./components/AccordionGroup"));var _ActionSheet=require("./components/ActionSheet");var _Swiper=require("./components/Swiper");var _index=require("./components/RadioButton/index");var _Shadow=_interopRequireDefault(require("./components/Shadow"));var _DeckSwiper=require("./components/DeckSwiper");var _TabView=require("./components/TabView");var _Markdown=_interopRequireDefault(require("./components/Markdown"));var _BottomSheet=require("./components/BottomSheet");var _YoutubePlayer=require("./components/YoutubePlayer");var _Table=require("./components/Table");var _SwipeableItem=require("./components/SwipeableItem");var _AudioPlayer=_interopRequireWildcard(require("./components/MediaPlayer/AudioPlayer"));var _DatePicker=_interopRequireDefault(require("./components/DatePicker/DatePicker"));var _Picker=require("./components/Picker");var _Slider=_interopRequireDefault(require("./components/Slider"));var _Stepper=_interopRequireDefault(require("./components/Stepper"));var _SectionList=require("./components/SectionList");var _LinearProgress=_interopRequireDefault(require("./components/Progress/LinearProgress"));var _CircularProgress=_interopRequireDefault(require("./components/Progress/CircularProgress"));var _TextInput=_interopRequireDefault(require("./components/TextInput"));var _VideoPlayer=_interopRequireWildcard(require("./components/MediaPlayer/VideoPlayer"));var _PinInput=require("./components/PinInput");var _Layout=require("./components/Layout");var _AccordionItem=_interopRequireDefault(require("./deprecated-components/AccordionItem"));var _AvatarEdit=_interopRequireDefault(require("./deprecated-components/AvatarEdit"));var _CircleImage=_interopRequireDefault(require("./deprecated-components/CircleImage"));var _Banner=_interopRequireDefault(require("./deprecated-components/Banner"));var _Card=_interopRequireDefault(require("./deprecated-components/Card"));var _CheckboxGroup=_interopRequireDefault(require("./deprecated-components/CheckboxGroup"));var _Container=_interopRequireDefault(require("./deprecated-components/Container"));var _FAB=_interopRequireDefault(require("./deprecated-components/FAB"));var _FieldSearchBarFull=_interopRequireDefault(require("./deprecated-components/FieldSearchBarFull"));var _Layout2=require("./deprecated-components/Layout");var _ToggleButton=_interopRequireDefault(require("./deprecated-components/ToggleButton"));var _ProgressBar=_interopRequireDefault(require("./deprecated-components/ProgressBar"));var _ProgressCircle=_interopRequireDefault(require("./deprecated-components/ProgressCircle"));var _RadioButtonFieldGroup=_interopRequireDefault(require("./deprecated-components/RadioButtonFieldGroup"));var _RowBodyIcon=_interopRequireDefault(require("./deprecated-components/RowBodyIcon"));var _RowHeadlineImageCaption=_interopRequireDefault(require("./deprecated-components/RowHeadlineImageCaption"));var _RowHeadlineImageIcon=_interopRequireDefault(require("./deprecated-components/RowHeadlineImageIcon"));var _useAuthState=require("./components/useAuthState");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 _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AccordionGroup",{enumerable:true,get:function get(){return _AccordionGroup.default;}});Object.defineProperty(exports,"AccordionItem",{enumerable:true,get:function get(){return _AccordionItem.default;}});Object.defineProperty(exports,"ActionSheet",{enumerable:true,get:function get(){return _ActionSheet.ActionSheet;}});Object.defineProperty(exports,"ActionSheetCancel",{enumerable:true,get:function get(){return _ActionSheet.ActionSheetCancel;}});Object.defineProperty(exports,"ActionSheetItem",{enumerable:true,get:function get(){return _ActionSheet.ActionSheetItem;}});Object.defineProperty(exports,"AspectRatio",{enumerable:true,get:function get(){return _Layout.AspectRatio;}});Object.defineProperty(exports,"AudioPlayer",{enumerable:true,get:function get(){return _AudioPlayer.default;}});Object.defineProperty(exports,"AudioPlayerRef",{enumerable:true,get:function get(){return _AudioPlayer.AudioPlayerRef;}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _CircleImage.default;}});Object.defineProperty(exports,"AvatarEdit",{enumerable:true,get:function get(){return _AvatarEdit.default;}});Object.defineProperty(exports,"Banner",{enumerable:true,get:function get(){return _Banner.default;}});Object.defineProperty(exports,"BottomSheet",{enumerable:true,get:function get(){return _BottomSheet.BottomSheet;}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button.Button;}});Object.defineProperty(exports,"ButtonOutline",{enumerable:true,get:function get(){return _Button.ButtonOutline;}});Object.defineProperty(exports,"ButtonSolid",{enumerable:true,get:function get(){return _Button.ButtonSolid;}});Object.defineProperty(exports,"Card",{enumerable:true,get:function get(){return _Card.default;}});Object.defineProperty(exports,"Center",{enumerable:true,get:function get(){return _Layout.Center;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox.Checkbox;}});Object.defineProperty(exports,"CheckboxGroup",{enumerable:true,get:function get(){return _CheckboxGroup.default;}});Object.defineProperty(exports,"CheckboxRow",{enumerable:true,get:function get(){return _Checkbox.CheckboxRow;}});Object.defineProperty(exports,"Circle",{enumerable:true,get:function get(){return _Layout.Circle;}});Object.defineProperty(exports,"CircleImage",{enumerable:true,get:function get(){return _CircleImage.default;}});Object.defineProperty(exports,"CircularProgress",{enumerable:true,get:function get(){return _CircularProgress.default;}});Object.defineProperty(exports,"Container",{enumerable:true,get:function get(){return _Container.default;}});Object.defineProperty(exports,"CustomPinInputCell",{enumerable:true,get:function get(){return _PinInput.CustomPinInputCell;}});Object.defineProperty(exports,"CustomPinInputText",{enumerable:true,get:function get(){return _PinInput.PinInputText;}});Object.defineProperty(exports,"DatePicker",{enumerable:true,get:function get(){return _DatePicker.default;}});Object.defineProperty(exports,"DeckSwiper",{enumerable:true,get:function get(){return _DeckSwiper.DeckSwiper;}});Object.defineProperty(exports,"DeckSwiperCard",{enumerable:true,get:function get(){return _DeckSwiper.DeckSwiperCard;}});Object.defineProperty(exports,"DefaultTheme",{enumerable:true,get:function get(){return _DefaultTheme.default;}});Object.defineProperty(exports,"DeprecatedCenter",{enumerable:true,get:function get(){return _Layout2.Center;}});Object.defineProperty(exports,"DeprecatedCircle",{enumerable:true,get:function get(){return _Layout2.Circle;}});Object.defineProperty(exports,"DeprecatedSquare",{enumerable:true,get:function get(){return _Layout2.Square;}});Object.defineProperty(exports,"Divider",{enumerable:true,get:function get(){return _Divider.default;}});Object.defineProperty(exports,"FAB",{enumerable:true,get:function get(){return _FAB.default;}});Object.defineProperty(exports,"FieldSearchBarFull",{enumerable:true,get:function get(){return _FieldSearchBarFull.default;}});Object.defineProperty(exports,"HStack",{enumerable:true,get:function get(){return _Layout.HStack;}});Object.defineProperty(exports,"IconButton",{enumerable:true,get:function get(){return _IconButton.default;}});Object.defineProperty(exports,"Image",{enumerable:true,get:function get(){return _Image.default;}});Object.defineProperty(exports,"LinearProgress",{enumerable:true,get:function get(){return _LinearProgress.default;}});Object.defineProperty(exports,"Link",{enumerable:true,get:function get(){return _Text.Link;}});Object.defineProperty(exports,"Markdown",{enumerable:true,get:function get(){return _Markdown.default;}});Object.defineProperty(exports,"NumberInput",{enumerable:true,get:function get(){return _NumberInput.default;}});Object.defineProperty(exports,"Picker",{enumerable:true,get:function get(){return _Picker.default;}});Object.defineProperty(exports,"PinInput",{enumerable:true,get:function get(){return _PinInput.PinInput;}});Object.defineProperty(exports,"Pressable",{enumerable:true,get:function get(){return _Pressable.default;}});Object.defineProperty(exports,"ProgressBar",{enumerable:true,get:function get(){return _ProgressBar.default;}});Object.defineProperty(exports,"ProgressCircle",{enumerable:true,get:function get(){return _ProgressCircle.default;}});Object.defineProperty(exports,"Provider",{enumerable:true,get:function get(){return _Provider.default;}});Object.defineProperty(exports,"RadioButton",{enumerable:true,get:function get(){return _index.RadioButton;}});Object.defineProperty(exports,"RadioButtonFieldGroup",{enumerable:true,get:function get(){return _RadioButtonFieldGroup.default;}});Object.defineProperty(exports,"RadioButtonGroup",{enumerable:true,get:function get(){return _index.RadioButtonGroup;}});Object.defineProperty(exports,"RadioButtonRow",{enumerable:true,get:function get(){return _index.RadioButtonRow;}});Object.defineProperty(exports,"Row",{enumerable:true,get:function get(){return _Layout2.Row;}});Object.defineProperty(exports,"RowBodyIcon",{enumerable:true,get:function get(){return _RowBodyIcon.default;}});Object.defineProperty(exports,"RowHeadlineImageCaption",{enumerable:true,get:function get(){return _RowHeadlineImageCaption.default;}});Object.defineProperty(exports,"RowHeadlineImageIcon",{enumerable:true,get:function get(){return _RowHeadlineImageIcon.default;}});Object.defineProperty(exports,"SVG",{enumerable:true,get:function get(){return _SVG.default;}});Object.defineProperty(exports,"ScreenContainer",{enumerable:true,get:function get(){return _ScreenContainer.default;}});Object.defineProperty(exports,"SectionHeader",{enumerable:true,get:function get(){return _SectionList.SectionHeader;}});Object.defineProperty(exports,"SectionList",{enumerable:true,get:function get(){return _SectionList.SectionList;}});Object.defineProperty(exports,"Shadow",{enumerable:true,get:function get(){return _Shadow.default;}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider.default;}});Object.defineProperty(exports,"Spacer",{enumerable:true,get:function get(){return _Layout.Spacer;}});Object.defineProperty(exports,"Square",{enumerable:true,get:function get(){return _Layout.Square;}});Object.defineProperty(exports,"Stack",{enumerable:true,get:function get(){return _Layout2.Stack;}});Object.defineProperty(exports,"StarRating",{enumerable:true,get:function get(){return _StarRating.default;}});Object.defineProperty(exports,"Stepper",{enumerable:true,get:function get(){return _Stepper.default;}});Object.defineProperty(exports,"Surface",{enumerable:true,get:function get(){return _Surface.default;}});Object.defineProperty(exports,"SwipeableItem",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableItem;}});Object.defineProperty(exports,"SwipeableItemButton",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableItemButton;}});Object.defineProperty(exports,"SwipeableList",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableList;}});Object.defineProperty(exports,"Swiper",{enumerable:true,get:function get(){return _Swiper.Swiper;}});Object.defineProperty(exports,"SwiperItem",{enumerable:true,get:function get(){return _Swiper.SwiperItem;}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function get(){return _Switch.default;}});Object.defineProperty(exports,"SwitchRow",{enumerable:true,get:function get(){return _Switch.SwitchRow;}});Object.defineProperty(exports,"TabView",{enumerable:true,get:function get(){return _TabView.TabView;}});Object.defineProperty(exports,"TabViewItem",{enumerable:true,get:function get(){return _TabView.TabViewItem;}});Object.defineProperty(exports,"Table",{enumerable:true,get:function get(){return _Table.Table;}});Object.defineProperty(exports,"TableCell",{enumerable:true,get:function get(){return _Table.TableCell;}});Object.defineProperty(exports,"TableRow",{enumerable:true,get:function get(){return _Table.TableRow;}});Object.defineProperty(exports,"TextField",{enumerable:true,get:function get(){return _TextField.default;}});Object.defineProperty(exports,"TextInput",{enumerable:true,get:function get(){return _TextInput.default;}});Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _theming.ThemeProvider;}});Object.defineProperty(exports,"ToggleButton",{enumerable:true,get:function get(){return _ToggleButton.default;}});Object.defineProperty(exports,"Touchable",{enumerable:true,get:function get(){return _Touchable.default;}});Object.defineProperty(exports,"VStack",{enumerable:true,get:function get(){return _Layout.VStack;}});Object.defineProperty(exports,"VideoPlayer",{enumerable:true,get:function get(){return _VideoPlayer.default;}});Object.defineProperty(exports,"VideoPlayerRef",{enumerable:true,get:function get(){return _VideoPlayer.VideoPlayerRef;}});Object.defineProperty(exports,"YoutubePlayer",{enumerable:true,get:function get(){return _YoutubePlayer.YoutubePlayer;}});Object.defineProperty(exports,"ZStack",{enumerable:true,get:function get(){return _Layout.ZStack;}});Object.defineProperty(exports,"flattenReactFragments",{enumerable:true,get:function get(){return _utilities.flattenReactFragments;}});Object.defineProperty(exports,"injectIcon",{enumerable:true,get:function get(){return _Icon.injectIcon;}});Object.defineProperty(exports,"useAuthState",{enumerable:true,get:function get(){return _useAuthState.useAuthState;}});Object.defineProperty(exports,"withTheme",{enumerable:true,get:function get(){return _theming.withTheme;}});var _utilities=require("./utilities");var _Icon=require("./interfaces/Icon");var _theming=require("./theming");var _Provider=_interopRequireDefault(require("./Provider"));var _DefaultTheme=_interopRequireDefault(require("./styles/DefaultTheme"));var _Text=require("./components/Text");var _Button=require("./components/Button");var _Checkbox=require("./components/Checkbox");var _Divider=_interopRequireDefault(require("./components/Divider"));var _IconButton=_interopRequireDefault(require("./components/IconButton"));var _Image=_interopRequireDefault(require("./components/Image"));var _SVG=_interopRequireDefault(require("./components/SVG"));var _NumberInput=_interopRequireDefault(require("./components/NumberInput"));var _ScreenContainer=_interopRequireDefault(require("./components/ScreenContainer"));var _StarRating=_interopRequireDefault(require("./components/StarRating"));var _Surface=_interopRequireDefault(require("./components/Surface"));var _Switch=_interopRequireWildcard(require("./components/Switch"));var _TextField=_interopRequireDefault(require("./components/TextField"));var _Touchable=_interopRequireDefault(require("./components/Touchable"));var _Pressable=_interopRequireDefault(require("./components/Pressable"));var _AccordionGroup=_interopRequireDefault(require("./components/AccordionGroup"));var _ActionSheet=require("./components/ActionSheet");var _Swiper=require("./components/Swiper");var _index=require("./components/RadioButton/index");var _Shadow=_interopRequireDefault(require("./components/Shadow"));var _DeckSwiper=require("./components/DeckSwiper");var _TabView=require("./components/TabView");var _Markdown=_interopRequireDefault(require("./components/Markdown"));var _BottomSheet=require("./components/BottomSheet");var _YoutubePlayer=require("./components/YoutubePlayer");var _Table=require("./components/Table");var _SwipeableItem=require("./components/SwipeableItem");var _AudioPlayer=_interopRequireWildcard(require("./components/MediaPlayer/AudioPlayer"));var _DatePicker=_interopRequireDefault(require("./components/DatePicker/DatePicker"));var _Picker=_interopRequireDefault(require("./components/Picker/Picker"));var _Slider=_interopRequireDefault(require("./components/Slider"));var _Stepper=_interopRequireDefault(require("./components/Stepper"));var _SectionList=require("./components/SectionList");var _LinearProgress=_interopRequireDefault(require("./components/Progress/LinearProgress"));var _CircularProgress=_interopRequireDefault(require("./components/Progress/CircularProgress"));var _TextInput=_interopRequireDefault(require("./components/TextInput"));var _VideoPlayer=_interopRequireWildcard(require("./components/MediaPlayer/VideoPlayer"));var _PinInput=require("./components/PinInput");var _Layout=require("./components/Layout");var _AccordionItem=_interopRequireDefault(require("./deprecated-components/AccordionItem"));var _AvatarEdit=_interopRequireDefault(require("./deprecated-components/AvatarEdit"));var _CircleImage=_interopRequireDefault(require("./deprecated-components/CircleImage"));var _Banner=_interopRequireDefault(require("./deprecated-components/Banner"));var _Card=_interopRequireDefault(require("./deprecated-components/Card"));var _CheckboxGroup=_interopRequireDefault(require("./deprecated-components/CheckboxGroup"));var _Container=_interopRequireDefault(require("./deprecated-components/Container"));var _FAB=_interopRequireDefault(require("./deprecated-components/FAB"));var _FieldSearchBarFull=_interopRequireDefault(require("./deprecated-components/FieldSearchBarFull"));var _Layout2=require("./deprecated-components/Layout");var _ToggleButton=_interopRequireDefault(require("./deprecated-components/ToggleButton"));var _ProgressBar=_interopRequireDefault(require("./deprecated-components/ProgressBar"));var _ProgressCircle=_interopRequireDefault(require("./deprecated-components/ProgressCircle"));var _RadioButtonFieldGroup=_interopRequireDefault(require("./deprecated-components/RadioButtonFieldGroup"));var _RowBodyIcon=_interopRequireDefault(require("./deprecated-components/RowBodyIcon"));var _RowHeadlineImageCaption=_interopRequireDefault(require("./deprecated-components/RowHeadlineImageCaption"));var _RowHeadlineImageIcon=_interopRequireDefault(require("./deprecated-components/RowHeadlineImageIcon"));var _useAuthState=require("./components/useAuthState");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;}

package/lib/commonjs/utilities.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.applyStyles=applyStyles;exports.effectsStyleNames=exports.borderStyleNames=void 0;exports.extractBorderAndMarginStyles=extractBorderAndMarginStyles;exports.extractEffectStyles=extractEffectStyles;exports.extractFlexItemStyles=extractFlexItemStyles;exports.extractPositionStyles=extractPositionStyles;exports.extractSizeStyles=extractSizeStyles;exports.extractStyles=extractStyles;exports.flattenReactFragments=flattenReactFragments;exports.flexItemStyleNames=void 0;exports.getValueForRadioButton=getValueForRadioButton;exports.sizeStyleNames=exports.positionStyleNames=exports.marginStyleNames=void 0;exports.useDeepCompareEffect=useDeepCompareEffect;exports.useDeepCompareMemo=useDeepCompareMemo;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _lodash=require("lodash");var _excluded=["color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle"];function extractStyles(style){var _StyleSheet$flatten=_reactNative.StyleSheet.flatten(style||{}),color=_StyleSheet$flatten.color,fontFamily=_StyleSheet$flatten.fontFamily,fontWeight=_StyleSheet$flatten.fontWeight,fontSize=_StyleSheet$flatten.fontSize,lineHeight=_StyleSheet$flatten.lineHeight,letterSpacing=_StyleSheet$flatten.letterSpacing,textTransform=_StyleSheet$flatten.textTransform,textAlign=_StyleSheet$flatten.textAlign,textDecorationLine=_StyleSheet$flatten.textDecorationLine,textDecorationColor=_StyleSheet$flatten.textDecorationColor,textDecorationStyle=_StyleSheet$flatten.textDecorationStyle,viewStyles=(0,_objectWithoutProperties2.default)(_StyleSheet$flatten,_excluded);var textStyles={color:color,fontFamily:fontFamily,fontWeight:fontWeight,fontSize:fontSize,lineHeight:lineHeight,letterSpacing:letterSpacing,textTransform:textTransform,textAlign:textAlign,textDecorationLine:textDecorationLine,textDecorationColor:textDecorationColor,textDecorationStyle:textDecorationStyle};for(var key in textStyles){var styleKey=key;if(textStyles[styleKey]===undefined){delete textStyles[styleKey];}}return{viewStyles:viewStyles,textStyles:textStyles};}var borderStyleNames=["borderRadius","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth"];exports.borderStyleNames=borderStyleNames;var marginStyleNames=["margin","marginBottom","marginEnd","marginHorizontal","marginLeft","marginRight","marginStart","marginTop","marginVertical"];exports.marginStyleNames=marginStyleNames;function extractBorderAndMarginStyles(style,additionalBorderStyles,additionalMarginStyles){var flatStyle=_reactNative.StyleSheet.flatten(style||{});var borderStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(borderStyleNames,(0,_toConsumableArray2.default)(additionalBorderStyles?additionalBorderStyles:[]))),_lodash.identity);var marginStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(marginStyleNames,(0,_toConsumableArray2.default)(additionalMarginStyles?additionalMarginStyles:[]))),_lodash.identity);return{borderStyles:borderStyles,marginStyles:marginStyles};}var flexItemStyleNames=["alignSelf","flexBasis","flexShrink","flexGrow","flex"];exports.flexItemStyleNames=flexItemStyleNames;function extractFlexItemStyles(style,additionalFlexItemStyles){var flatStyle=_reactNative.StyleSheet.flatten(style||{});var flexItemStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(flexItemStyleNames,(0,_toConsumableArray2.default)(additionalFlexItemStyles?additionalFlexItemStyles:[]))),_lodash.identity);return flexItemStyles;}var positionStyleNames=["position","left","right","top","bottom","zIndex","overflow"];exports.positionStyleNames=positionStyleNames;function extractPositionStyles(style,additionalPositionStyles){var flatStyle=_reactNative.StyleSheet.flatten(style||{});var positionStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(positionStyleNames,(0,_toConsumableArray2.default)(additionalPositionStyles?additionalPositionStyles:[]))),_lodash.identity);return positionStyles;}var effectsStyleNames=["opacity","elevation"];exports.effectsStyleNames=effectsStyleNames;function extractEffectStyles(style,additionalEffectStyles){var flatStyle=_reactNative.StyleSheet.flatten(style||{});var effectStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(effectsStyleNames,(0,_toConsumableArray2.default)(additionalEffectStyles?additionalEffectStyles:[]))),_lodash.identity);return effectStyles;}var sizeStyleNames=["width","height","minWidth","minHeight"];exports.sizeStyleNames=sizeStyleNames;function extractSizeStyles(style,additionalSizeStyles){var flatStyle=_reactNative.StyleSheet.flatten(style||{});var sizeStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(sizeStyleNames,(0,_toConsumableArray2.default)(additionalSizeStyles?additionalSizeStyles:[]))),_lodash.identity);return sizeStyles;}function applyStyles(baseStyles,stylesToApply){if(!stylesToApply){return;}var flattenedStyles=_reactNative.StyleSheet.flatten(baseStyles);for(var _ref of Object.entries(stylesToApply)){var _ref2=(0,_slicedToArray2.default)(_ref,2);var key=_ref2[0];var value=_ref2[1];if(value!=null){flattenedStyles[key]=value;}}return flattenedStyles;}function getValueForRadioButton(value){if((0,_lodash.isString)(value)){return value;}else if((0,_lodash.isNumber)(value)){return String(value);}else{throw new Error("Invalid value: "+value);}}function flattenReactFragments(components){var flattened=[];for(var component of components){if(component.type===_react.default.Fragment){var _component$props;var children=_react.default.Children.toArray((_component$props=component.props)==null?void 0:_component$props.children);for(var child of children){flattened.push.apply(flattened,(0,_toConsumableArray2.default)(flattenReactFragments([child])));}}else{flattened.push(component);}}return flattened;}function useDeepCompareMemoize(value){var ref=_react.default.useRef();if(!(0,_lodash.isEqual)(value,ref.current)){ref.current=value;}return ref.current;}function useDeepCompareMemo(factory,deps){return _react.default.useMemo(factory,deps==null?void 0:deps.map(useDeepCompareMemoize));}function useDeepCompareEffect(effect,deps){return _react.default.useEffect(effect,deps==null?void 0:deps.map(useDeepCompareMemoize));}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.applyStyles=applyStyles;exports.effectsStyleNames=exports.borderStyleNames=void 0;exports.extractBorderAndMarginStyles=extractBorderAndMarginStyles;exports.extractEffectStyles=extractEffectStyles;exports.extractFlexItemStyles=extractFlexItemStyles;exports.extractPositionStyles=extractPositionStyles;exports.extractSizeStyles=extractSizeStyles;exports.extractStyles=extractStyles;exports.flattenReactFragments=flattenReactFragments;exports.flexItemStyleNames=void 0;exports.getValueForRadioButton=getValueForRadioButton;exports.sizeStyleNames=exports.positionStyleNames=exports.marginStyleNames=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _lodash=require("lodash");var _excluded=["color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle"];function extractStyles(style){var _StyleSheet$flatten=_reactNative.StyleSheet.flatten(style||{}),color=_StyleSheet$flatten.color,fontFamily=_StyleSheet$flatten.fontFamily,fontWeight=_StyleSheet$flatten.fontWeight,fontSize=_StyleSheet$flatten.fontSize,lineHeight=_StyleSheet$flatten.lineHeight,letterSpacing=_StyleSheet$flatten.letterSpacing,textTransform=_StyleSheet$flatten.textTransform,textAlign=_StyleSheet$flatten.textAlign,textDecorationLine=_StyleSheet$flatten.textDecorationLine,textDecorationColor=_StyleSheet$flatten.textDecorationColor,textDecorationStyle=_StyleSheet$flatten.textDecorationStyle,viewStyles=(0,_objectWithoutProperties2.default)(_StyleSheet$flatten,_excluded);var textStyles={color:color,fontFamily:fontFamily,fontWeight:fontWeight,fontSize:fontSize,lineHeight:lineHeight,letterSpacing:letterSpacing,textTransform:textTransform,textAlign:textAlign,textDecorationLine:textDecorationLine,textDecorationColor:textDecorationColor,textDecorationStyle:textDecorationStyle};for(var key in textStyles){var styleKey=key;if(textStyles[styleKey]===undefined){delete textStyles[styleKey];}}return{viewStyles:viewStyles,textStyles:textStyles};}var borderStyleNames=["borderRadius","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth"];exports.borderStyleNames=borderStyleNames;var marginStyleNames=["margin","marginBottom","marginEnd","marginHorizontal","marginLeft","marginRight","marginStart","marginTop","marginVertical"];exports.marginStyleNames=marginStyleNames;function extractBorderAndMarginStyles(style,additionalBorderStyles,additionalMarginStyles){var flatStyle=_reactNative.StyleSheet.flatten(style||{});var borderStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(borderStyleNames,(0,_toConsumableArray2.default)(additionalBorderStyles?additionalBorderStyles:[]))),_lodash.identity);var marginStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(marginStyleNames,(0,_toConsumableArray2.default)(additionalMarginStyles?additionalMarginStyles:[]))),_lodash.identity);return{borderStyles:borderStyles,marginStyles:marginStyles};}var flexItemStyleNames=["alignSelf","flexBasis","flexShrink","flexGrow","flex"];exports.flexItemStyleNames=flexItemStyleNames;function extractFlexItemStyles(style,additionalFlexItemStyles){var flatStyle=_reactNative.StyleSheet.flatten(style||{});var flexItemStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(flexItemStyleNames,(0,_toConsumableArray2.default)(additionalFlexItemStyles?additionalFlexItemStyles:[]))),_lodash.identity);return flexItemStyles;}var positionStyleNames=["position","left","right","top","bottom","zIndex","overflow"];exports.positionStyleNames=positionStyleNames;function extractPositionStyles(style,additionalPositionStyles){var flatStyle=_reactNative.StyleSheet.flatten(style||{});var positionStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(positionStyleNames,(0,_toConsumableArray2.default)(additionalPositionStyles?additionalPositionStyles:[]))),_lodash.identity);return positionStyles;}var effectsStyleNames=["opacity","elevation"];exports.effectsStyleNames=effectsStyleNames;function extractEffectStyles(style,additionalEffectStyles){var flatStyle=_reactNative.StyleSheet.flatten(style||{});var effectStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(effectsStyleNames,(0,_toConsumableArray2.default)(additionalEffectStyles?additionalEffectStyles:[]))),_lodash.identity);return effectStyles;}var sizeStyleNames=["width","height","minWidth","minHeight"];exports.sizeStyleNames=sizeStyleNames;function extractSizeStyles(style,additionalSizeStyles){var flatStyle=_reactNative.StyleSheet.flatten(style||{});var sizeStyles=(0,_lodash.pickBy)((0,_lodash.pick)(flatStyle,[].concat(sizeStyleNames,(0,_toConsumableArray2.default)(additionalSizeStyles?additionalSizeStyles:[]))),_lodash.identity);return sizeStyles;}function applyStyles(baseStyles,stylesToApply){if(!stylesToApply){return;}var flattenedStyles=_reactNative.StyleSheet.flatten(baseStyles);for(var _ref of Object.entries(stylesToApply)){var _ref2=(0,_slicedToArray2.default)(_ref,2);var key=_ref2[0];var value=_ref2[1];if(value!=null){flattenedStyles[key]=value;}}return flattenedStyles;}function getValueForRadioButton(value){if((0,_lodash.isString)(value)){return value;}else if((0,_lodash.isNumber)(value)){return String(value);}else{throw new Error("Invalid value: "+value);}}function flattenReactFragments(components){var flattened=[];for(var component of components){if(component.type===_react.default.Fragment){var _component$props;var children=_react.default.Children.toArray((_component$props=component.props)==null?void 0:_component$props.children);for(var child of children){flattened.push.apply(flattened,(0,_toConsumableArray2.default)(flattenReactFragments([child])));}}else{flattened.push(component);}}return flattened;}

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

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { ViewStyle, StyleProp } from "react-native";
+import type { Theme } from "../../styles/DefaultTheme";
+import type { IconSlot } from "../../interfaces/Icon";
+export interface PickerOption {
+    value: string;
+    label: string;
+}
+export declare type PickerProps = {
+    error?: any;
+    placeholder?: string;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle> & {
+        height?: number;
+    };
+    value?: string;
+    options: PickerOption[] | string[];
+    onValueChange: (value: string, index: number) => void;
+    defaultValue?: string;
+    assistiveText?: string;
+    label?: string;
+    iconColor?: string;
+    iconSize?: number;
+    leftIconMode?: "inset" | "outset";
+    leftIconName?: string;
+    placeholderTextColor?: string;
+    rightIconName?: string;
+    type?: "solid" | "underline";
+    autoDismissKeyboard?: boolean;
+    theme: Theme;
+    Icon: IconSlot["Icon"];
+};
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<PickerProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<PickerProps> & React.FC<PickerProps>, {}>;
+export default _default;

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

@@ -0,0 +1,288 @@
+import * as React from "react";
+import { View, StyleSheet, Text, Platform, Dimensions, Keyboard, } from "react-native";
+import { omit, pickBy, identity, isObject } from "lodash";
+import { SafeAreaView } from "react-native-safe-area-context";
+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 Touchable from "../Touchable";
+import { extractStyles, extractBorderAndMarginStyles, borderStyleNames, marginStyleNames, } from "../../utilities";
+function normalizeOptions(options) {
+    if (options.length === 0) {
+        return [];
+    }
+    if (typeof options[0] === ("string" || "number")) {
+        return options.map((option) => ({
+            label: String(option),
+            value: String(option),
+        }));
+    }
+    if (isObject(options[0]) &&
+        options[0].value !== null &&
+        options[0].label !== null) {
+        return options.map((option) => {
+            return {
+                label: String(option.label),
+                value: String(option.value),
+            };
+        });
+    }
+    throw new Error('Picker options must be either an array of strings or array of { "label": string; "value": string; } objects.');
+}
+const { width: deviceWidth, height: deviceHeight } = Dimensions.get("screen");
+const isIos = Platform.OS === "ios";
+const isWeb = Platform.OS === "web";
+const unstyledColor = "rgba(165, 173, 183, 1)";
+const disabledColor = "rgb(240, 240, 240)";
+const errorColor = "rgba(255, 69, 100, 1)";
+//Empty string for 'value' is treated as a non-value
+//reason: Draftbit uses empty string as initial value for string state*/
+const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder, value, disabled = false, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", autoDismissKeyboard = true, }) => {
+    var _a, _b;
+    const androidPickerRef = React.useRef(undefined);
+    const [internalValue, setInternalValue] = React.useState(value || defaultValue);
+    const [pickerVisible, setPickerVisible] = React.useState(false);
+    const togglePickerVisible = () => {
+        setPickerVisible(!pickerVisible);
+    };
+    React.useEffect(() => {
+        if (value != null && value !== "") {
+            setInternalValue(value);
+        }
+        else if (value === "") {
+            setInternalValue(undefined);
+        }
+    }, [value]);
+    React.useEffect(() => {
+        if (defaultValue != null && defaultValue !== "") {
+            setInternalValue(defaultValue);
+        }
+    }, [defaultValue]);
+    React.useEffect(() => {
+        var _a;
+        if (pickerVisible && androidPickerRef.current) {
+            (_a = androidPickerRef === null || androidPickerRef === void 0 ? void 0 : androidPickerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [pickerVisible, androidPickerRef]);
+    React.useEffect(() => {
+        if (pickerVisible && autoDismissKeyboard) {
+            Keyboard.dismiss();
+        }
+    }, [pickerVisible, autoDismissKeyboard]);
+    const normalizedOptions = React.useMemo(() => normalizeOptions(options), [options]);
+    //Underlying Picker component defaults selection to first element when value is not provided (or undefined)
+    //Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
+    const pickerOptions = React.useMemo(() => placeholder
+        ? [{ label: placeholder, value: placeholder }, ...normalizedOptions]
+        : normalizedOptions, [placeholder, normalizedOptions]);
+    //When no placeholder is provided then first item should be marked selected to reflect underlying Picker internal state
+    if (!placeholder &&
+        pickerOptions.length &&
+        !internalValue &&
+        internalValue !== pickerOptions[0].value //Prevent infinite state changes incase first value is falsy
+    ) {
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(pickerOptions[0].value, 0);
+        setInternalValue(pickerOptions[0].value);
+    }
+    const { viewStyles, textStyles } = extractStyles(style);
+    const additionalBorderStyles = ["backgroundColor"];
+    const additionalMarginStyles = [
+        "bottom",
+        "height",
+        "left",
+        "maxHeight",
+        "maxWidth",
+        "minHeight",
+        "minWidth",
+        "overflow",
+        "position",
+        "right",
+        "top",
+        "width",
+        "zIndex",
+    ];
+    const { borderStyles: extractedBorderStyles, marginStyles: extractedMarginStyles, } = extractBorderAndMarginStyles(viewStyles, additionalBorderStyles, additionalMarginStyles);
+    const borderStyles = {
+        ...{
+            ...(type === "solid"
+                ? {
+                    borderTopLeftRadius: 5,
+                    borderTopRightRadius: 5,
+                    borderBottomRightRadius: 5,
+                    borderBottomLeftRadius: 5,
+                    borderTopWidth: 1,
+                    borderRightWidth: 1,
+                    borderLeftWidth: 1,
+                }
+                : {}),
+            borderBottomWidth: 1,
+            borderColor: unstyledColor,
+            borderStyle: "solid",
+        },
+        ...extractedBorderStyles,
+        ...(error ? { borderColor: errorColor } : {}),
+        ...(disabled
+            ? { borderColor: "transparent", backgroundColor: disabledColor }
+            : {}),
+    };
+    const marginStyles = {
+        height: 60,
+        ...extractedMarginStyles,
+    };
+    const stylesWithoutBordersAndMargins = omit(viewStyles, [
+        ...borderStyleNames,
+        ...marginStyleNames,
+        ...additionalBorderStyles,
+        ...additionalMarginStyles,
+    ]);
+    const selectedLabel = internalValue &&
+        ((_b = (_a = pickerOptions.find((option) => option.value === internalValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : internalValue);
+    const labelText = label ? (React.createElement(Text, { style: {
+            textAlign: textStyles.textAlign,
+            color: unstyledColor,
+            fontSize: 12,
+            paddingBottom: 4,
+        } }, label)) : null;
+    const leftIconOutset = leftIconMode === "outset";
+    const leftIcon = leftIconName ? (React.createElement(Icon, { name: leftIconName, color: disabled ? unstyledColor : iconColor, size: iconSize, style: {
+            marginRight: 4,
+            marginLeft: 4,
+        } })) : null;
+    const rightIcon = rightIconName ? (React.createElement(Icon, { name: rightIconName, color: disabled ? unstyledColor : iconColor, size: iconSize, style: {
+            marginRight: -10,
+            marginLeft: 8,
+        } })) : null;
+    const textAlign = textStyles === null || textStyles === void 0 ? void 0 : textStyles.textAlign;
+    const calculateLeftPadding = () => {
+        if (leftIconOutset) {
+            if (textAlign === "center") {
+                return iconSize - Math.abs(8 - iconSize);
+            }
+            return iconSize + 8;
+        }
+        return 0;
+    };
+    const assistiveTextLabel = assistiveText ? (React.createElement(Text, { style: {
+            textAlign,
+            width: "100%",
+            paddingLeft: calculateLeftPadding(),
+            color: unstyledColor,
+            fontSize: 12,
+            paddingTop: 4,
+        } }, assistiveText)) : null;
+    const primaryTextStyle = {
+        color: unstyledColor,
+        fontSize: 14,
+        ...pickBy(textStyles, identity),
+        ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),
+        ...(disabled ? { color: unstyledColor } : {}),
+    };
+    const handleValueChange = (newValue, itemIndex) => {
+        if (newValue !== "" && newValue !== placeholder) {
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue, itemIndex);
+            setInternalValue(newValue);
+        }
+        else if (newValue === placeholder) {
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange("", 0);
+            setInternalValue(undefined);
+        }
+    };
+    return (
+    /* marginsContainer */
+    React.createElement(View, { style: [styles.marginsContainer, marginStyles] },
+        React.createElement(Touchable, { disabled: disabled, onPress: togglePickerVisible, style: styles.touchableContainer },
+            React.createElement(View, { pointerEvents: "none", style: [
+                    styles.outsetContainer,
+                    stylesWithoutBordersAndMargins,
+                    !leftIconOutset ? borderStyles : {},
+                ] },
+                leftIcon,
+                React.createElement(View, { style: [
+                        styles.insetContainer,
+                        leftIconOutset ? borderStyles : {},
+                    ] },
+                    React.createElement(View, { style: styles.primaryTextContainer },
+                        labelText,
+                        React.createElement(Text, { style: primaryTextStyle }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))),
+                    rightIcon)),
+            assistiveTextLabel),
+        isIos && pickerVisible ? (React.createElement(Portal, null,
+            React.createElement(SafeAreaView, { style: styles.iosPicker },
+                React.createElement(View, { style: styles.iosPickerContent },
+                    React.createElement(Button, { Icon: Icon, type: "text", onPress: togglePickerVisible, style: styles.iosButton }, "Close"),
+                    React.createElement(NativePicker, { style: styles.iosNativePicker, selectedValue: internalValue, onValueChange: handleValueChange }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value })))))))) : null,
+        !isIos && (pickerVisible || isWeb) ? (React.createElement(NativePicker, { enabled: !disabled, selectedValue: internalValue, onValueChange: handleValueChange, style: styles.nonIosPicker, ref: androidPickerRef, onBlur: () => setPickerVisible(false) }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value }))))) : null));
+};
+const styles = StyleSheet.create({
+    marginsContainer: {
+        alignSelf: "stretch",
+        alignItems: "center",
+        width: "100%",
+        maxWidth: deviceWidth,
+    },
+    touchableContainer: {
+        flex: 1,
+        height: "100%",
+        width: "100%",
+        alignSelf: "stretch",
+        alignItems: "center",
+    },
+    outsetContainer: {
+        flex: 1,
+        height: "100%",
+        width: "100%",
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+    },
+    insetContainer: {
+        flex: 1,
+        height: "100%",
+        width: "100%",
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        paddingLeft: 12,
+        paddingRight: 12,
+    },
+    primaryTextContainer: {
+        flex: 1,
+    },
+    iosPicker: {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
+        flexDirection: "row",
+        justifyContent: "center",
+        width: "100%",
+        maxWidth: deviceWidth,
+        maxHeight: deviceHeight,
+        backgroundColor: "white",
+    },
+    iosPickerContent: {
+        flexDirection: "column",
+        width: "100%",
+        maxWidth: deviceWidth,
+    },
+    iosButton: {
+        alignSelf: "flex-end",
+    },
+    iosNativePicker: {
+        backgroundColor: "white",
+    },
+    nonIosPicker: {
+        opacity: 0,
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        width: "100%",
+        maxWidth: deviceWidth,
+        maxHeight: deviceHeight,
+    },
+});
+export default withTheme(Picker);
+//# sourceMappingURL=Picker.js.map