npm - @reillymc/react-native-components - Versions diffs - 0.11.2 → 0.11.4 - Mend

@reillymc/react-native-components 0.11.2 → 0.11.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (295) hide show

package/README.md CHANGED Viewed

@@ -11,7 +11,7 @@ npm install @reillymc/react-native-components
 ## Usage
 ```js
-import { Button } from "@reillymc/react-native-components";
+import { Button } from "@reillymc/react-native-components/components";
 ```
 ## Contributing

package/lib/common/index.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export{MAX_FONT_SIZE_MULTIPLIER}from"./typography";

package/lib/common/typography.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export var MAX_FONT_SIZE_MULTIPLIER=1.2;

package/lib/components/action/Action.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export var defaultActionStyles=({color})=>({label:{color:{primary:{enabled:color.primary,pressed:color.primaryLight,disabled:color.primaryLight},secondary:{enabled:color.secondary,pressed:color.secondaryHighlight,disabled:color.secondaryHighlight},destructive:{enabled:color.destructive,pressed:color.destructiveHighlight,disabled:color.destructiveHighlight}}}});

package/lib/components/action/IconAction.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/action/IconAction.tsx";import{~~useStyles~~}from"~~../../hooks~~";import{~~withIcon~~}from"~~../icon~~";import{IconActionBase}from"./IconActionBase";import{jsx as _jsx}from"react/jsx-runtime";export var IconAction=~~withIcon~~(({variant=~~"secondary"~~,style~~,...~~props}~~)=>{~~var ~~_useStyles~~=~~useStyles~~({iconAction:style}),iconAction=_useStyles.iconAction;~~return~~ ~~_jsx(IconActionBase,{...props,style:{icon:{color:~~iconAction.icon.color[variant]~~},text:~~{color:iconAction.text.color[variant]}}});});
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/action/IconAction.tsx";var _excluded=["variant","style"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useStyles}from"../../hooks";import{IconActionBase}from"./IconActionBase";import{jsx as _jsx}from"react/jsx-runtime";export var IconAction=t0=>{var $=_c(16);var props;var style;var t1;if($[0]!==t0){t1=t0.variant;style=t0.style;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=props;$[2]=style;$[3]=t1;}else{props=$[1];style=$[2];t1=$[3];}var variant=t1===undefined?"secondary":t1;var t2;if($[4]!==style){t2={iconAction:style};$[4]=style;$[5]=t2;}else{t2=$[5];}var _useStyles=useStyles(t2),iconAction=_useStyles.iconAction;var t3=iconAction.icon.color[variant];var t4;if($[6]!==t3){t4={color:t3};$[6]=t3;$[7]=t4;}else{t4=$[7];}var t5=iconAction.text.color[variant];var t6;if($[8]!==t5){t6={color:t5};$[8]=t5;$[9]=t6;}else{t6=$[9];}var t7;if($[10]!==t4\|\|$[11]!==t6){t7={icon:t4,text:t6};$[10]=t4;$[11]=t6;$[12]=t7;}else{t7=$[12];}var t8;if($[13]!==props\|\|$[14]!==t7){t8=_jsx(IconActionBase,{...props,style:t7});$[13]=props;$[14]=t7;$[15]=t8;}else{t8=$[15];}return t8;};

package/lib/components/action/IconAction.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{defaultActionStyles}from"./Action.styles";export var defaultIconActionStyles=theme=>{var action=defaultActionStyles(theme);return{icon:action.label,text:action.label};};

package/lib/components/action/IconActionBase.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/action/IconActionBase.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{StyleSheet,View}from"react-native";import{useThemedStyles}from"../../hooks";import{InteractiveIcon~~,withIcon~~}from"../icon";import{InteractiveText}from"../text";import{ActionBase}from"./ActionBase";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var IconActionBase=~~withIcon~~(({label,iconPosition=~~"left",~~disabled~~:disabledProp,~~containerStyle,style~~:styleOverrides~~,onPress~~,...~~iconProps}~~)=>{~~var disabled=disabledProp\|\|!onPress;var ~~_useThemedStyles=useThemedStyles~~(~~"iconActionBase",createStyles,~~{~~styles:~~{iconActionBase:styleOverrides},props:{~~iconPosition~~}}),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],~~style~~=_useThemedStyles2[1].style;~~return~~ ~~_jsx~~(~~ActionBase,~~{~~disabled:disabled,containerStyle:containerStyle,onPress:onPress,children:~~pressableState=>_jsxs(View,{style:styles.container,children:[_jsx(InteractiveIcon,{disabled:disabled,style:style.icon,...iconProps,...pressableState}),!!label&&_jsx(InteractiveText,{disabled:disabled,style:style.text,...pressableState,children:label})]})});});var createStyles=({styles:{iconActionBase}},{iconPosition="~~right~~"})=>StyleSheet.create({container:{display:"flex",flexDirection:iconPosition==="~~left~~"?"row":"row-reverse",alignItems:"center",gap:iconActionBase.gap}});
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/action/IconActionBase.tsx";var _excluded=["label","iconPosition","disabled","containerStyle","style","onPress"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{useThemedStyles}from"../../hooks";import{InteractiveIcon}from"../icon";import{InteractiveText}from"../text";import{ActionBase}from"./ActionBase";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var IconActionBase=t0=>{var $=_c(27);var containerStyle;var disabledProp;var iconProps;var label;var onPress;var styleOverrides;var t1;if($[0]!==t0){label=t0.label;t1=t0.iconPosition;disabledProp=t0.disabled;containerStyle=t0.containerStyle;styleOverrides=t0.style;onPress=t0.onPress;iconProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=containerStyle;$[2]=disabledProp;$[3]=iconProps;$[4]=label;$[5]=onPress;$[6]=styleOverrides;$[7]=t1;}else{containerStyle=$[1];disabledProp=$[2];iconProps=$[3];label=$[4];onPress=$[5];styleOverrides=$[6];t1=$[7];}var iconPosition=t1===undefined?"start":t1;var disabled=disabledProp\|\|!onPress;var t2;if($[8]!==styleOverrides){t2={iconActionBase:styleOverrides};$[8]=styleOverrides;$[9]=t2;}else{t2=$[9];}var t3;if($[10]!==iconPosition){t3={iconPosition};$[10]=iconPosition;$[11]=t3;}else{t3=$[11];}var t4;if($[12]!==t2\|\|$[13]!==t3){t4={styles:t2,props:t3};$[12]=t2;$[13]=t3;$[14]=t4;}else{t4=$[14];}var _useThemedStyles=useThemedStyles("iconActionBase",createStyles,t4),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t5=_useThemedStyles2[1];var style=t5.style;var t6;if($[15]!==disabled\|\|$[16]!==iconProps\|\|$[17]!==label\|\|$[18]!==style.icon\|\|$[19]!==style.text\|\|$[20]!==styles.container){t6=pressableState=>_jsxs(View,{style:styles.container,children:[_jsx(InteractiveIcon,{disabled:disabled,style:style.icon,...iconProps,...pressableState}),!!label&&_jsx(InteractiveText,{disabled:disabled,style:style.text,...pressableState,children:label})]});$[15]=disabled;$[16]=iconProps;$[17]=label;$[18]=style.icon;$[19]=style.text;$[20]=styles.container;$[21]=t6;}else{t6=$[21];}var t7;if($[22]!==containerStyle\|\|$[23]!==disabled\|\|$[24]!==onPress\|\|$[25]!==t6){t7=_jsx(ActionBase,{disabled:disabled,containerStyle:containerStyle,onPress:onPress,children:t6});$[22]=containerStyle;$[23]=disabled;$[24]=onPress;$[25]=t6;$[26]=t7;}else{t7=$[26];}return t7;};var createStyles=({styles:{iconActionBase}},{iconPosition="start"})=>StyleSheet.create({container:{display:"flex",flexDirection:iconPosition==="start"?"row":"row-reverse",alignItems:"center",gap:iconActionBase.gap}});

package/lib/components/action/IconActionBase.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{defaultInteractiveTextStyles}from"../text/InteractiveText.styles";export var defaultIconActionBaseStyles=theme=>{var interactiveText=defaultInteractiveTextStyles(theme);return{gap:theme.spacing.small,icon:interactiveText,text:interactiveText};};

package/lib/components/alert/AlertIndicator.js ADDED Viewed

@@ -0,0 +1 @@

+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/alert/AlertIndicator.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{useThemedStyles}from"../../hooks";import{Text}from"../text";import{jsx as _jsx}from"react/jsx-runtime";export var AlertIndicator=t0=>{var $=_c(11);var t1=t0.label,t2=t0.variant,style=t0.style;var label=t1===undefined?"":t1;var variant=t2===undefined?"primary":t2;var t3;if($[0]!==variant){t3={props:{variant}};$[0]=variant;$[1]=t3;}else{t3=$[1];}var _useThemedStyles=useThemedStyles("alertIndicator",createStyles,t3),_useThemedStyles2=_slicedToArray(_useThemedStyles,1),styles=_useThemedStyles2[0];var t4;if($[2]!==style||$[3]!==styles.container){t4=[styles.container,style];$[2]=style;$[3]=styles.container;$[4]=t4;}else{t4=$[4];}var t5;if($[5]!==label||$[6]!==styles.text){t5=_jsx(Text,{numberOfLines:1,style:styles.text,children:label});$[5]=label;$[6]=styles.text;$[7]=t5;}else{t5=$[7];}var t6;if($[8]!==t4||$[9]!==t5){t6=_jsx(View,{style:t4,children:t5});$[8]=t4;$[9]=t5;$[10]=t6;}else{t6=$[10];}return t6;};AlertIndicator.displayName="AlertIndicator";var createStyles=({styles:{alertIndicator}},{variant="primary"})=>{var styles=StyleSheet.create({container:{display:"flex",alignItems:"center",justifyContent:"center",height:alertIndicator.size,width:alertIndicator.size,borderRadius:alertIndicator.borderRadius,backgroundColor:alertIndicator.backgroundColor[variant]},text:{color:alertIndicator.color[variant],fontWeight:"600"}});return styles;};

package/lib/components/alert/AlertIndicator.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export var defaultAlertIndicatorStyles=({color})=>({size:28,borderRadius:14,backgroundColor:{primary:color.primary,secondary:color.secondary},color:{primary:color.textOnPrimary,secondary:color.textOnSecondary}});

package/lib/components/alert/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export{AlertIndicator}from"./AlertIndicator";

package/lib/components/avatar/Avatar.js ADDED Viewed

@@ -0,0 +1 @@

+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/avatar/Avatar.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{Image,StyleSheet,View}from"react-native";import{useThemedStyles}from"../../hooks";import{Text}from"../text";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var getBackgroundColor=(colors,firstName,lastName)=>{var hash=(firstName||lastName||"").split("").reduce((acc,char)=>acc+char.charCodeAt(0),0)%colors.length;return colors[hash]??colors[0]??{background:"#fff",foreground:"#000"};};export var Avatar=t0=>{var $=_c(35);var t1=t0.firstName,t2=t0.lastName,imageUri=t0.imageUri,t3=t0.size,action=t0.action,style=t0.style,containerStyle=t0.containerStyle;var firstName=t1===undefined?"":t1;var lastName=t2===undefined?"":t2;var size=t3===undefined?"regular":t3;var t4;if($[0]!==style){t4={avatar:style};$[0]=style;$[1]=t4;}else{t4=$[1];}var t5;if($[2]!==firstName||$[3]!==lastName||$[4]!==size){t5={size,firstName,lastName};$[2]=firstName;$[3]=lastName;$[4]=size;$[5]=t5;}else{t5=$[5];}var t6;if($[6]!==t4||$[7]!==t5){t6={styles:t4,props:t5};$[6]=t4;$[7]=t5;$[8]=t6;}else{t6=$[8];}var _useThemedStyles=useThemedStyles("avatar",createStyles,t6),_useThemedStyles2=_slicedToArray(_useThemedStyles,1),styles=_useThemedStyles2[0];var t7;if($[9]!==firstName){t7=firstName.charAt(0);$[9]=firstName;$[10]=t7;}else{t7=$[10];}var t8;if($[11]!==lastName){t8=lastName.charAt(0);$[11]=lastName;$[12]=t8;}else{t8=$[12];}var t9=`${t7}${t8}`;var t10;if($[13]!==t9){t10=t9.toUpperCase();$[13]=t9;$[14]=t10;}else{t10=$[14];}var initials=t10;var t11;if($[15]!==containerStyle||$[16]!==styles.container){t11=[styles.container,containerStyle];$[15]=containerStyle;$[16]=styles.container;$[17]=t11;}else{t11=$[17];}var t12;if($[18]!==firstName||$[19]!==imageUri||$[20]!==initials||$[21]!==lastName||$[22]!==size||$[23]!==styles.image||$[24]!==styles.initials||$[25]!==styles.label){t12=imageUri?_jsx(Image,{source:{uri:imageUri},style:styles.image}):_jsxs(_Fragment,{children:[_jsx(Text,{style:styles.initials,children:initials}),size==="large"&&_jsx(Text,{numberOfLines:3,style:[styles.label],children:`${firstName} ${lastName}`})]});$[18]=firstName;$[19]=imageUri;$[20]=initials;$[21]=lastName;$[22]=size;$[23]=styles.image;$[24]=styles.initials;$[25]=styles.label;$[26]=t12;}else{t12=$[26];}var t13;if($[27]!==action||$[28]!==size||$[29]!==styles.action){t13=action&&size!=="small"&&_jsx(View,{style:styles.action,children:action});$[27]=action;$[28]=size;$[29]=styles.action;$[30]=t13;}else{t13=$[30];}var t14;if($[31]!==t11||$[32]!==t12||$[33]!==t13){t14=_jsxs(View,{style:t11,children:[t12,t13]});$[31]=t11;$[32]=t12;$[33]=t13;$[34]=t14;}else{t14=$[34];}return t14;};Avatar.displayName="Avatar";var createStyles=({styles:{avatar},theme:{spacing}},{size="regular",firstName,lastName})=>{var _getBackgroundColor=getBackgroundColor(avatar.colors,firstName,lastName),background=_getBackgroundColor.background,foreground=_getBackgroundColor.foreground;var styles=StyleSheet.create({container:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:background,height:avatar.size[size],width:avatar.size[size],borderRadius:avatar.size[size]/2},image:{height:avatar.size[size],width:avatar.size[size],borderRadius:avatar.size[size]/2},initials:{fontWeight:avatar.initials.fontWeight,fontSize:avatar.initials.fontSize[size],color:foreground},label:{fontSize:avatar.label.fontSize,fontWeight:avatar.label.fontWeight,paddingHorizontal:spacing.small,textAlign:"center",color:foreground},action:{position:"absolute",top:-spacing.tiny,end:-spacing.small}});return styles;};

package/lib/components/avatar/Avatar.styles.js ADDED Viewed

@@ -0,0 +1 @@

+ export var defaultAvatarStyles=({color,font})=>({size:{large:80,regular:40,small:32},initials:{fontWeight:"600",fontSize:{large:font.size.xxLarge,regular:font.size.xLarge,small:font.size.large}},label:{fontSize:font.size.tiny,fontWeight:"500"},colors:[{background:color.red,foreground:color.textPrimary},{background:color.orange,foreground:color.textPrimary},{background:color.green,foreground:color.textPrimary},{background:color.blue,foreground:color.textPrimary},{background:color.purple,foreground:color.textPrimary}]});

package/lib/components/avatar/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export{Avatar}from"./Avatar";

package/lib/components/button/Button.styles.js ADDED Viewed

@@ -0,0 +1 @@

+ import{defaultButtonBaseStyles}from"./ButtonBase.styles";export var defaultButtonStyles=theme=>{var color=theme.color;var buttonBase=defaultButtonBaseStyles(theme);return{container:{borderRadius:buttonBase.borderRadius,color:{secondary:{enabled:color.textOnPrimary,disabled:color.textOnPrimary,pressed:color.textOnPrimary},primary:{enabled:color.primary,disabled:color.primaryLight,pressed:color.primaryLight},destructive:{enabled:color.textOnDestructive,disabled:color.textOnDestructive,pressed:color.textOnDestructive}}},label:{color:{secondary:{enabled:color.primary,disabled:color.primaryLight,pressed:color.primaryLight},primary:{enabled:color.textOnPrimary,disabled:color.textOnPrimary,pressed:color.textOnPrimary},destructive:{enabled:color.destructive,disabled:color.destructiveHighlight,pressed:color.destructiveHighlight}}}};};

package/lib/components/button/ButtonBase.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export var defaultButtonBaseStyles=({border,color,spacing})=>({height:42,width:{medium:"50%"},borderRadius:border.radius.regular,paddingHorizontal:spacing.medium,paddingVertical:spacing.small,backgroundColor:{enabled:color.primary,pressed:color.primaryLight,disabled:color.primaryLight}});

package/lib/components/button/IconButton.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/button/IconButton.tsx";import{~~useStyles~~}from"~~../../hooks~~";import{~~withIcon~~}from"~~../icon~~";import{IconButtonBase}from"./IconButtonBase";import{jsx as _jsx}from"react/jsx-runtime";export var IconButton=~~withIcon~~(({variant=~~"secondary"~~,style~~,...~~props}~~)=>{~~var ~~_useStyles~~=~~useStyles~~({iconButton:style}),iconButton=_useStyles.iconButton;~~return~~ ~~_jsx(IconButtonBase,{...props,style:{container:{backgroundColor:~~iconButton.container.backgroundColor[variant],size:iconButton.container.size}~~,icon:~~{~~color:~~iconButton.icon.color[variant]}}});});
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/button/IconButton.tsx";var _excluded=["variant","style"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useStyles}from"../../hooks";import{IconButtonBase}from"./IconButtonBase";import{jsx as _jsx}from"react/jsx-runtime";export var IconButton=t0=>{var $=_c(17);var props;var style;var t1;if($[0]!==t0){t1=t0.variant;style=t0.style;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=props;$[2]=style;$[3]=t1;}else{props=$[1];style=$[2];t1=$[3];}var variant=t1===undefined?"secondary":t1;var t2;if($[4]!==style){t2={iconButton:style};$[4]=style;$[5]=t2;}else{t2=$[5];}var _useStyles=useStyles(t2),iconButton=_useStyles.iconButton;var t3=iconButton.container.backgroundColor[variant];var t4;if($[6]!==iconButton.container.size\|\|$[7]!==t3){t4={backgroundColor:t3,size:iconButton.container.size};$[6]=iconButton.container.size;$[7]=t3;$[8]=t4;}else{t4=$[8];}var t5=iconButton.icon.color[variant];var t6;if($[9]!==t5){t6={color:t5};$[9]=t5;$[10]=t6;}else{t6=$[10];}var t7;if($[11]!==t4\|\|$[12]!==t6){t7={container:t4,icon:t6};$[11]=t4;$[12]=t6;$[13]=t7;}else{t7=$[13];}var t8;if($[14]!==props\|\|$[15]!==t7){t8=_jsx(IconButtonBase,{...props,style:t7});$[14]=props;$[15]=t7;$[16]=t8;}else{t8=$[16];}return t8;};

package/lib/components/button/IconButton.styles.js ADDED Viewed

@@ -0,0 +1 @@

+ import{defaultActionStyles}from"../action/Action.styles";import{defaultIconStyles}from"../icon/Icon.styles";export var defaultIconButtonStyles=theme=>{var color=theme.color,spacing=theme.spacing;var icon=defaultIconStyles(theme);var action=defaultActionStyles(theme);return{container:{size:icon.size.medium+spacing.small,backgroundColor:{primary:{enabled:color.background,disabled:color.backgroundHighlight,pressed:color.backgroundHighlight},secondary:{enabled:color.background,disabled:color.backgroundHighlight,pressed:color.backgroundHighlight},destructive:{enabled:color.destructive,disabled:color.destructiveHighlight,pressed:color.destructiveHighlight}}},icon:{color:{...action.label.color,destructive:{enabled:color.textOnDestructive,pressed:color.textOnDestructive,disabled:color.textOnDestructive}}}};};

package/lib/components/button/IconButtonBase.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/button/IconButtonBase.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{StyleSheet}from"react-native";import{useThemedStyles}from"../../hooks";import{ActionBase}from"../action";import{InteractiveIcon~~,withIcon~~}from"../icon";import{jsx as _jsx}from"react/jsx-runtime";export var IconButtonBase=~~withIcon~~(({disabled~~:disabledProp,~~style~~:styleOverrides~~,containerStyle,onPress~~,...~~iconProps}~~)=>{~~var disabled=disabledProp\|\|!onPress;var ~~_useThemedStyles=useThemedStyles~~(~~"iconButtonBase",createStyles,~~{~~styles:~~{iconButtonBase:styleOverrides},props:{~~disabled~~}}),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],~~style~~=_useThemedStyles2[1].style;~~return~~ ~~_jsx~~(~~ActionBase,~~{~~disabled:disabled,onPress:onPress,containerStyle:~~pressableState=>[pressableState.pressed?{backgroundColor:style.container.backgroundColor.pressed}~~:undefined~~,~~styles.iconButtonBase,~~typeof containerStyle==="function"?containerStyle(pressableState):containerStyle]~~,children:pressableState~~=>_jsx(InteractiveIcon,{...~~pressableState~~,...iconProps,disabled:disabled,style:style.icon})});});var createStyles=({styles:{iconButtonBase}},{disabled})=>{var styles=StyleSheet.create({iconButtonBase:{justifyContent:"center",alignItems:"center",borderRadius:iconButtonBase.container.borderRadius,minHeight:iconButtonBase.container.size,minWidth:iconButtonBase.container.size,backgroundColor:iconButtonBase.container.backgroundColor[disabled?"disabled":"enabled"],padding:iconButtonBase.container.padding}});return styles;};
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/button/IconButtonBase.tsx";var _excluded=["disabled","style","containerStyle","onPress"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{StyleSheet}from"react-native";import{useThemedStyles}from"../../hooks";import{ActionBase}from"../action";import{InteractiveIcon}from"../icon";import{jsx as _jsx}from"react/jsx-runtime";export var IconButtonBase=t0=>{var $=_c(26);var containerStyle;var disabledProp;var iconProps;var onPress;var styleOverrides;if($[0]!==t0){disabledProp=t0.disabled;styleOverrides=t0.style;containerStyle=t0.containerStyle;onPress=t0.onPress;iconProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=containerStyle;$[2]=disabledProp;$[3]=iconProps;$[4]=onPress;$[5]=styleOverrides;}else{containerStyle=$[1];disabledProp=$[2];iconProps=$[3];onPress=$[4];styleOverrides=$[5];}var disabled=disabledProp\|\|!onPress;var t1;if($[6]!==styleOverrides){t1={iconButtonBase:styleOverrides};$[6]=styleOverrides;$[7]=t1;}else{t1=$[7];}var t2;if($[8]!==disabled){t2={disabled};$[8]=disabled;$[9]=t2;}else{t2=$[9];}var t3;if($[10]!==t1\|\|$[11]!==t2){t3={styles:t1,props:t2};$[10]=t1;$[11]=t2;$[12]=t3;}else{t3=$[12];}var _useThemedStyles=useThemedStyles("iconButtonBase",createStyles,t3),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t4=_useThemedStyles2[1];var style=t4.style;var t5;if($[13]!==containerStyle\|\|$[14]!==style.container\|\|$[15]!==styles.iconButtonBase){t5=pressableState=>[styles.iconButtonBase,pressableState.pressed&&{backgroundColor:style.container.backgroundColor.pressed},typeof containerStyle==="function"?containerStyle(pressableState):containerStyle];$[13]=containerStyle;$[14]=style.container;$[15]=styles.iconButtonBase;$[16]=t5;}else{t5=$[16];}var t6;if($[17]!==disabled\|\|$[18]!==iconProps\|\|$[19]!==style.icon){t6=pressableState_0=>_jsx(InteractiveIcon,{...pressableState_0,...iconProps,disabled:disabled,style:style.icon});$[17]=disabled;$[18]=iconProps;$[19]=style.icon;$[20]=t6;}else{t6=$[20];}var t7;if($[21]!==disabled\|\|$[22]!==onPress\|\|$[23]!==t5\|\|$[24]!==t6){t7=_jsx(ActionBase,{disabled:disabled,onPress:onPress,containerStyle:t5,children:t6});$[21]=disabled;$[22]=onPress;$[23]=t5;$[24]=t6;$[25]=t7;}else{t7=$[25];}return t7;};var createStyles=({styles:{iconButtonBase}},{disabled})=>{var styles=StyleSheet.create({iconButtonBase:{justifyContent:"center",alignItems:"center",borderRadius:iconButtonBase.container.borderRadius,minHeight:iconButtonBase.container.size,minWidth:iconButtonBase.container.size,backgroundColor:iconButtonBase.container.backgroundColor[disabled?"disabled":"enabled"],padding:iconButtonBase.container.padding}});return styles;};

package/lib/components/button/IconButtonBase.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{defaultInteractiveIconStyles}from"../icon/InteractiveIcon.styles";export var defaultIconButtonBaseStyles=theme=>({container:{padding:4,size:48,backgroundColor:{enabled:theme.color.inputBackground,disabled:theme.color.inputBackgroundDisabled,pressed:theme.color.inputBackground},borderRadius:"50%"},icon:defaultInteractiveIconStyles(theme)});

package/lib/components/container/FloatingContainer.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export var defaultFloatingContainerStyles=({spacing})=>({parentMargin:spacing.small});

package/lib/components/container/FloatingContainer.web.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/container/FloatingContainer.web.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{useRef,useState}from"react";import{StyleSheet,useWindowDimensions,View}from"react-native";import{useSafeAreaInsets}from"react-native-safe-area-context";import{usePersistentKeyboardHeight,useThemedStyles}from"../../hooks";import{jsx as _jsx}from"react/jsx-runtime";export var FloatingContainer=t0=>{var $=_c(17);var parentRef=t0.parentRef,containerStyle=t0.containerStyle,children=t0.children;var containerRef=useRef(null);var _useState=useState(),_useState2=_slicedToArray(_useState,2),layout=_useState2[0],setLayout=_useState2[1];var t1;if($[0]!==layout){t1={props:{layout}};$[0]=layout;$[1]=t1;}else{t1=$[1];}var _useThemedStyles=useThemedStyles("floatingContainer",createStyles,t1),_useThemedStyles2=_slicedToArray(_useThemedStyles,1),styles=_useThemedStyles2[0];var _useWindowDimensions=useWindowDimensions(),screenHeight=_useWindowDimensions.height;var _useSafeAreaInsets=useSafeAreaInsets(),top=_useSafeAreaInsets.top;var _usePersistentKeyboar=usePersistentKeyboardHeight(),keyboardHeight=_usePersistentKeyboar.keyboardHeight;var t2;if($[2]!==keyboardHeight\|\|$[3]!==parentRef\|\|$[4]!==screenHeight\|\|$[5]!==top){t2=e=>{parentRef.current?.measureInWindow((_ix,parentY,_iw,parentHeight)=>{var panelHeight=e.nativeEvent.layout.height;var size=parentY+parentHeight+panelHeight;var screenMaxHeight=screenHeight-keyboardHeight-top;setLayout({parentHeight,inverted:size>screenMaxHeight});});};$[2]=keyboardHeight;$[3]=parentRef;$[4]=screenHeight;$[5]=top;$[6]=t2;}else{t2=$[6];}var onLayout=t2;var t3;if($[7]!==containerStyle\|\|$[8]!==styles.container){t3=[styles.container,containerStyle];$[7]=containerStyle;$[8]=styles.container;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==children\|\|$[11]!==layout){t4=typeof children==="function"?children(layout??~~{inverted:false,parentHeight:0}~~):children;$[10]=children;$[11]=layout;$[12]=t4;}else{t4=$[12];}var t5;if($[13]!==onLayout\|\|$[14]!==t3\|\|$[15]!==t4){t5=_jsx(View,{ref:containerRef,style:t3,onLayout:onLayout,children:t4});$[13]=onLayout;$[14]=t3;$[15]=t4;$[16]=t5;}else{t5=$[16];}return t5;};var createStyles=({styles:{floatingContainer}},{layout})=>StyleSheet.create({container:{position:"absolute",bottom:layout?.inverted?layout.parentHeight:undefined,opacity:layout?1:0,zIndex:10,width:"100%",overflow:"hidden",top:layout?.inverted?undefined:layout?.parentHeight,marginTop:layout?.inverted?undefined:floatingContainer.parentMargin,marginBottom:layout?.inverted?floatingContainer.parentMargin:undefined}});
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/container/FloatingContainer.web.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{useRef,useState}from"react";import{StyleSheet,useWindowDimensions,View}from"react-native";import{useSafeAreaInsets}from"react-native-safe-area-context";import{usePersistentKeyboardHeight,useThemedStyles}from"../../hooks";import{jsx as _jsx}from"react/jsx-runtime";var EMPTY_LAYOUT={inverted:false,parentHeight:0};export var FloatingContainer=t0=>{var $=_c(17);var parentRef=t0.parentRef,containerStyle=t0.containerStyle,children=t0.children;var containerRef=useRef(null);var _useState=useState(),_useState2=_slicedToArray(_useState,2),layout=_useState2[0],setLayout=_useState2[1];var t1;if($[0]!==layout){t1={props:{layout}};$[0]=layout;$[1]=t1;}else{t1=$[1];}var _useThemedStyles=useThemedStyles("floatingContainer",createStyles,t1),_useThemedStyles2=_slicedToArray(_useThemedStyles,1),styles=_useThemedStyles2[0];var _useWindowDimensions=useWindowDimensions(),screenHeight=_useWindowDimensions.height;var _useSafeAreaInsets=useSafeAreaInsets(),top=_useSafeAreaInsets.top;var _usePersistentKeyboar=usePersistentKeyboardHeight(),keyboardHeight=_usePersistentKeyboar.keyboardHeight;var t2;if($[2]!==keyboardHeight\|\|$[3]!==parentRef\|\|$[4]!==screenHeight\|\|$[5]!==top){t2=e=>{parentRef.current?.measureInWindow((_ix,parentY,_iw,parentHeight)=>{var panelHeight=e.nativeEvent.layout.height;var size=parentY+parentHeight+panelHeight;var screenMaxHeight=screenHeight-keyboardHeight-top;setLayout({parentHeight,inverted:size>screenMaxHeight});});};$[2]=keyboardHeight;$[3]=parentRef;$[4]=screenHeight;$[5]=top;$[6]=t2;}else{t2=$[6];}var onLayout=t2;var t3;if($[7]!==containerStyle\|\|$[8]!==styles.container){t3=[styles.container,containerStyle];$[7]=containerStyle;$[8]=styles.container;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==children\|\|$[11]!==layout){t4=typeof children==="function"?children(layout??EMPTY_LAYOUT):children;$[10]=children;$[11]=layout;$[12]=t4;}else{t4=$[12];}var t5;if($[13]!==onLayout\|\|$[14]!==t3\|\|$[15]!==t4){t5=_jsx(View,{ref:containerRef,style:t3,onLayout:onLayout,children:t4});$[13]=onLayout;$[14]=t3;$[15]=t4;$[16]=t5;}else{t5=$[16];}return t5;};var createStyles=({styles:{floatingContainer}},{layout})=>StyleSheet.create({container:{position:"absolute",bottom:layout?.inverted?layout.parentHeight:undefined,opacity:layout?1:0,zIndex:10,width:"100%",overflow:"hidden",top:layout?.inverted?undefined:layout?.parentHeight,marginTop:layout?.inverted?undefined:floatingContainer.parentMargin,marginBottom:layout?.inverted?floatingContainer.parentMargin:undefined}});

package/lib/components/container/Panel.js ADDED Viewed

@@ -0,0 +1 @@

+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/container/Panel.tsx";import{c as _c}from"react/compiler-runtime";import{StyleSheet}from"react-native";import Animated,{Easing,LinearTransition}from"react-native-reanimated";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var LAYOUT_TRANSITION=LinearTransition.easing(Easing.inOut(Easing.cubic)).mass(0.3).springify();export var Panel=t0=>{var $=_c(9);var collapsed=t0.collapsed,style=t0.style,header=t0.header,children=t0.children;var t1=collapsed&&styles.collapsed;var t2;if($[0]!==t1){t2=[styles.collapsible,t1];$[0]=t1;$[1]=t2;}else{t2=$[1];}var t3;if($[2]!==children||$[3]!==t2){t3=_jsx(Animated.View,{layout:LAYOUT_TRANSITION,style:t2,children:children});$[2]=children;$[3]=t2;$[4]=t3;}else{t3=$[4];}var t4;if($[5]!==header||$[6]!==style||$[7]!==t3){t4=_jsxs(Animated.View,{layout:LAYOUT_TRANSITION,style:style,children:[header,t3]});$[5]=header;$[6]=style;$[7]=t3;$[8]=t4;}else{t4=$[8];}return t4;};var styles=StyleSheet.create({collapsible:{overflow:"hidden"},collapsed:{height:0}});

package/lib/components/container/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{~~CollapsibleContainer}from"./CollapsibleContainer";export{~~FloatingContainer}from"./FloatingContainer";export{FormContainer}from"./FormContainer";export{FormRow}from"./FormRow";export{~~SwipeableContainer~~}from"./~~SwipeableContainer~~";
1	+ export{FloatingContainer}from"./FloatingContainer";export{FormContainer}from"./FormContainer";export{FormRow}from"./FormRow";export{Panel}from"./Panel";

package/lib/components/icon/Icon.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/icon/Icon.tsx";import{~~useStyles~~}from"~~../../hooks~~";import{~~withIcon~~}from"~~./componentWithIcon~~";import{IconBase}from"./IconBase";import{jsx as _jsx}from"react/jsx-runtime";export var Icon=~~withIcon~~(({size=~~"medium"~~,style~~,...~~iconProps}~~)=>{~~var ~~_useStyles~~=~~useStyles~~({icon:style}),icon=_useStyles.icon;~~return~~ _jsx(IconBase,{...iconProps,~~style~~:{color:icon.color~~,size:~~icon.~~size~~[~~size~~]}});});
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/icon/Icon.tsx";var _excluded=["size","style"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useStyles}from"../../hooks";import{IconBase}from"./IconBase";import{jsx as _jsx}from"react/jsx-runtime";export var Icon=t0=>{var $=_c(10);var iconProps;var style;var t1;if($[0]!==t0){t1=t0.size;style=t0.style;iconProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=iconProps;$[2]=style;$[3]=t1;}else{iconProps=$[1];style=$[2];t1=$[3];}var size=t1===undefined?"medium":t1;var t2;if($[4]!==style){t2={icon:style};$[4]=style;$[5]=t2;}else{t2=$[5];}var _useStyles=useStyles(t2),icon=_useStyles.icon;var t3=icon.size[size];var t4;if($[6]!==icon.color\|\|$[7]!==iconProps\|\|$[8]!==t3){t4=_jsx(IconBase,{...iconProps,size:t3,color:icon.color});$[6]=icon.color;$[7]=iconProps;$[8]=t3;$[9]=t4;}else{t4=$[9];}return t4;};

package/lib/components/icon/Icon.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{defaultIconBaseStyles}from"./IconBase.styles";export var defaultIconStyles=theme=>{var iconBase=defaultIconBaseStyles(theme);return{color:theme.color.textPrimary,size:{small:16,medium:iconBase.size,large:24}};};

package/lib/components/icon/IconBase.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/icon/IconBase.tsx";import{c as _c}from"react/compiler-runtime";import{~~useStyles~~}from"../../hooks";import{jsx as _jsx}from"react/jsx-runtime";export var IconBase=t0=>{var $=_c(7);var ~~style~~=t0.~~style~~,iconName=t0.iconName,~~IconSet~~=t0.~~iconSet~~;var ~~t1;if~~(~~$[0]!==style~~)~~{t1~~=~~{iconBase:style};$[0]=style;$[1]=t1~~;~~}else{t1=$[1];}~~var ~~_useStyles=useStyles(~~t1~~),iconBase~~=~~_useStyles~~.iconBase;var t2;if($[2]!==IconSet\|\|$[3]!==~~iconBase.color~~\|\|$[4]!==~~iconBase.size~~\|\|$[5]!==~~iconName~~){t2=_jsx(IconSet,{size:~~iconBase.size~~,color:~~iconBase.color~~,name:iconName});$[2]=IconSet;$[3]=~~iconBase.color~~;$[4]=~~iconBase.size~~;$[5]=~~iconName~~;$[6]=t2;}else{t2=$[6];}return t2;};~~IconBase.displayName="IconBase";~~
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/icon/IconBase.tsx";import{c as _c}from"react/compiler-runtime";import{useTheme}from"../../hooks";import{jsx as _jsx}from"react/jsx-runtime";export var IconBase=t0=>{var $=_c(5);var IconSet=t0.iconSet,iconName=t0.iconName,size=t0.size,color=t0.color;var _useTheme=useTheme(),styles=_useTheme.styles;var t1=size??styles.iconBase.size;var t2=color??styles.iconBase.color;var t3;if($[0]!==IconSet\|\|$[1]!==iconName\|\|$[2]!==t1\|\|$[3]!==t2){t3=_jsx(IconSet,{size:t1,color:t2,name:iconName});$[0]=IconSet;$[1]=iconName;$[2]=t1;$[3]=t2;$[4]=t3;}else{t3=$[4];}return t3;};

package/lib/components/icon/IconBase.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export var defaultIconBaseStyles=({color})=>({color:color.textPrimary,size:20});

package/lib/components/icon/IconComponentProps.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export{};

package/lib/components/icon/InteractiveIcon.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/icon/InteractiveIcon.tsx";import{~~useStyles~~}from"~~../../hooks~~";import{~~withIcon~~}from"~~./componentWithIcon~~";import{IconBase}from"./IconBase";import{jsx as _jsx}from"react/jsx-runtime";export var InteractiveIcon=~~withIcon~~(({pressed,style,disabled=~~false,...~~iconProps}~~)=>~~{var ~~_useStyles~~=~~useStyles~~({interactiveIcon:style}),interactiveIcon=_useStyles.interactiveIcon;~~return~~ ~~_jsx(IconBase,{...iconProps,style:{size:interactiveIcon.size,color:~~pressed?interactiveIcon.color.pressed:interactiveIcon.color[disabled?"disabled":"enabled"]}});});
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/icon/InteractiveIcon.tsx";var _excluded=["pressed","style","disabled"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useStyles}from"../../hooks";import{IconBase}from"./IconBase";import{jsx as _jsx}from"react/jsx-runtime";export var InteractiveIcon=t0=>{var $=_c(11);var iconProps;var pressed;var style;var t1;if($[0]!==t0){pressed=t0.pressed;style=t0.style;t1=t0.disabled;iconProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=iconProps;$[2]=pressed;$[3]=style;$[4]=t1;}else{iconProps=$[1];pressed=$[2];style=$[3];t1=$[4];}var disabled=t1===undefined?false:t1;var t2;if($[5]!==style){t2={interactiveIcon:style};$[5]=style;$[6]=t2;}else{t2=$[6];}var _useStyles=useStyles(t2),interactiveIcon=_useStyles.interactiveIcon;var t3=pressed?interactiveIcon.color.pressed:interactiveIcon.color[disabled?"disabled":"enabled"];var t4;if($[7]!==iconProps\|\|$[8]!==interactiveIcon.size\|\|$[9]!==t3){t4=_jsx(IconBase,{...iconProps,size:interactiveIcon.size,color:t3});$[7]=iconProps;$[8]=interactiveIcon.size;$[9]=t3;$[10]=t4;}else{t4=$[10];}return t4;};

package/lib/components/icon/InteractiveIcon.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{defaultIconBaseStyles}from"./IconBase.styles";export var defaultInteractiveIconStyles=theme=>{var iconBase=defaultIconBaseStyles(theme);return{size:iconBase.size,color:{enabled:theme.color.primary,pressed:theme.color.primaryLight,disabled:theme.color.primaryLight}};};

package/lib/components/icon/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{~~withIcon}from"./componentWithIcon";export{~~Icon}from"./Icon";export{IconBase}from"./IconBase";export{InteractiveIcon}from"./InteractiveIcon";
1	+ export{Icon}from"./Icon";export{IconBase}from"./IconBase";export{InteractiveIcon}from"./InteractiveIcon";

package/lib/components/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{~~AlertIndicator~~}from"./~~AlertIndicator~~";export{~~Avatar~~}from"./~~Avatar~~";export{~~Action,ActionBase,IconAction,IconActionBase~~}from"./~~action~~";export{Button,ButtonBase,IconButton,IconButtonBase}from"./button";export{~~CollapsibleContainer,~~FloatingContainer,FormContainer,FormRow,~~SwipeableContainer~~}from"./container";export{Icon,IconBase~~,withIcon~~}from"./icon";export{CounterInput,DropdownInput,DropdownInputBase,InputAction,InputBase,InputRowContainer,InputScaffold,NumberInput,RatingInput,SelectionInput,TextInput,TimeInput,ToggleInput}from"./input";export{ListItem,ListItemAlert,ListItemAvatar,ListItemFooter,ListItemRow}from"./listItem";export{Menu,MenuItem}from"./menu";export{~~Panel}from"./Panel";export{~~getRatingIcons,Rating,ratingToValue,valueToRating}from"./rating";export{SwipeAction}from"./~~SwipeAction~~";export{~~Toast~~}from"./~~Toast~~";export{~~Tag~~,~~TagIcon~~}from"./~~tag~~";export{~~HighlightedText,Text~~}from"./~~text~~";
1	+ export{Action,ActionBase,IconAction,IconActionBase}from"./action";export{AlertIndicator}from"./alert";export{Avatar}from"./avatar";export{Button,ButtonBase,IconButton,IconButtonBase}from"./button";export{FloatingContainer,FormContainer,FormRow,Panel}from"./container";export{Icon,IconBase}from"./icon";export{CounterInput,DropdownInput,DropdownInputBase,InputAction,InputBase,InputRowContainer,InputScaffold,NumberInput,RatingInput,SelectionInput,TextInput,TimeInput,ToggleInput}from"./input";export{ListItem,ListItemAlert,ListItemAvatar,ListItemFooter,ListItemRow}from"./listItem";export{Menu,MenuItem}from"./menu";export{getRatingIcons,Rating,ratingToValue,valueToRating}from"./rating";export{SwipeAction,SwipeableContainer}from"./swipe";export{Tag,TagIcon}from"./tag";export{HighlightedText,Text}from"./text";export{Toast}from"./toast";

package/lib/components/input/DropdownInput.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export var defaultDropdownInputStyles=_theme=>({panelGap:4});

package/lib/components/input/DropdownInputBase.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/DropdownInputBase.tsx";var _excluded=["items","selectedValue","minimumSearchLength","maxSuggestionCount","selectBehaviour","panelPosition","onSelect","textValue","onChangeText","onBlur","ref"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useMemo,useState}from"react";import{useForwardedRef}from"../../hooks";import{FloatingContainer}from"../container";import{Menu,MenuItem}from"../menu";import{InputBase}from"./InputBase";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";export var DropdownInputBase=t0=>{var $=_c(60);var onBlur;var onChangeText;var onSelect;var panelPosition;var props;var ref;var selectedValue;var t1;var t2;var t3;var t4;var textValue;if($[0]!==t0){t1=t0.items;selectedValue=t0.selectedValue;t2=t0.minimumSearchLength;t3=t0.maxSuggestionCount;t4=t0.selectBehaviour;panelPosition=t0.panelPosition;onSelect=t0.onSelect;textValue=t0.textValue;onChangeText=t0.onChangeText;onBlur=t0.onBlur;ref=t0.ref;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=onBlur;$[2]=onChangeText;$[3]=onSelect;$[4]=panelPosition;$[5]=props;$[6]=ref;$[7]=selectedValue;$[8]=t1;$[9]=t2;$[10]=t3;$[11]=t4;$[12]=textValue;}else{onBlur=$[1];onChangeText=$[2];onSelect=$[3];panelPosition=$[4];props=$[5];ref=$[6];selectedValue=$[7];t1=$[8];t2=$[9];t3=$[10];t4=$[11];textValue=$[12];}var ~~t5;if($[13]!==t1){t5~~=t1===undefined?[]:t1~~;$[13]=t1;$[14]=t5~~;~~}else{t5=$[14];}~~var ~~items=t5;var~~ minimumSearchLength=t2===undefined?1:t2;var maxSuggestionCount=t3===undefined?5:t3;var selectBehaviour=t4===undefined?"blurAndSelect":t4;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),hasFocus=_useState2[0],setHasFocus=_useState2[1];var inputRef=useForwardedRef(ref);var t6;if($[15]!==items\|\|$[16]!==selectedValue){var _t;if($[18]!==selectedValue){_t=item=>{if("id"in item){return item.id===selectedValue;}return item.value===selectedValue;};$[18]=selectedValue;$[19]=_t;}else{_t=$[19];}t6=items.find(_t);$[15]=items;$[16]=selectedValue;$[17]=t6;}else{t6=$[17];}var existingItem=t6;var existingItemLabel=existingItem?.label;var t7;if($[20]===Symbol.for("react.memo_cache_sentinel")){t7=()=>{setHasFocus(true);};$[20]=t7;}else{t7=$[20];}var handleFocus=t7;var t8;if($[21]!==inputRef\|\|$[22]!==onSelect\|\|$[23]!==selectBehaviour\|\|$[24]!==selectedValue){t8=item_0=>{var selectedItemId="id"in item_0?item_0.id:item_0.value;var isAlreadySelected=selectedValue!==undefined&&selectedValue===selectedItemId;if(!isAlreadySelected){onSelect(item_0);}if(selectBehaviour==="blurAndSelect"){inputRef.current?.blur();}};$[21]=inputRef;$[22]=onSelect;$[23]=selectBehaviour;$[24]=selectedValue;$[25]=t8;}else{t8=$[25];}var handleSelect=t8;var inputText=textValue??existingItemLabel??"";var t9;if($[26]!==inputText\|\|$[27]!==items\|\|$[28]!==onBlur\|\|$[29]!==onSelect\|\|$[30]!==selectedValue){t9=e=>{var search=inputText.toLowerCase();var existingItem_0=items.find(item_1=>item_1.label.toLowerCase()===search);if(existingItem_0){var existingItemId="id"in existingItem_0?existingItem_0.id:existingItem_0.value;var isAlreadySelected_0=selectedValue!==undefined&&selectedValue===existingItemId;if(!isAlreadySelected_0){onSelect(existingItem_0);}}setHasFocus(false);onBlur?.(e);};$[26]=inputText;$[27]=items;$[28]=onBlur;$[29]=onSelect;$[30]=selectedValue;$[31]=t9;}else{t9=$[31];}var handleBlur=t9;var ~~t10~~;if($[32]!==existingItemLabel\|\|$[33]!==onChangeText\|\|$[34]!==onSelect\|\|$[35]!==selectedValue){~~t10~~=text=>{var didMatchSelection=selectedValue!==undefined&&existingItemLabel!==undefined&&text!==existingItemLabel;if(didMatchSelection){onSelect(undefined);}onChangeText?.(text);};$[32]=existingItemLabel;$[33]=onChangeText;$[34]=onSelect;$[35]=selectedValue;$[36]=~~t10~~;}else{~~t10~~=$[36];}var handleChangeText=~~t10~~;var isSelectionActive=selectedValue!==undefined&&existingItemLabel!==undefined&&inputText===existingItemLabel;var ~~t11~~;if($[37]!==inputText\|\|$[38]!==items\|\|$[39]!==maxSuggestionCount\|\|$[40]!==selectedValue){var search_0=inputText.toLowerCase();~~t11~~=items.filter(item_2=>{if(selectedValue&&"id"in item_2&&item_2.id===selectedValue){return false;}if(selectedValue&&item_2.value===selectedValue){return false;}if(item_2.label.toLowerCase()===search_0){return false;}var inSearch=item_2.label.toLowerCase().includes(search_0)\|\|item_2.description?.toLowerCase().includes(search_0);return inSearch;}).slice(0,maxSuggestionCount);$[37]=inputText;$[38]=items;$[39]=maxSuggestionCount;$[40]=selectedValue;$[41]=~~t11~~;}else{~~t11~~=$[41];}var filteredItems=~~t11~~;var showDropdownPanel=hasFocus&&!isSelectionActive&&!!filteredItems.length&&inputText.length>=minimumSearchLength;var ~~t12~~;if($[42]!==handleBlur\|\|$[43]!==handleChangeText\|\|$[44]!==inputRef\|\|$[45]!==inputText\|\|$[46]!==props){~~t12~~=_jsx(InputBase,{...props,ref:inputRef,value:inputText,onFocus:handleFocus,onBlur:handleBlur,onChangeText:handleChangeText,autoCorrect:false,spellCheck:false});$[42]=handleBlur;$[43]=handleChangeText;$[44]=inputRef;$[45]=inputText;$[46]=props;$[47]=~~t12~~;}else{~~t12~~=$[47];}var ~~t13~~;if($[48]!==filteredItems\|\|$[49]!==handleSelect\|\|$[50]!==inputText){t13~~=t14~~=>{var inverted=~~t14~~.inverted;return _jsx(Menu,{reverse:inverted,children:filteredItems.map(item_3=>_jsx(MenuItem,{label:item_3.label,description:item_3.description,searchValue:inputText,onPress:()=>handleSelect(item_3)},"id"in item_3?item_3.id:item_3.value))});};$[48]=filteredItems;$[49]=handleSelect;$[50]=inputText;$[51]=~~t13~~;}else{~~t13~~=$[51];}var ~~t14~~;if($[52]!==inputRef\|\|$[53]!==panelPosition\|\|$[54]!==showDropdownPanel\|\|$[55]!==~~t13~~){~~t14~~=_jsx(FloatingContainer,{parentRef:inputRef,show:showDropdownPanel,position:panelPosition,children:~~t13~~});$[52]=inputRef;$[53]=panelPosition;$[54]=showDropdownPanel;$[55]=~~t13~~;$[56]=~~t14~~;}else{~~t14~~=$[56];}var ~~t15~~;if($[57]!==~~t12~~\|\|$[58]!==~~t14~~){~~t15~~=_jsxs(_Fragment,{children:[~~t12~~,~~t14~~]});$[57]=~~t12~~;$[58]=~~t14~~;$[59]=~~t15~~;}else{~~t15~~=$[59];}return ~~t15~~;};
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/DropdownInputBase.tsx";var _excluded=["items","selectedValue","minimumSearchLength","maxSuggestionCount","selectBehaviour","panelPosition","onSelect","textValue","onChangeText","onBlur","ref"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useMemo,useState}from"react";import{useForwardedRef}from"../../hooks";import{FloatingContainer}from"../container";import{Menu,MenuItem}from"../menu";import{InputBase}from"./InputBase";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var EMPTY_ITEMS=[];export var DropdownInputBase=t0=>{var $=_c(58);var onBlur;var onChangeText;var onSelect;var panelPosition;var props;var ref;var selectedValue;var t1;var t2;var t3;var t4;var textValue;if($[0]!==t0){t1=t0.items;selectedValue=t0.selectedValue;t2=t0.minimumSearchLength;t3=t0.maxSuggestionCount;t4=t0.selectBehaviour;panelPosition=t0.panelPosition;onSelect=t0.onSelect;textValue=t0.textValue;onChangeText=t0.onChangeText;onBlur=t0.onBlur;ref=t0.ref;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=onBlur;$[2]=onChangeText;$[3]=onSelect;$[4]=panelPosition;$[5]=props;$[6]=ref;$[7]=selectedValue;$[8]=t1;$[9]=t2;$[10]=t3;$[11]=t4;$[12]=textValue;}else{onBlur=$[1];onChangeText=$[2];onSelect=$[3];panelPosition=$[4];props=$[5];ref=$[6];selectedValue=$[7];t1=$[8];t2=$[9];t3=$[10];t4=$[11];textValue=$[12];}var items=t1===undefined?EMPTY_ITEMS:t1;var minimumSearchLength=t2===undefined?1:t2;var maxSuggestionCount=t3===undefined?5:t3;var selectBehaviour=t4===undefined?"blurAndSelect":t4;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),hasFocus=_useState2[0],setHasFocus=_useState2[1];var inputRef=useForwardedRef(ref);var t5;if($[13]!==items\|\|$[14]!==selectedValue){var _t;if($[16]!==selectedValue){_t=item=>{if("id"in item){return item.id===selectedValue;}return item.value===selectedValue;};$[16]=selectedValue;$[17]=_t;}else{_t=$[17];}t5=items.find(_t);$[13]=items;$[14]=selectedValue;$[15]=t5;}else{t5=$[15];}var existingItem=t5;var existingItemLabel=existingItem?.label;var t6;if($[18]===Symbol.for("react.memo_cache_sentinel")){t6=()=>{setHasFocus(true);};$[18]=t6;}else{t6=$[18];}var handleFocus=t6;var t7;if($[19]!==inputRef\|\|$[20]!==onSelect\|\|$[21]!==selectBehaviour\|\|$[22]!==selectedValue){t7=item_0=>{var selectedItemId="id"in item_0?item_0.id:item_0.value;var isAlreadySelected=selectedValue!==undefined&&selectedValue===selectedItemId;if(!isAlreadySelected){onSelect(item_0);}if(selectBehaviour==="blurAndSelect"){inputRef.current?.blur();}};$[19]=inputRef;$[20]=onSelect;$[21]=selectBehaviour;$[22]=selectedValue;$[23]=t7;}else{t7=$[23];}var handleSelect=t7;var inputText=textValue??existingItemLabel??"";var t8;if($[24]!==inputText\|\|$[25]!==items\|\|$[26]!==onBlur\|\|$[27]!==onSelect\|\|$[28]!==selectedValue){t8=e=>{var search=inputText.toLowerCase();var existingItem_0=items.find(item_1=>item_1.label.toLowerCase()===search);if(existingItem_0){var existingItemId="id"in existingItem_0?existingItem_0.id:existingItem_0.value;var isAlreadySelected_0=selectedValue!==undefined&&selectedValue===existingItemId;if(!isAlreadySelected_0){onSelect(existingItem_0);}}setHasFocus(false);onBlur?.(e);};$[24]=inputText;$[25]=items;$[26]=onBlur;$[27]=onSelect;$[28]=selectedValue;$[29]=t8;}else{t8=$[29];}var handleBlur=t8;var t9;if($[30]!==existingItemLabel\|\|$[31]!==onChangeText\|\|$[32]!==onSelect\|\|$[33]!==selectedValue){t9=text=>{var didMatchSelection=selectedValue!==undefined&&existingItemLabel!==undefined&&text!==existingItemLabel;if(didMatchSelection){onSelect(undefined);}onChangeText?.(text);};$[30]=existingItemLabel;$[31]=onChangeText;$[32]=onSelect;$[33]=selectedValue;$[34]=t9;}else{t9=$[34];}var handleChangeText=t9;var isSelectionActive=selectedValue!==undefined&&existingItemLabel!==undefined&&inputText===existingItemLabel;var t10;if($[35]!==inputText\|\|$[36]!==items\|\|$[37]!==maxSuggestionCount\|\|$[38]!==selectedValue){var search_0=inputText.toLowerCase();t10=items.filter(item_2=>{if(selectedValue&&"id"in item_2&&item_2.id===selectedValue){return false;}if(selectedValue&&item_2.value===selectedValue){return false;}if(item_2.label.toLowerCase()===search_0){return false;}var inSearch=item_2.label.toLowerCase().includes(search_0)\|\|item_2.description?.toLowerCase().includes(search_0);return inSearch;}).slice(0,maxSuggestionCount);$[35]=inputText;$[36]=items;$[37]=maxSuggestionCount;$[38]=selectedValue;$[39]=t10;}else{t10=$[39];}var filteredItems=t10;var showDropdownPanel=hasFocus&&!isSelectionActive&&!!filteredItems.length&&inputText.length>=minimumSearchLength;var t11;if($[40]!==handleBlur\|\|$[41]!==handleChangeText\|\|$[42]!==inputRef\|\|$[43]!==inputText\|\|$[44]!==props){t11=_jsx(InputBase,{...props,ref:inputRef,value:inputText,onFocus:handleFocus,onBlur:handleBlur,onChangeText:handleChangeText,autoCorrect:false,spellCheck:false});$[40]=handleBlur;$[41]=handleChangeText;$[42]=inputRef;$[43]=inputText;$[44]=props;$[45]=t11;}else{t11=$[45];}var t12;if($[46]!==filteredItems\|\|$[47]!==handleSelect\|\|$[48]!==inputText){t12=t13=>{var inverted=t13.inverted;return _jsx(Menu,{reverse:inverted,children:filteredItems.map(item_3=>_jsx(MenuItem,{label:item_3.label,description:item_3.description,searchValue:inputText,onPress:()=>handleSelect(item_3)},"id"in item_3?item_3.id:item_3.value))});};$[46]=filteredItems;$[47]=handleSelect;$[48]=inputText;$[49]=t12;}else{t12=$[49];}var t13;if($[50]!==inputRef\|\|$[51]!==panelPosition\|\|$[52]!==showDropdownPanel\|\|$[53]!==t12){t13=_jsx(FloatingContainer,{parentRef:inputRef,show:showDropdownPanel,position:panelPosition,children:t12});$[50]=inputRef;$[51]=panelPosition;$[52]=showDropdownPanel;$[53]=t12;$[54]=t13;}else{t13=$[54];}var t14;if($[55]!==t11\|\|$[56]!==t13){t14=_jsxs(_Fragment,{children:[t11,t13]});$[55]=t11;$[56]=t13;$[57]=t14;}else{t14=$[57];}return t14;};

package/lib/components/input/InputAction.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/InputAction.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{StyleSheet}from"react-native";import{useThemedStyles}from"../../hooks";import{IconActionBase}from"../action";import{~~withIcon}from"../icon";import{~~jsx as _jsx}from"react/jsx-runtime";export var InputAction=~~withIcon~~(({disabled=~~false~~,containerStyle,variant="regular"~~,...~~props}~~)=>~~{var _useThemedStyles=useThemedStyles("inputAction",createStyles,~~{props:{disabled,variant}}~~),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],~~style~~=_useThemedStyles2[1].style;~~return~~ ~~_jsx~~(~~IconActionBase,~~{~~...props,disabled:disabled,containerStyle:~~pressableState=>[styles.container,typeof containerStyle==="function"?containerStyle(pressableState):containerStyle],style:{icon:style.icon}});});var createStyles=({styles:{inputBase}},{disabled,variant})=>{var height=inputBase.container.height;return StyleSheet.create({container:{~~height~~:height[variant],width:height[variant],backgroundColor:inputBase.container.backgroundColor[disabled?"disabled":"enabled"],alignItems:"center",justifyContent:"center"}});};
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/InputAction.tsx";var _excluded=["disabled","containerStyle","variant"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{StyleSheet}from"react-native";import{useThemedStyles}from"../../hooks";import{IconActionBase}from"../action";import{jsx as _jsx}from"react/jsx-runtime";export var InputAction=t0=>{var $=_c(18);var containerStyle;var props;var t1;var t2;if($[0]!==t0){t1=t0.disabled;containerStyle=t0.containerStyle;t2=t0.variant;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=containerStyle;$[2]=props;$[3]=t1;$[4]=t2;}else{containerStyle=$[1];props=$[2];t1=$[3];t2=$[4];}var disabled=t1===undefined?false:t1;var variant=t2===undefined?"regular":t2;var t3;if($[5]!==disabled\|\|$[6]!==variant){t3={props:{disabled,variant}};$[5]=disabled;$[6]=variant;$[7]=t3;}else{t3=$[7];}var _useThemedStyles=useThemedStyles("inputAction",createStyles,t3),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t4=_useThemedStyles2[1];var style=t4.style;var t5;if($[8]!==containerStyle\|\|$[9]!==styles.container){t5=pressableState=>[styles.container,typeof containerStyle==="function"?containerStyle(pressableState):containerStyle];$[8]=containerStyle;$[9]=styles.container;$[10]=t5;}else{t5=$[10];}var t6;if($[11]!==style.icon){t6={icon:style.icon};$[11]=style.icon;$[12]=t6;}else{t6=$[12];}var t7;if($[13]!==disabled\|\|$[14]!==props\|\|$[15]!==t5\|\|$[16]!==t6){t7=_jsx(IconActionBase,{...props,disabled:disabled,containerStyle:t5,style:t6});$[13]=disabled;$[14]=props;$[15]=t5;$[16]=t6;$[17]=t7;}else{t7=$[17];}return t7;};var createStyles=({styles:{inputBase}},{disabled,variant})=>{var height=inputBase.container.height;return StyleSheet.create({container:{minHeight:height[variant],width:height[variant],backgroundColor:inputBase.container.backgroundColor[disabled?"disabled":"enabled"],alignItems:"center",justifyContent:"center"}});};

package/lib/components/input/InputAction.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{defaultActionStyles}from"../action/Action.styles";export var defaultInputActionStyles=theme=>{var action=defaultActionStyles(theme);return{icon:{color:action.label.color.secondary}};};

package/lib/components/input/InputBase.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/InputBase.tsx";var _excluded=["disabled","multiline","variant","scrollEnabled","onChangeText","ref","style","inputStyle"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,TextInput}from"react-native";import{useThemedStyles}from"../../hooks";import{jsx as _jsx}from"react/jsx-runtime";export var InputBase=t0=>{var $=_c(31);var inputStyle;var onChangeText;var props;var ref;var scrollEnabled;var styleOverrides;var t1;var t2;var t3;if($[0]!==t0){t1=t0.disabled;t2=t0.multiline;t3=t0.variant;scrollEnabled=t0.scrollEnabled;onChangeText=t0.onChangeText;ref=t0.ref;styleOverrides=t0.style;inputStyle=t0.inputStyle;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=inputStyle;$[2]=onChangeText;$[3]=props;$[4]=ref;$[5]=scrollEnabled;$[6]=styleOverrides;$[7]=t1;$[8]=t2;$[9]=t3;}else{inputStyle=$[1];onChangeText=$[2];props=$[3];ref=$[4];scrollEnabled=$[5];styleOverrides=$[6];t1=$[7];t2=$[8];t3=$[9];}var disabled=t1===undefined?false:t1;var multiline=t2===undefined?false:t2;var variant=t3===undefined?"regular":t3;var t4;if($[10]!==styleOverrides){t4={inputBase:styleOverrides};$[10]=styleOverrides;$[11]=t4;}else{t4=$[11];}var t5;if($[12]!==disabled\|\|$[13]!==multiline\|\|$[14]!==variant){t5={disabled,multiline,variant};$[12]=disabled;$[13]=multiline;$[14]=variant;$[15]=t5;}else{t5=$[15];}var t6;if($[16]!==t4\|\|$[17]!==t5){t6={styles:t4,props:t5};$[16]=t4;$[17]=t5;$[18]=t6;}else{t6=$[18];}var _useThemedStyles=useThemedStyles("inputBase",createStyles,t6),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t7=_useThemedStyles2[1];var style=t7.style;var t8=!disabled;var t9;if($[19]!==inputStyle\|\|$[20]!==styles.input){t9=[styles.input,inputStyle];$[19]=inputStyle;$[20]=styles.input;$[21]=t9;}else{t9=$[21];}var t10=scrollEnabled??false;var t11;if($[22]!==multiline\|\|$[23]!==onChangeText\|\|$[24]!==props\|\|$[25]!==ref\|\|$[26]!==style.text.placeholderColor\|\|$[27]!==t10\|\|$[28]!==t8\|\|$[29]!==t9){t11=_jsx(TextInput,{ref:ref,editable:t8,placeholderTextColor:style.text.placeholderColor,style:t9,multiline:multiline,scrollEnabled:t10,onChangeText:onChangeText,...props});$[22]=multiline;$[23]=onChangeText;$[24]=props;$[25]=ref;$[26]=style.text.placeholderColor;$[27]=t10;$[28]=t8;$[29]=t9;$[30]=t11;}else{t11=$[30];}return t11;};var createStyles=({styles:{inputBase}},{disabled,multiline,variant})=>{var _inputBase$container=inputBase.container,borderRadius=_inputBase$container.borderRadius,padding=_inputBase$container.padding,height=_inputBase$container.height;return StyleSheet.create({input:{alignSelf:"stretch",minWidth:0,height:multiline?undefined:height[variant],minHeight:height[variant],padding,borderRadius,backgroundColor:inputBase.container.backgroundColor[disabled?"disabled":"enabled"],fontSize:inputBase.text.fontSize,fontFamily:inputBase.text.fontFamily,color:inputBase.text.color[disabled?"disabled":"enabled"]}});};
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/InputBase.tsx";var _excluded=["disabled","multiline","variant","scrollEnabled","onChangeText","ref","style","inputStyle"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,TextInput}from"react-native";import{MAX_FONT_SIZE_MULTIPLIER}from"../../common";import{useThemedStyles}from"../../hooks";import{jsx as _jsx}from"react/jsx-runtime";export var InputBase=t0=>{var $=_c(31);var inputStyle;var onChangeText;var props;var ref;var scrollEnabled;var styleOverrides;var t1;var t2;var t3;if($[0]!==t0){t1=t0.disabled;t2=t0.multiline;t3=t0.variant;scrollEnabled=t0.scrollEnabled;onChangeText=t0.onChangeText;ref=t0.ref;styleOverrides=t0.style;inputStyle=t0.inputStyle;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=inputStyle;$[2]=onChangeText;$[3]=props;$[4]=ref;$[5]=scrollEnabled;$[6]=styleOverrides;$[7]=t1;$[8]=t2;$[9]=t3;}else{inputStyle=$[1];onChangeText=$[2];props=$[3];ref=$[4];scrollEnabled=$[5];styleOverrides=$[6];t1=$[7];t2=$[8];t3=$[9];}var disabled=t1===undefined?false:t1;var multiline=t2===undefined?false:t2;var variant=t3===undefined?"regular":t3;var t4;if($[10]!==styleOverrides){t4={inputBase:styleOverrides};$[10]=styleOverrides;$[11]=t4;}else{t4=$[11];}var t5;if($[12]!==disabled\|\|$[13]!==multiline\|\|$[14]!==variant){t5={disabled,multiline,variant};$[12]=disabled;$[13]=multiline;$[14]=variant;$[15]=t5;}else{t5=$[15];}var t6;if($[16]!==t4\|\|$[17]!==t5){t6={styles:t4,props:t5};$[16]=t4;$[17]=t5;$[18]=t6;}else{t6=$[18];}var _useThemedStyles=useThemedStyles("inputBase",createStyles,t6),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t7=_useThemedStyles2[1];var style=t7.style;var t8=!disabled;var t9;if($[19]!==inputStyle\|\|$[20]!==styles.input){t9=[styles.input,inputStyle];$[19]=inputStyle;$[20]=styles.input;$[21]=t9;}else{t9=$[21];}var t10=scrollEnabled??false;var t11;if($[22]!==multiline\|\|$[23]!==onChangeText\|\|$[24]!==props\|\|$[25]!==ref\|\|$[26]!==style.text.placeholderColor\|\|$[27]!==t10\|\|$[28]!==t8\|\|$[29]!==t9){t11=_jsx(TextInput,{ref:ref,editable:t8,maxFontSizeMultiplier:MAX_FONT_SIZE_MULTIPLIER,placeholderTextColor:style.text.placeholderColor,style:t9,multiline:multiline,scrollEnabled:t10,onChangeText:onChangeText,...props});$[22]=multiline;$[23]=onChangeText;$[24]=props;$[25]=ref;$[26]=style.text.placeholderColor;$[27]=t10;$[28]=t8;$[29]=t9;$[30]=t11;}else{t11=$[30];}return t11;};var createStyles=({styles:{inputBase}},{disabled,multiline,variant})=>{var _inputBase$container=inputBase.container,borderRadius=_inputBase$container.borderRadius,padding=_inputBase$container.padding,height=_inputBase$container.height;return StyleSheet.create({input:{alignSelf:"stretch",minWidth:0,height:multiline?undefined:height[variant],minHeight:height[variant],padding,borderRadius,backgroundColor:inputBase.container.backgroundColor[disabled?"disabled":"enabled"],fontSize:inputBase.text.fontSize,fontFamily:inputBase.text.fontFamily,color:inputBase.text.color[disabled?"disabled":"enabled"]}});};

package/lib/components/input/InputBase.styles.js ADDED Viewed

@@ -0,0 +1 @@

+ export var defaultInputBaseStyles=({border,color,font,spacing})=>({container:{height:{regular:48,compact:36},borderRadius:border.radius.regular,padding:spacing.small,backgroundColor:{enabled:color.inputBackground,disabled:color.inputBackgroundDisabled}},text:{fontSize:font.size.regular,fontFamily:font.family.sans,color:{enabled:color.textPrimary,disabled:color.textSecondary},placeholderColor:color.textSecondary}});

package/lib/components/input/InputRowContainer.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/InputRowContainer.tsx";import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{~~useThemedStylesExternal~~}from"../../hooks";import{jsx as _jsx}from"react/jsx-runtime";export var InputRowContainer=t0=>{var $=_c(8);var t1=t0.disabled,style=t0.style,children=t0.children;var disabled=t1===undefined?false:t1;var t2;if($[0]!==disabled){t2={props:{disabled}};$[0]=disabled;$[1]=t2;}else{t2=$[1];}var styles=~~useThemedStylesExternal~~(createStyles,t2);var t3;if($[2]!==style\|\|$[3]!==styles.container){t3=[styles.container,style];$[2]=style;$[3]=styles.container;$[4]=t3;}else{t3=$[4];}var t4;if($[5]!==children\|\|$[6]!==t3){t4=_jsx(View,{style:t3,children:children});$[5]=children;$[6]=t3;$[7]=t4;}else{t4=$[7];}return t4;};var createStyles=({styles:{inputBase}},{disabled})=>{var borderRadius=inputBase.container.borderRadius;return StyleSheet.create({container:{flexDirection:"row",overflow:"hidden",borderRadius,backgroundColor:inputBase.container.backgroundColor[disabled?"disabled":"enabled"]}});};
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/InputRowContainer.tsx";import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{useThemedStyles}from"../../hooks";import{jsx as _jsx}from"react/jsx-runtime";export var InputRowContainer=t0=>{var $=_c(8);var t1=t0.disabled,style=t0.style,children=t0.children;var disabled=t1===undefined?false:t1;var t2;if($[0]!==disabled){t2={props:{disabled}};$[0]=disabled;$[1]=t2;}else{t2=$[1];}var styles=useThemedStyles(createStyles,t2);var t3;if($[2]!==style\|\|$[3]!==styles.container){t3=[styles.container,style];$[2]=style;$[3]=styles.container;$[4]=t3;}else{t3=$[4];}var t4;if($[5]!==children\|\|$[6]!==t3){t4=_jsx(View,{style:t3,children:children});$[5]=children;$[6]=t3;$[7]=t4;}else{t4=$[7];}return t4;};var createStyles=({styles:{inputBase}},{disabled})=>{var borderRadius=inputBase.container.borderRadius;return StyleSheet.create({container:{flexDirection:"row",overflow:"hidden",borderRadius,backgroundColor:inputBase.container.backgroundColor[disabled?"disabled":"enabled"]}});};

package/lib/components/input/InputScaffold.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/InputScaffold.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{useTheme,useThemedStyles}from"../../hooks";import{Icon}from"../icon";import{Text}from"../text";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var InputScaffold=t0=>{var $=_c(23);var label=t0.label,helpText=t0.helpText,mandatory=t0.mandatory,children=t0.children,containerStyle=t0.containerStyle,hasError=t0.hasError;var _useThemedStyles=useThemedStyles("inputScaffold",createStyles),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t1=_useThemedStyles2[1];var icons=t1.icons;var _useTheme=useTheme(),t2=_useTheme.theme;var color=t2.color;var t3;if($[0]!==containerStyle\|\|$[1]!==styles.container){t3=[styles.container,containerStyle];$[0]=containerStyle;$[1]=styles.container;$[2]=t3;}else{t3=$[2];}var t4;if($[3]!==label\|\|$[4]!==styles.labelContainer){t4=label&&_jsx(View,{style:styles.labelContainer,children:typeof label==="string"?_jsx(Text,{variant:"label",children:label}):label});$[3]=label;$[4]=styles.labelContainer;$[5]=t4;}else{t4=$[5];}var t5;if($[6]!==mandatory\|\|$[7]!==styles.mandatoryIndicator){t5=mandatory&&_jsx(Text,{variant:"title",style:styles.mandatoryIndicator,children:"\u2022"});$[6]=mandatory;$[7]=styles.mandatoryIndicator;$[8]=t5;}else{t5=$[8];}var t6;if($[9]!==children\|\|$[10]!==t5){t6=_jsxs(View,{children:[children,t5]});$[9]=children;$[10]=t5;$[11]=t6;}else{t6=$[11];}var t7;if($[12]!==color\|\|$[13]!==hasError\|\|$[14]!==helpText\|\|$[15]!==icons\|\|$[16]!==styles.helpText){t7=(helpText\|\|hasError)&&_jsxs(View,{style:styles.helpText,children:[hasError&&_jsx(Icon,{...icons.error,style:{color:color.error},size:"small"}),helpText&&(typeof helpText==="string"?_jsx(Text,{variant:"caption",children:helpText}):helpText)]});$[12]=color;$[13]=hasError;$[14]=helpText;$[15]=icons;$[16]=styles.helpText;$[17]=t7;}else{t7=$[17];}var t8;if($[18]!==t3\|\|$[19]!==t4\|\|$[20]!==t6\|\|$[21]!==t7){t8=_jsxs(View,{style:t3,children:[t4,t6,t7]});$[18]=t3;$[19]=t4;$[20]=t6;$[21]=t7;$[22]=t8;}else{t8=$[22];}return t8;};var createStyles=({styles:{inputBase,inputScaffold}})=>StyleSheet.create({container:{alignSelf:"stretch",minWidth:0,gap:inputScaffold.gap},labelContainer:{~~marginLeft~~:inputBase.container.padding},mandatoryIndicator:{position:"absolute",color:inputScaffold.mandatoryIndicator.color,~~left~~:inputBase.container.padding},helpText:{flexDirection:"row",gap:inputScaffold.gap,~~marginLeft~~:inputBase.container.padding,alignItems:"center"}});
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/InputScaffold.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{useTheme,useThemedStyles}from"../../hooks";import{Icon}from"../icon";import{Text}from"../text";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var InputScaffold=t0=>{var $=_c(23);var label=t0.label,helpText=t0.helpText,mandatory=t0.mandatory,children=t0.children,containerStyle=t0.containerStyle,hasError=t0.hasError;var _useThemedStyles=useThemedStyles("inputScaffold",createStyles),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t1=_useThemedStyles2[1];var icons=t1.icons;var _useTheme=useTheme(),t2=_useTheme.theme;var color=t2.color;var t3;if($[0]!==containerStyle\|\|$[1]!==styles.container){t3=[styles.container,containerStyle];$[0]=containerStyle;$[1]=styles.container;$[2]=t3;}else{t3=$[2];}var t4;if($[3]!==label\|\|$[4]!==styles.labelContainer){t4=label&&_jsx(View,{style:styles.labelContainer,children:typeof label==="string"?_jsx(Text,{variant:"label",children:label}):label});$[3]=label;$[4]=styles.labelContainer;$[5]=t4;}else{t4=$[5];}var t5;if($[6]!==mandatory\|\|$[7]!==styles.mandatoryIndicator){t5=mandatory&&_jsx(Text,{variant:"title",style:styles.mandatoryIndicator,children:"\u2022"});$[6]=mandatory;$[7]=styles.mandatoryIndicator;$[8]=t5;}else{t5=$[8];}var t6;if($[9]!==children\|\|$[10]!==t5){t6=_jsxs(View,{children:[children,t5]});$[9]=children;$[10]=t5;$[11]=t6;}else{t6=$[11];}var t7;if($[12]!==color\|\|$[13]!==hasError\|\|$[14]!==helpText\|\|$[15]!==icons\|\|$[16]!==styles.helpText){t7=(helpText\|\|hasError)&&_jsxs(View,{style:styles.helpText,children:[hasError&&_jsx(Icon,{...icons.error,style:{color:color.error},size:"small"}),helpText&&(typeof helpText==="string"?_jsx(Text,{variant:"caption",children:helpText}):helpText)]});$[12]=color;$[13]=hasError;$[14]=helpText;$[15]=icons;$[16]=styles.helpText;$[17]=t7;}else{t7=$[17];}var t8;if($[18]!==t3\|\|$[19]!==t4\|\|$[20]!==t6\|\|$[21]!==t7){t8=_jsxs(View,{style:t3,children:[t4,t6,t7]});$[18]=t3;$[19]=t4;$[20]=t6;$[21]=t7;$[22]=t8;}else{t8=$[22];}return t8;};var createStyles=({styles:{inputBase,inputScaffold}})=>StyleSheet.create({container:{alignSelf:"stretch",minWidth:0,gap:inputScaffold.gap},labelContainer:{marginStart:inputBase.container.padding},mandatoryIndicator:{position:"absolute",color:inputScaffold.mandatoryIndicator.color,start:inputBase.container.padding},helpText:{flexDirection:"row",gap:inputScaffold.gap,marginStart:inputBase.container.padding,alignItems:"center"}});

package/lib/components/input/InputScaffold.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export var defaultInputScaffoldStyles=({color,spacing})=>({gap:spacing.tiny,mandatoryIndicator:{color:color.primaryDark},helpText:{gap:spacing.tiny}});

package/lib/components/input/NumberInput.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/NumberInput.tsx";var _excluded=["keyboardType","enabledRepresentations","disabled","clearButtonMode","placeholder","placeholder2","maxLength","value","variant","onChange","onSubmitEditing","ref"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useCallback}from"react";import{StyleSheet,View}from"react-native";import{useThemedStyles}from"../../hooks";import{Text}from"../text";import{InputAction}from"./InputAction";import{InputRowContainer}from"./InputRowContainer";import{InputScaffold}from"./InputScaffold";import{NumberInputBase}from"./NumberInputBase";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var getNextMode=(enabledRepresentations,current)=>{var currentIndex=enabledRepresentations.indexOf(current);var nextIndex=currentIndex+1>=enabledRepresentations.length?0:currentIndex+1;return enabledRepresentations[nextIndex];};var getNextValue=(nextMode,{value,representation})=>{if(nextMode===representation)return undefined;switch(nextMode){case"number":return{representation:"number",value:value?.[0]??""};case"fraction":return{representation:"fraction",value:[value?.[0]??(typeof value==="string"?value:""),"",""]};case"range":return{representation:"range",value:[value?.[0]??(typeof value==="string"?value:""),""]};}};export var NumberInput=t0=>{var $=_c(83);var baseProps;var clearButtonMode;var maxLength;var onChange;var onSubmitEditing;var placeholder;var placeholder2;var ref;var t1;var t2;var t3;var t4;var t5;if($[0]!==t0){t1=t0.keyboardType;t2=t0.enabledRepresentations;t3=t0.disabled;clearButtonMode=t0.clearButtonMode;placeholder=t0.placeholder;placeholder2=t0.placeholder2;maxLength=t0.maxLength;t4=t0.value;t5=t0.variant;onChange=t0.onChange;onSubmitEditing=t0.onSubmitEditing;ref=t0.ref;baseProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=baseProps;$[2]=clearButtonMode;$[3]=maxLength;$[4]=onChange;$[5]=onSubmitEditing;$[6]=placeholder;$[7]=placeholder2;$[8]=ref;$[9]=t1;$[10]=t2;$[11]=t3;$[12]=t4;$[13]=t5;}else{baseProps=$[1];clearButtonMode=$[2];maxLength=$[3];onChange=$[4];onSubmitEditing=$[5];placeholder=$[6];placeholder2=$[7];ref=$[8];t1=$[9];t2=$[10];t3=$[11];t4=$[12];t5=$[13];}var keyboardType=t1===undefined?"number-pad":t1;var ~~t6;if($[14]!==t2){t6~~=t2===undefined?~~["number","fraction","range"]~~:t2~~;$[14]=t2;$[15]=t6~~;~~}else{t6=$[15];}~~var ~~enabledRepresentations=t6;var~~ disabled=t3===undefined?false:t3;var ~~t7;if($[16]!==t4){t7~~=t4===undefined?~~{representation~~:~~"number",value:""}:~~t4~~;$[16]=t4;$[17]=t7~~;~~}else{t7=$[17];}~~var ~~value=t7;var~~ variant=t5===undefined?"regular":t5;var t8;if($[18]!==value){t8={props:{value}};$[18]=value;$[19]=t8;}else{t8=$[19];}var _useThemedStyles=useThemedStyles("numberInput",createStyles,t8),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t9=_useThemedStyles2[1];var icons=t9.icons;var icon=icons[value.representation];var ~~t10~~;if($[20]!==enabledRepresentations\|\|$[21]!==onChange\|\|$[22]!==value){~~t10~~=()=>{var nextMode=getNextMode(enabledRepresentations,value.representation);if(!nextMode){return;}var nextValue=getNextValue(nextMode,value);if(!nextValue){return;}onChange?.(nextValue);};$[20]=enabledRepresentations;$[21]=onChange;$[22]=value;$[23]=~~t10~~;}else{~~t10~~=$[23];}var handleChangeMode=~~t10~~;var ~~t11~~;if($[24]!==onChange\|\|$[25]!==value.representation\|\|$[26]!==value.value?.[1]\|\|$[27]!==value.value?.[2]){~~t11~~=text=>{bb33:switch(value.representation){case"number":{onChange?.({representation:value.representation,value:text});break bb33;}case"fraction":{onChange?.({representation:value.representation,value:[text,value.value?.[1]??"",value.value?.[2]??""]});break bb33;}case"range":{onChange?.({representation:value.representation,value:[text,value.value?.[1]??""]});}}};$[24]=onChange;$[25]=value.representation;$[26]=value.value?.[1];$[27]=value.value?.[2];$[28]=~~t11~~;}else{~~t11~~=$[28];}var handlePrimaryInputChangeText=~~t11~~;var ~~t12~~=enabledRepresentations.length>1?handleChangeMode:undefined;var ~~t13~~;if($[29]!==disabled\|\|$[30]!==icon\|\|$[31]!==~~t12~~\|\|$[32]!==variant){~~t13~~=_jsx(InputAction,{disabled:disabled,variant:variant,...icon,onPress:~~t12~~});$[29]=disabled;$[30]=icon;$[31]=~~t12~~;$[32]=variant;$[33]=~~t13~~;}else{~~t13~~=$[33];}var ~~t14~~=value.representation==="range"?placeholder2:placeholder;var ~~t15~~=value.representation==="number"?value.value:value.value?.[0];var ~~t16~~=value.representation==="fraction"?"number-pad":keyboardType;var ~~t17~~=value.representation==="number"?onSubmitEditing:undefined;var ~~t18~~;if($[34]!==clearButtonMode\|\|$[35]!==disabled\|\|$[36]!==handlePrimaryInputChangeText\|\|$[37]!==maxLength\|\|$[38]!==ref\|\|$[39]!==styles.input\|\|$[40]!==~~t14~~\|\|$[41]!==~~t15~~\|\|$[42]!==~~t16~~\|\|$[43]!==~~t17~~\|\|$[44]!==variant){~~t18~~=_jsx(NumberInputBase,{ref:ref,disabled:disabled,variant:variant,placeholder:~~t14~~,maxLength:maxLength,clearButtonMode:clearButtonMode,value:~~t15~~,keyboardType:~~t16~~,inputStyle:styles.input,onChangeText:handlePrimaryInputChangeText,onSubmitEditing:~~t17~~});$[34]=clearButtonMode;$[35]=disabled;$[36]=handlePrimaryInputChangeText;$[37]=maxLength;$[38]=ref;$[39]=styles.input;$[40]=~~t14~~;$[41]=~~t15~~;$[42]=~~t16~~;$[43]=~~t17~~;$[44]=variant;$[45]=~~t18~~;}else{~~t18~~=$[45];}var ~~t19~~;if($[46]!==clearButtonMode\|\|$[47]!==disabled\|\|$[48]!==maxLength\|\|$[49]!==onChange\|\|$[50]!==onSubmitEditing\|\|$[51]!==placeholder2\|\|$[52]!==styles.input\|\|$[53]!==value.representation\|\|$[54]!==value.value?.[0]\|\|$[55]!==value.value?.[1]\|\|$[56]!==value.value?.[2]\|\|$[57]!==variant){~~t19~~=value.representation==="fraction"&&_jsx(NumberInputBase,{disabled:disabled,variant:variant,placeholder:placeholder2,value:value.value?.[1],maxLength:maxLength,clearButtonMode:clearButtonMode,keyboardType:"number-pad",inputStyle:styles.input,onChangeText:text_0=>onChange?.({representation:value.representation,value:[value.value?.[0]??"",text_0,value.value?.[2]??""]}),onSubmitEditing:onSubmitEditing});$[46]=clearButtonMode;$[47]=disabled;$[48]=maxLength;$[49]=onChange;$[50]=onSubmitEditing;$[51]=placeholder2;$[52]=styles.input;$[53]=value.representation;$[54]=value.value?.[0];$[55]=value.value?.[1];$[56]=value.value?.[2];$[57]=variant;$[58]=~~t19~~;}else{~~t19~~=$[58];}var ~~t20~~;if($[59]!==clearButtonMode\|\|$[60]!==disabled\|\|$[61]!==keyboardType\|\|$[62]!==maxLength\|\|$[63]!==onChange\|\|$[64]!==onSubmitEditing\|\|$[65]!==placeholder2\|\|$[66]!==styles.input\|\|$[67]!==styles.separator\|\|$[68]!==value.representation\|\|$[69]!==value.value?.[0]\|\|$[70]!==value.value?.[1]\|\|$[71]!==value.value?.[2]\|\|$[72]!==variant){~~t20~~=value.representation!=="number"&&_jsxs(_Fragment,{children:[_jsx(View,{style:styles.separator,children:_jsx(Text,{variant:"title",children:value.representation==="fraction"?"/":"\u2212"})}),_jsx(NumberInputBase,{disabled:disabled,variant:variant,placeholder:placeholder2,value:value.representation==="fraction"?value.value?.[2]:value.value?.[1],maxLength:maxLength,clearButtonMode:clearButtonMode,keyboardType:value.representation==="fraction"?"number-pad":keyboardType,inputStyle:styles.input,onChangeText:text_1=>{if(value.representation==="fraction"){onChange?.({representation:value.representation,value:[value.value?.[0]??"",value.value?.[1]??"",text_1]});return;}onChange?.({representation:value.representation,value:[value.value?.[0]??"",text_1]});},onSubmitEditing:onSubmitEditing})]});$[59]=clearButtonMode;$[60]=disabled;$[61]=keyboardType;$[62]=maxLength;$[63]=onChange;$[64]=onSubmitEditing;$[65]=placeholder2;$[66]=styles.input;$[67]=styles.separator;$[68]=value.representation;$[69]=value.value?.[0];$[70]=value.value?.[1];$[71]=value.value?.[2];$[72]=variant;$[73]=~~t20~~;}else{~~t20~~=$[73];}var ~~t21~~;if($[74]!==disabled\|\|$[75]!==~~t13~~\|\|$[76]!==~~t18~~\|\|$[77]!==~~t19~~\|\|$[78]!==~~t20~~){~~t21~~=_jsxs(InputRowContainer,{disabled:disabled,children:[~~t13~~,~~t18~~,~~t19~~,~~t20~~]});$[74]=disabled;$[75]=~~t13~~;$[76]=~~t18~~;$[77]=~~t19~~;$[78]=~~t20~~;$[79]=~~t21~~;}else{~~t21~~=$[79];}var ~~t22~~;if($[80]!==baseProps\|\|$[81]!==~~t21~~){~~t22~~=_jsx(InputScaffold,{...baseProps,children:~~t21~~});$[80]=baseProps;$[81]=~~t21~~;$[82]=~~t22~~;}else{~~t22~~=$[82];}return ~~t22~~;};var createStyles=(_,{value})=>StyleSheet.create({input:{flexGrow:1,flexBasis:0,textAlign:value.representation==="number"?"~~left~~":"center"},separator:{justifyContent:"center"}});
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/NumberInput.tsx";var _excluded=["keyboardType","enabledRepresentations","disabled","clearButtonMode","placeholder","placeholder2","maxLength","value","variant","onChange","onSubmitEditing","ref"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useCallback}from"react";import{StyleSheet,View}from"react-native";import{useThemedStyles}from"../../hooks";import{Text}from"../text";import{InputAction}from"./InputAction";import{InputRowContainer}from"./InputRowContainer";import{InputScaffold}from"./InputScaffold";import{NumberInputBase}from"./NumberInputBase";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var getNextMode=(enabledRepresentations,current)=>{var currentIndex=enabledRepresentations.indexOf(current);var nextIndex=currentIndex+1>=enabledRepresentations.length?0:currentIndex+1;return enabledRepresentations[nextIndex];};var getNextValue=(nextMode,{value,representation})=>{if(nextMode===representation)return undefined;switch(nextMode){case"number":return{representation:"number",value:value?.[0]??""};case"fraction":return{representation:"fraction",value:[value?.[0]??(typeof value==="string"?value:""),"",""]};case"range":return{representation:"range",value:[value?.[0]??(typeof value==="string"?value:""),""]};}};var DEFAULT_ENABLED_REPRESENTATIONS=["number","fraction","range"];var DEFAULT_VALUE={representation:"number",value:""};export var NumberInput=t0=>{var $=_c(79);var baseProps;var clearButtonMode;var maxLength;var onChange;var onSubmitEditing;var placeholder;var placeholder2;var ref;var t1;var t2;var t3;var t4;var t5;if($[0]!==t0){t1=t0.keyboardType;t2=t0.enabledRepresentations;t3=t0.disabled;clearButtonMode=t0.clearButtonMode;placeholder=t0.placeholder;placeholder2=t0.placeholder2;maxLength=t0.maxLength;t4=t0.value;t5=t0.variant;onChange=t0.onChange;onSubmitEditing=t0.onSubmitEditing;ref=t0.ref;baseProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=baseProps;$[2]=clearButtonMode;$[3]=maxLength;$[4]=onChange;$[5]=onSubmitEditing;$[6]=placeholder;$[7]=placeholder2;$[8]=ref;$[9]=t1;$[10]=t2;$[11]=t3;$[12]=t4;$[13]=t5;}else{baseProps=$[1];clearButtonMode=$[2];maxLength=$[3];onChange=$[4];onSubmitEditing=$[5];placeholder=$[6];placeholder2=$[7];ref=$[8];t1=$[9];t2=$[10];t3=$[11];t4=$[12];t5=$[13];}var keyboardType=t1===undefined?"number-pad":t1;var enabledRepresentations=t2===undefined?DEFAULT_ENABLED_REPRESENTATIONS:t2;var disabled=t3===undefined?false:t3;var value=t4===undefined?DEFAULT_VALUE:t4;var variant=t5===undefined?"regular":t5;var t6;if($[14]!==value){t6={props:{value}};$[14]=value;$[15]=t6;}else{t6=$[15];}var _useThemedStyles=useThemedStyles("numberInput",createStyles,t6),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t7=_useThemedStyles2[1];var icons=t7.icons;var icon=icons[value.representation];var t8;if($[16]!==enabledRepresentations\|\|$[17]!==onChange\|\|$[18]!==value){t8=()=>{var nextMode=getNextMode(enabledRepresentations,value.representation);if(!nextMode){return;}var nextValue=getNextValue(nextMode,value);if(!nextValue){return;}onChange?.(nextValue);};$[16]=enabledRepresentations;$[17]=onChange;$[18]=value;$[19]=t8;}else{t8=$[19];}var handleChangeMode=t8;var t9;if($[20]!==onChange\|\|$[21]!==value.representation\|\|$[22]!==value.value?.[1]\|\|$[23]!==value.value?.[2]){t9=text=>{bb33:switch(value.representation){case"number":{onChange?.({representation:value.representation,value:text});break bb33;}case"fraction":{onChange?.({representation:value.representation,value:[text,value.value?.[1]??"",value.value?.[2]??""]});break bb33;}case"range":{onChange?.({representation:value.representation,value:[text,value.value?.[1]??""]});}}};$[20]=onChange;$[21]=value.representation;$[22]=value.value?.[1];$[23]=value.value?.[2];$[24]=t9;}else{t9=$[24];}var handlePrimaryInputChangeText=t9;var t10=enabledRepresentations.length>1?handleChangeMode:undefined;var t11;if($[25]!==disabled\|\|$[26]!==icon\|\|$[27]!==t10\|\|$[28]!==variant){t11=_jsx(InputAction,{disabled:disabled,variant:variant,...icon,onPress:t10});$[25]=disabled;$[26]=icon;$[27]=t10;$[28]=variant;$[29]=t11;}else{t11=$[29];}var t12=value.representation==="range"?placeholder2:placeholder;var t13=value.representation==="number"?value.value:value.value?.[0];var t14=value.representation==="fraction"?"number-pad":keyboardType;var t15=value.representation==="number"?onSubmitEditing:undefined;var t16;if($[30]!==clearButtonMode\|\|$[31]!==disabled\|\|$[32]!==handlePrimaryInputChangeText\|\|$[33]!==maxLength\|\|$[34]!==ref\|\|$[35]!==styles.input\|\|$[36]!==t12\|\|$[37]!==t13\|\|$[38]!==t14\|\|$[39]!==t15\|\|$[40]!==variant){t16=_jsx(NumberInputBase,{ref:ref,disabled:disabled,variant:variant,placeholder:t12,maxLength:maxLength,clearButtonMode:clearButtonMode,value:t13,keyboardType:t14,inputStyle:styles.input,onChangeText:handlePrimaryInputChangeText,onSubmitEditing:t15});$[30]=clearButtonMode;$[31]=disabled;$[32]=handlePrimaryInputChangeText;$[33]=maxLength;$[34]=ref;$[35]=styles.input;$[36]=t12;$[37]=t13;$[38]=t14;$[39]=t15;$[40]=variant;$[41]=t16;}else{t16=$[41];}var t17;if($[42]!==clearButtonMode\|\|$[43]!==disabled\|\|$[44]!==maxLength\|\|$[45]!==onChange\|\|$[46]!==onSubmitEditing\|\|$[47]!==placeholder2\|\|$[48]!==styles.input\|\|$[49]!==value.representation\|\|$[50]!==value.value?.[0]\|\|$[51]!==value.value?.[1]\|\|$[52]!==value.value?.[2]\|\|$[53]!==variant){t17=value.representation==="fraction"&&_jsx(NumberInputBase,{disabled:disabled,variant:variant,placeholder:placeholder2,value:value.value?.[1],maxLength:maxLength,clearButtonMode:clearButtonMode,keyboardType:"number-pad",inputStyle:styles.input,onChangeText:text_0=>onChange?.({representation:value.representation,value:[value.value?.[0]??"",text_0,value.value?.[2]??""]}),onSubmitEditing:onSubmitEditing});$[42]=clearButtonMode;$[43]=disabled;$[44]=maxLength;$[45]=onChange;$[46]=onSubmitEditing;$[47]=placeholder2;$[48]=styles.input;$[49]=value.representation;$[50]=value.value?.[0];$[51]=value.value?.[1];$[52]=value.value?.[2];$[53]=variant;$[54]=t17;}else{t17=$[54];}var t18;if($[55]!==clearButtonMode\|\|$[56]!==disabled\|\|$[57]!==keyboardType\|\|$[58]!==maxLength\|\|$[59]!==onChange\|\|$[60]!==onSubmitEditing\|\|$[61]!==placeholder2\|\|$[62]!==styles.input\|\|$[63]!==styles.separator\|\|$[64]!==value.representation\|\|$[65]!==value.value?.[0]\|\|$[66]!==value.value?.[1]\|\|$[67]!==value.value?.[2]\|\|$[68]!==variant){t18=value.representation!=="number"&&_jsxs(_Fragment,{children:[_jsx(View,{style:styles.separator,children:_jsx(Text,{variant:"title",children:value.representation==="fraction"?"/":"\u2212"})}),_jsx(NumberInputBase,{disabled:disabled,variant:variant,placeholder:placeholder2,value:value.representation==="fraction"?value.value?.[2]:value.value?.[1],maxLength:maxLength,clearButtonMode:clearButtonMode,keyboardType:value.representation==="fraction"?"number-pad":keyboardType,inputStyle:styles.input,onChangeText:text_1=>{if(value.representation==="fraction"){onChange?.({representation:value.representation,value:[value.value?.[0]??"",value.value?.[1]??"",text_1]});return;}onChange?.({representation:value.representation,value:[value.value?.[0]??"",text_1]});},onSubmitEditing:onSubmitEditing})]});$[55]=clearButtonMode;$[56]=disabled;$[57]=keyboardType;$[58]=maxLength;$[59]=onChange;$[60]=onSubmitEditing;$[61]=placeholder2;$[62]=styles.input;$[63]=styles.separator;$[64]=value.representation;$[65]=value.value?.[0];$[66]=value.value?.[1];$[67]=value.value?.[2];$[68]=variant;$[69]=t18;}else{t18=$[69];}var t19;if($[70]!==disabled\|\|$[71]!==t11\|\|$[72]!==t16\|\|$[73]!==t17\|\|$[74]!==t18){t19=_jsxs(InputRowContainer,{disabled:disabled,children:[t11,t16,t17,t18]});$[70]=disabled;$[71]=t11;$[72]=t16;$[73]=t17;$[74]=t18;$[75]=t19;}else{t19=$[75];}var t20;if($[76]!==baseProps\|\|$[77]!==t19){t20=_jsx(InputScaffold,{...baseProps,children:t19});$[76]=baseProps;$[77]=t19;$[78]=t20;}else{t20=$[78];}return t20;};var createStyles=(_,{value})=>StyleSheet.create({input:{flexGrow:1,flexBasis:0,textAlign:value.representation==="number"?"auto":"center"},separator:{justifyContent:"center"}});

package/lib/components/input/NumberInputBase.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/NumberInputBase.tsx";var _excluded=["onChangeText","keyboardType"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useCallback}from"react";import{InputBase}from"./InputBase";import{jsx as _jsx}from"react/jsx-runtime";export var NumberInputBase=t0=>{var $=_c(11);var onChangeText;var props;var t1;if($[0]!==t0){onChangeText=t0.onChangeText;t1=t0.keyboardType;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=onChangeText;$[2]=props;$[3]=t1;}else{onChangeText=$[1];props=$[2];t1=$[3];}var keyboardType=t1===undefined?"number-pad":t1;var t2;if($[4]!==keyboardType\|\|$[5]!==onChangeText){t2=text=>{if(onChangeText){~~var regExp=~~keyboardType==="decimal-pad"?/^([0-9]\.[0-9])/g:/^([0-9])/g;~~var validatedString=text.match(regExp)?.[0];var num=Number.parseFloat(validatedString??"");if(Number.isNaN(num)\|\|validatedString!==num.toString()){onChangeText?.(validatedString??"");return;~~}~~onChangeText?.(num.toString());~~}};$[4]=keyboardType;$[5]=onChangeText;$[6]=t2;}else{t2=$[6];}var handleChangeText=t2;var t3;if($[7]!==handleChangeText\|\|$[8]!==keyboardType\|\|$[9]!==props){t3=_jsx(InputBase,{...props,keyboardType:keyboardType,onChangeText:handleChangeText});$[7]=handleChangeText;$[8]=keyboardType;$[9]=props;$[10]=t3;}else{t3=$[10];}return t3;};
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/NumberInputBase.tsx";var _excluded=["onChangeText","keyboardType"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useCallback}from"react";import{InputBase}from"./InputBase";import{jsx as _jsx}from"react/jsx-runtime";var INTEGER_PATTERN=/^\d/;var DECIMAL_PATTERN=/^\d\.?\d*/;var LEADING_ZEROS_PATTERN=/^0+(?=\d)/;var sanitizeNumber=(text,allowDecimal)=>{var pattern=allowDecimal?DECIMAL_PATTERN:INTEGER_PATTERN;var matched=text.match(pattern)?.[0]??"";return matched.replace(LEADING_ZEROS_PATTERN,"");};export var NumberInputBase=t0=>{var $=_c(11);var onChangeText;var props;var t1;if($[0]!==t0){onChangeText=t0.onChangeText;t1=t0.keyboardType;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=onChangeText;$[2]=props;$[3]=t1;}else{onChangeText=$[1];props=$[2];t1=$[3];}var keyboardType=t1===undefined?"number-pad":t1;var t2;if($[4]!==keyboardType\|\|$[5]!==onChangeText){t2=text=>{if(onChangeText){onChangeText(sanitizeNumber(text,keyboardType==="decimal-pad"));}};$[4]=keyboardType;$[5]=onChangeText;$[6]=t2;}else{t2=$[6];}var handleChangeText=t2;var t3;if($[7]!==handleChangeText\|\|$[8]!==keyboardType\|\|$[9]!==props){t3=_jsx(InputBase,{...props,keyboardType:keyboardType,onChangeText:handleChangeText});$[7]=handleChangeText;$[8]=keyboardType;$[9]=props;$[10]=t3;}else{t3=$[10];}return t3;};

package/lib/components/input/RatingInput.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/RatingInput.tsx";var _excluded=["value","max","disabled","variant","scale","onChange"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useEffect,useMemo,useState}from"react";import{Animated,Easing,PanResponder,StyleSheet,View}from"react-native";import{useTheme,useThemedStyles}from"../../hooks";import{IconBase}from"../icon";import{getRatingIcons,ratingToValue,valueToRating}from"../rating";import{InputScaffold}from"./InputScaffold";import{jsx as _jsx}from"react/jsx-runtime";var animationConfig={easing:Easing.elastic(2),duration:300,scale:1.2,delay:300};export var RatingInput=t0=>{var $=_c(44);var disabledProp;var onChange;var props;var scale;var t1;var t2;var t3;if($[0]!==t0){t1=t0.value;t2=t0.max;disabledProp=t0.disabled;t3=t0.variant;scale=t0.scale;onChange=t0.onChange;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=disabledProp;$[2]=onChange;$[3]=props;$[4]=scale;$[5]=t1;$[6]=t2;$[7]=t3;}else{disabledProp=$[1];onChange=$[2];props=$[3];scale=$[4];t1=$[5];t2=$[6];t3=$[7];}var value=t1===undefined?0:t1;var max=t2===undefined?5:t2;var variant=t3===undefined?"regular":t3;var disabled=disabledProp\|\|!onChange;var _useTheme=useTheme(),theme=_useTheme.theme,t4=_useTheme.styles;var inputBase=t4.inputBase,rating=t4.rating;var t5;if($[8]!==disabled\|\|$[9]!==variant){t5={props:{disabled,variant}};$[8]=disabled;$[9]=variant;$[10]=t5;}else{t5=$[10];}var _useThemedStyles=useThemedStyles("ratingInput",createStyles,t5),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t6=_useThemedStyles2[1];var icons=t6.icons;var _useState=useState(),_useState2=_slicedToArray(_useState,2),width=_useState2[0],setWidth=_useState2[1];var t7;bb0:{if(!width\|\|width<=0){t7=0;break bb0;}var maxSizeForWidth=Math.floor((width-inputBase.container.padding-theme.spacing.tiny(max-1))/max);var maxSizeForHeight=inputBase.container.height[variant]-inputBase.container.padding-theme.spacing.tiny2;t7=Math.max(0,Math.min(maxSizeForWidth,maxSizeForHeight));}var ratingIconSize=t7;var scaledRating=scale?valueToRating(value,max,scale):value;var ratingIcons=getRatingIcons(scaledRating,max);var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),isInteracting=_useState4[0],setInteracting=_useState4[1];var t8;bb1:{var _t;if($[11]!==max\|\|$[12]!==value\|\|$[13]!==width){_t=x=>{if(!width){return value;}return Math.max(0,Math.min(Math.round(x/widthmax2+0.2)/2,max));};$[11]=max;$[12]=value;$[13]=width;$[14]=_t;}else{_t=$[14];}var calculateRating=_t;var _t2;if($[15]!==disabled\|\|$[16]!==max\|\|$[17]!==onChange\|\|$[18]!==scale\|\|$[19]!==value){_t2=newRating=>{if(disabled\|\|newRating===value){return;}onChange?.(scale?ratingToValue(newRating,max,scale):newRating);};$[15]=disabled;$[16]=max;$[17]=onChange;$[18]=scale;$[19]=value;$[20]=_t2;}else{_t2=$[20];}var handleChange=_t2;if(disabled){var _t3;if($[21]===Symbol.for("react.memo_cache_sentinel")){_t3={};$[21]=_t3;}else{_t3=$[21];}t8=_t3;break bb1;}var _t4;if($[22]!==calculateRating\|\|$[23]!==disabled\|\|$[24]!==handleChange){var _t5;if($[26]!==calculateRating\|\|$[27]!==handleChange){_t5=e=>{var newRating_0=calculateRating(e.nativeEvent.locationX);handleChange(newRating_0);};$[26]=calculateRating;$[27]=handleChange;$[28]=_t5;}else{_t5=$[28];}var _t6;if($[29]!==calculateRating\|\|$[30]!==handleChange){_t6=e_1=>{var newRating_2=calculateRating(e_1.nativeEvent.locationX);handleChange(newRating_2);setTimeout(()=>{setInteracting(false);},animationConfig.delay);};$[29]=calculateRating;$[30]=handleChange;$[31]=_t6;}else{_t6=$[31];}var t14;if($[32]===Symbol.for("react.memo_cache_sentinel")){t14=()=>{setTimeout(()=>{setInteracting(false);},animationConfig.delay);};$[32]=t14;}else{t14=$[32];}_t4=PanResponder.create({onStartShouldSetPanResponder:_temp,onStartShouldSetPanResponderCapture:_temp2,onMoveShouldSetPanResponder:_temp3,onMoveShouldSetPanResponderCapture:_temp4,onPanResponderMove:_t5,onPanResponderStart:e_0=>{var newRating_1=calculateRating(e_0.nativeEvent.locationX);handleChange(newRating_1);if(disabled){return;}setInteracting(true);},onPanResponderEnd:_t6,onPanResponderTerminate:t14});$[22]=calculateRating;$[23]=disabled;$[24]=handleChange;$[25]=_t4;}else{_t4=$[25];}t8=_t4.panHandlers;}var panHandlers=t8;var T0=InputScaffold;var T1=View;var t9=styles.container;var t10;if($[33]===Symbol.for("react.memo_cache_sentinel")){t10=e_2=>{var nextWidth=e_2.nativeEvent.layout.width;if(nextWidth>0){setWidth(nextWidth);}};$[33]=t10;}else{t10=$[33];}var t11=ratingIcons.map((variant_0,i)=>_jsx(AnimatedIcon,{active:isInteracting&&scaledRating>i&&scaledRating-1<=i,children:_jsx(IconBase,{...icons[variant_0],~~style:{~~size:ratingIconSize,color:rating.icon.color[variant_0]}})},i));var t12;if($[34]!==T1\|\|$[35]!==panHandlers\|\|$[36]!==styles.container\|\|$[37]!==t10\|\|$[38]!==t11){t12=_jsx(T1,{style:t9,...panHandlers,onLayout:t10,children:t11});$[34]=T1;$[35]=panHandlers;$[36]=styles.container;$[37]=t10;$[38]=t11;$[39]=t12;}else{t12=$[39];}var t13;if($[40]!==T0\|\|$[41]!==props\|\|$[42]!==t12){t13=_jsx(T0,{...props,children:t12});$[40]=T0;$[41]=props;$[42]=t12;$[43]=t13;}else{t13=$[43];}return t13;};var AnimatedIcon=t0=>{var $=_c(11);var active=t0.active,children=t0.children;var scale=animationConfig.scale,easing=animationConfig.easing,duration=animationConfig.duration;var t1;if($[0]!==active){t1=()=>new Animated.Value(active?scale:1);$[0]=active;$[1]=t1;}else{t1=$[1];}var _useState5=useState(t1),_useState6=_slicedToArray(_useState5,1),animatedSize=_useState6[0];var t2;var t3;if($[2]!==active\|\|$[3]!==animatedSize){t2=()=>{var animation=Animated.timing(animatedSize,{toValue:active?scale:1,useNativeDriver:true,easing,duration});animation.start();return animation.stop;};t3=[active,animatedSize];$[2]=active;$[3]=animatedSize;$[4]=t2;$[5]=t3;}else{t2=$[4];t3=$[5];}useEffect(t2,t3);var t4;if($[6]!==animatedSize){t4={transform:[{scale:animatedSize}]};$[6]=animatedSize;$[7]=t4;}else{t4=$[7];}var t5;if($[8]!==children\|\|$[9]!==t4){t5=_jsx(Animated.View,{pointerEvents:"none",style:t4,children:children});$[8]=children;$[9]=t4;$[10]=t5;}else{t5=$[10];}return t5;};var createStyles=({styles:{inputBase}},{disabled,variant})=>{var _inputBase$container=inputBase.container,borderRadius=_inputBase$container.borderRadius,padding=_inputBase$container.padding,height=_inputBase$container.height;return StyleSheet.create({container:{~~height~~:height[variant],borderRadius,backgroundColor:inputBase.container.backgroundColor[disabled?"disabled":"enabled"],padding,flexDirection:"row",alignItems:"center",justifyContent:"space-evenly"}});};function _temp(){return true;}function _temp2(){return true;}function _temp3(){return true;}function _temp4(){return true;}
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/RatingInput.tsx";var _excluded=["value","max","disabled","variant","scale","onChange"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useEffect,useMemo,useState}from"react";import{Animated,Easing,PanResponder,StyleSheet,View}from"react-native";import{useTheme,useThemedStyles}from"../../hooks";import{IconBase}from"../icon";import{getRatingIcons,ratingToValue,valueToRating}from"../rating";import{InputScaffold}from"./InputScaffold";import{jsx as _jsx}from"react/jsx-runtime";var animationConfig={easing:Easing.elastic(2),duration:300,scale:1.2,delay:300};export var RatingInput=t0=>{var $=_c(44);var disabledProp;var onChange;var props;var scale;var t1;var t2;var t3;if($[0]!==t0){t1=t0.value;t2=t0.max;disabledProp=t0.disabled;t3=t0.variant;scale=t0.scale;onChange=t0.onChange;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=disabledProp;$[2]=onChange;$[3]=props;$[4]=scale;$[5]=t1;$[6]=t2;$[7]=t3;}else{disabledProp=$[1];onChange=$[2];props=$[3];scale=$[4];t1=$[5];t2=$[6];t3=$[7];}var value=t1===undefined?0:t1;var max=t2===undefined?5:t2;var variant=t3===undefined?"regular":t3;var disabled=disabledProp\|\|!onChange;var _useTheme=useTheme(),theme=_useTheme.theme,t4=_useTheme.styles;var inputBase=t4.inputBase,rating=t4.rating;var t5;if($[8]!==disabled\|\|$[9]!==variant){t5={props:{disabled,variant}};$[8]=disabled;$[9]=variant;$[10]=t5;}else{t5=$[10];}var _useThemedStyles=useThemedStyles("ratingInput",createStyles,t5),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t6=_useThemedStyles2[1];var icons=t6.icons;var _useState=useState(),_useState2=_slicedToArray(_useState,2),width=_useState2[0],setWidth=_useState2[1];var t7;bb0:{if(!width\|\|width<=0){t7=0;break bb0;}var maxSizeForWidth=Math.floor((width-inputBase.container.padding-theme.spacing.tiny(max-1))/max);var maxSizeForHeight=inputBase.container.height[variant]-inputBase.container.padding-theme.spacing.tiny2;t7=Math.max(0,Math.min(maxSizeForWidth,maxSizeForHeight));}var ratingIconSize=t7;var scaledRating=scale?valueToRating(value,max,scale):value;var ratingIcons=getRatingIcons(scaledRating,max);var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),isInteracting=_useState4[0],setInteracting=_useState4[1];var t8;bb1:{var _t;if($[11]!==max\|\|$[12]!==value\|\|$[13]!==width){_t=x=>{if(!width){return value;}return Math.max(0,Math.min(Math.round(x/widthmax2+0.2)/2,max));};$[11]=max;$[12]=value;$[13]=width;$[14]=_t;}else{_t=$[14];}var calculateRating=_t;var _t2;if($[15]!==disabled\|\|$[16]!==max\|\|$[17]!==onChange\|\|$[18]!==scale\|\|$[19]!==value){_t2=newRating=>{if(disabled\|\|newRating===value){return;}onChange?.(scale?ratingToValue(newRating,max,scale):newRating);};$[15]=disabled;$[16]=max;$[17]=onChange;$[18]=scale;$[19]=value;$[20]=_t2;}else{_t2=$[20];}var handleChange=_t2;if(disabled){var _t3;if($[21]===Symbol.for("react.memo_cache_sentinel")){_t3={};$[21]=_t3;}else{_t3=$[21];}t8=_t3;break bb1;}var _t4;if($[22]!==calculateRating\|\|$[23]!==disabled\|\|$[24]!==handleChange){var _t5;if($[26]!==calculateRating\|\|$[27]!==handleChange){_t5=e=>{var newRating_0=calculateRating(e.nativeEvent.locationX);handleChange(newRating_0);};$[26]=calculateRating;$[27]=handleChange;$[28]=_t5;}else{_t5=$[28];}var _t6;if($[29]!==calculateRating\|\|$[30]!==handleChange){_t6=e_1=>{var newRating_2=calculateRating(e_1.nativeEvent.locationX);handleChange(newRating_2);setTimeout(()=>{setInteracting(false);},animationConfig.delay);};$[29]=calculateRating;$[30]=handleChange;$[31]=_t6;}else{_t6=$[31];}var t14;if($[32]===Symbol.for("react.memo_cache_sentinel")){t14=()=>{setTimeout(()=>{setInteracting(false);},animationConfig.delay);};$[32]=t14;}else{t14=$[32];}_t4=PanResponder.create({onStartShouldSetPanResponder:_temp,onStartShouldSetPanResponderCapture:_temp2,onMoveShouldSetPanResponder:_temp3,onMoveShouldSetPanResponderCapture:_temp4,onPanResponderMove:_t5,onPanResponderStart:e_0=>{var newRating_1=calculateRating(e_0.nativeEvent.locationX);handleChange(newRating_1);if(disabled){return;}setInteracting(true);},onPanResponderEnd:_t6,onPanResponderTerminate:t14});$[22]=calculateRating;$[23]=disabled;$[24]=handleChange;$[25]=_t4;}else{_t4=$[25];}t8=_t4.panHandlers;}var panHandlers=t8;var T0=InputScaffold;var T1=View;var t9=styles.container;var t10;if($[33]===Symbol.for("react.memo_cache_sentinel")){t10=e_2=>{var nextWidth=e_2.nativeEvent.layout.width;if(nextWidth>0){setWidth(nextWidth);}};$[33]=t10;}else{t10=$[33];}var t11=ratingIcons.map((variant_0,i)=>_jsx(AnimatedIcon,{active:isInteracting&&scaledRating>i&&scaledRating-1<=i,children:_jsx(IconBase,{...icons[variant_0],size:ratingIconSize,color:rating.icon.color[variant_0]})},i));var t12;if($[34]!==T1\|\|$[35]!==panHandlers\|\|$[36]!==styles.container\|\|$[37]!==t10\|\|$[38]!==t11){t12=_jsx(T1,{style:t9,...panHandlers,onLayout:t10,children:t11});$[34]=T1;$[35]=panHandlers;$[36]=styles.container;$[37]=t10;$[38]=t11;$[39]=t12;}else{t12=$[39];}var t13;if($[40]!==T0\|\|$[41]!==props\|\|$[42]!==t12){t13=_jsx(T0,{...props,children:t12});$[40]=T0;$[41]=props;$[42]=t12;$[43]=t13;}else{t13=$[43];}return t13;};var AnimatedIcon=t0=>{var $=_c(11);var active=t0.active,children=t0.children;var scale=animationConfig.scale,easing=animationConfig.easing,duration=animationConfig.duration;var t1;if($[0]!==active){t1=()=>new Animated.Value(active?scale:1);$[0]=active;$[1]=t1;}else{t1=$[1];}var _useState5=useState(t1),_useState6=_slicedToArray(_useState5,1),animatedSize=_useState6[0];var t2;var t3;if($[2]!==active\|\|$[3]!==animatedSize){t2=()=>{var animation=Animated.timing(animatedSize,{toValue:active?scale:1,useNativeDriver:true,easing,duration});animation.start();return animation.stop;};t3=[active,animatedSize];$[2]=active;$[3]=animatedSize;$[4]=t2;$[5]=t3;}else{t2=$[4];t3=$[5];}useEffect(t2,t3);var t4;if($[6]!==animatedSize){t4={transform:[{scale:animatedSize}]};$[6]=animatedSize;$[7]=t4;}else{t4=$[7];}var t5;if($[8]!==children\|\|$[9]!==t4){t5=_jsx(Animated.View,{pointerEvents:"none",style:t4,children:children});$[8]=children;$[9]=t4;$[10]=t5;}else{t5=$[10];}return t5;};var createStyles=({styles:{inputBase}},{disabled,variant})=>{var _inputBase$container=inputBase.container,borderRadius=_inputBase$container.borderRadius,padding=_inputBase$container.padding,height=_inputBase$container.height;return StyleSheet.create({container:{minHeight:height[variant],borderRadius,backgroundColor:inputBase.container.backgroundColor[disabled?"disabled":"enabled"],padding,flexDirection:"row",alignItems:"center",justifyContent:"space-evenly"}});};function _temp(){return true;}function _temp2(){return true;}function _temp3(){return true;}function _temp4(){return true;}

package/lib/components/input/SelectionInput.js CHANGED Viewed

	@@ -1 +1 @@
1	- var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/SelectionInput.tsx";var _excluded=["label","disabled","placeholder","hideLabel","selectionMode","selection","style","variant","onAdd"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{useThemedStyles}from"../../hooks";import{ActionBase}from"../action";import{InteractiveIcon}from"../icon";import{Tag}from"../tag";import{Text}from"../text";import{InputScaffold}from"./InputScaffold";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";export var SelectionInput=t0=>{var $=_c(43);var disabledProp;var hideLabel;var label;var onAdd;var placeholder;var props;var selection;var selectionMode;var styleOverrides;var t1;if($[0]!==t0){label=t0.label;disabledProp=t0.disabled;placeholder=t0.placeholder;hideLabel=t0.hideLabel;selectionMode=t0.selectionMode;selection=t0.selection;styleOverrides=t0.style;t1=t0.variant;onAdd=t0.onAdd;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=disabledProp;$[2]=hideLabel;$[3]=label;$[4]=onAdd;$[5]=~~placeholder~~;$[6]=~~props~~;$[7]=~~selection~~;$[8]=~~selectionMode~~;$[9]=~~styleOverrides~~;$[10]=t1;}else{disabledProp=$[1];hideLabel=$[2];label=$[3];onAdd=$[4];~~placeholder~~=$[5];~~props~~=$[6];~~selection~~=$[7];~~selectionMode~~=$[8];~~styleOverrides~~=$[9];t1=$[10];}var variant=t1===undefined?"regular":t1;var disabled=disabledProp\|\|!onAdd;var t2;if($[11]!==styleOverrides){t2={selectionInput:styleOverrides};$[11]=styleOverrides;$[12]=t2;}else{t2=$[12];}var t3;if($[13]!==disabled\|\|$[14]!==variant){t3={disabled,variant};$[13]=disabled;$[14]=variant;$[15]=t3;}else{t3=$[15];}var t4;if($[16]!==t2\|\|$[17]!==t3){t4={styles:t2,props:t3};$[16]=t2;$[17]=t3;$[18]=t4;}else{t4=$[18];}var _useThemedStyles=useThemedStyles("selectionInput",createStyles,t4),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t5=_useThemedStyles2[1];var style=t5.style,icons=t5.icons;var hasSelection=selectionMode==="single"?!!selection:!!selection?.length;var t6=!hideLabel&&label;var t7;if($[19]!==styles.container\|\|$[20]!==styles.containerPressed){t7=t8=>{var pressed=t8.pressed;return[styles.container,pressed&&styles.containerPressed];};$[19]=styles.container;$[20]=styles.containerPressed;$[21]=t7;}else{t7=$[21];}var t8;if($[22]!==disabled\|\|$[23]!==hasSelection\|\|$[24]!==icons.showOptions\|\|$[25]!==placeholder\|\|$[26]!==selection\|\|$[27]!==selectionMode\|\|$[28]!==style.icon\|\|$[29]!==styles.iconContainer\|\|$[30]!==styles.placeholderText\|\|$[31]!==styles.selectionContainer\|\|$[32]!==styles.selectionItemLabel){t8=pressableState=>_jsxs(_Fragment,{children:[_jsxs(View,{style:styles.selectionContainer,children:[selectionMode==="single"&&!!selection&&_jsx(Text,{style:styles.selectionItemLabel,children:selection.label}),selectionMode==="multi"&&!!selection?.length&&selection.map(~~_temp~~),!hasSelection&&_jsx(Text,{style:styles.placeholderText,children:placeholder})]}),_jsx(View,{style:styles.iconContainer,children:_jsx(InteractiveIcon,{...icons.showOptions,disabled:disabled,style:style.icon,...pressableState})})]});$[22]=disabled;$[23]=hasSelection;$[24]=icons.showOptions;$[25]=placeholder;$[26]=selection;$[27]=selectionMode;$[28]=style.icon;$[29]=styles.iconContainer;$[30]=styles.placeholderText;$[31]=styles.selectionContainer;$[32]=styles.selectionItemLabel;$[33]=t8;}else{t8=$[33];}var t9;if($[34]!==disabled\|\|$[35]!==onAdd\|\|$[36]!==t7\|\|$[37]!==t8){t9=_jsx(ActionBase,{disabled:disabled,containerStyle:t7,onPress:onAdd,children:t8});$[34]=disabled;$[35]=onAdd;$[36]=t7;$[37]=t8;$[38]=t9;}else{t9=$[38];}var t10;if($[39]!==props\|\|$[40]!==t6\|\|$[41]!==t9){t10=_jsx(InputScaffold,{label:t6,...props,children:t9});$[39]=props;$[40]=t6;$[41]=t9;$[42]=t10;}else{t10=$[42];}return t10;};SelectionInput.displayName="SelectionInput";var createStyles=({styles:{inputBase,selectionInput}},{disabled,variant})=>{var _inputBase$container=inputBase.container,borderRadius=_inputBase$container.borderRadius,padding=_inputBase$container.padding,height=_inputBase$container.height;return StyleSheet.create({container:{flexDirection:"row",alignItems:"center",justifyContent:"center",minHeight:height[variant],borderRadius,backgroundColor:inputBase.container.backgroundColor[disabled?"disabled":"enabled"]},containerPressed:{backgroundColor:selectionInput.container.backgroundColor.pressed},selectionContainer:{flex:1,minWidth:0,flexDirection:"row",flexWrap:"wrap",gap:selectionInput.selectionContainer.gap,~~paddingLeft~~:padding,marginVertical:padding},selectionItemLabel:{color:inputBase.text.color[disabled?"disabled":"enabled"]},placeholderText:{color:inputBase.text.placeholderColor},iconContainer:{width:height[variant],height:height[variant],alignItems:"center",justifyContent:"center"}});};~~function _temp(item){return _jsx(Tag,{label:item.label},"id"in item?item.id:item.value);}~~
1	+ var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/input/SelectionInput.tsx";var _excluded=["label","disabled","placeholder","hideLabel","selectionMode","selection","style","variant","onAdd","onRemoveItem"];function _slicedToArray(r,e){return _arrayWithHoles(r)\|\|_iterableToArrayLimit(r,e)\|\|_unsupportedIterableToArray(r,e)\|\|_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t\|\|"Set"===t?Array.from(r):"Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a\|\|a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]\|\|r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{useThemedStyles}from"../../hooks";import{ActionBase}from"../action";import{InteractiveIcon}from"../icon";import{Tag}from"../tag";import{Text}from"../text";import{InputScaffold}from"./InputScaffold";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";export var SelectionInput=t0=>{var $=_c(45);var disabledProp;var hideLabel;var label;var onAdd;var onRemoveItem;var placeholder;var props;var selection;var selectionMode;var styleOverrides;var t1;if($[0]!==t0){label=t0.label;disabledProp=t0.disabled;placeholder=t0.placeholder;hideLabel=t0.hideLabel;selectionMode=t0.selectionMode;selection=t0.selection;styleOverrides=t0.style;t1=t0.variant;onAdd=t0.onAdd;onRemoveItem=t0.onRemoveItem;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=disabledProp;$[2]=hideLabel;$[3]=label;$[4]=onAdd;$[5]=onRemoveItem;$[6]=placeholder;$[7]=props;$[8]=selection;$[9]=selectionMode;$[10]=styleOverrides;$[11]=t1;}else{disabledProp=$[1];hideLabel=$[2];label=$[3];onAdd=$[4];onRemoveItem=$[5];placeholder=$[6];props=$[7];selection=$[8];selectionMode=$[9];styleOverrides=$[10];t1=$[11];}var variant=t1===undefined?"regular":t1;var disabled=disabledProp\|\|!onAdd;var t2;if($[12]!==styleOverrides){t2={selectionInput:styleOverrides};$[12]=styleOverrides;$[13]=t2;}else{t2=$[13];}var t3;if($[14]!==disabled\|\|$[15]!==variant){t3={disabled,variant};$[14]=disabled;$[15]=variant;$[16]=t3;}else{t3=$[16];}var t4;if($[17]!==t2\|\|$[18]!==t3){t4={styles:t2,props:t3};$[17]=t2;$[18]=t3;$[19]=t4;}else{t4=$[19];}var _useThemedStyles=useThemedStyles("selectionInput",createStyles,t4),_useThemedStyles2=_slicedToArray(_useThemedStyles,2),styles=_useThemedStyles2[0],t5=_useThemedStyles2[1];var style=t5.style,icons=t5.icons;var hasSelection=selectionMode==="single"?!!selection:!!selection?.length;var t6=!hideLabel&&label;var t7;if($[20]!==styles.container\|\|$[21]!==styles.containerPressed){t7=t8=>{var pressed=t8.pressed;return[styles.container,pressed&&styles.containerPressed];};$[20]=styles.container;$[21]=styles.containerPressed;$[22]=t7;}else{t7=$[22];}var t8;if($[23]!==disabled\|\|$[24]!==hasSelection\|\|$[25]!==icons.showOptions\|\|$[26]!==onRemoveItem\|\|$[27]!==placeholder\|\|$[28]!==selection\|\|$[29]!==selectionMode\|\|$[30]!==style.icon\|\|$[31]!==styles.iconContainer\|\|$[32]!==styles.placeholderText\|\|$[33]!==styles.selectionContainer\|\|$[34]!==styles.selectionItemLabel){t8=pressableState=>_jsxs(_Fragment,{children:[_jsxs(View,{style:styles.selectionContainer,children:[selectionMode==="single"&&!!selection&&_jsx(Text,{style:styles.selectionItemLabel,children:selection.label}),selectionMode==="multi"&&!!selection?.length&&selection.map(item=>_jsx(Tag,{label:item.label,onPress:onRemoveItem?()=>onRemoveItem(item):undefined},"id"in item?item.id:item.value)),!hasSelection&&_jsx(Text,{style:styles.placeholderText,children:placeholder})]}),_jsx(View,{style:styles.iconContainer,children:_jsx(InteractiveIcon,{...icons.showOptions,disabled:disabled,style:style.icon,...pressableState})})]});$[23]=disabled;$[24]=hasSelection;$[25]=icons.showOptions;$[26]=onRemoveItem;$[27]=placeholder;$[28]=selection;$[29]=selectionMode;$[30]=style.icon;$[31]=styles.iconContainer;$[32]=styles.placeholderText;$[33]=styles.selectionContainer;$[34]=styles.selectionItemLabel;$[35]=t8;}else{t8=$[35];}var t9;if($[36]!==disabled\|\|$[37]!==onAdd\|\|$[38]!==t7\|\|$[39]!==t8){t9=_jsx(ActionBase,{disabled:disabled,containerStyle:t7,onPress:onAdd,children:t8});$[36]=disabled;$[37]=onAdd;$[38]=t7;$[39]=t8;$[40]=t9;}else{t9=$[40];}var t10;if($[41]!==props\|\|$[42]!==t6\|\|$[43]!==t9){t10=_jsx(InputScaffold,{label:t6,...props,children:t9});$[41]=props;$[42]=t6;$[43]=t9;$[44]=t10;}else{t10=$[44];}return t10;};SelectionInput.displayName="SelectionInput";var createStyles=({styles:{inputBase,selectionInput}},{disabled,variant})=>{var _inputBase$container=inputBase.container,borderRadius=_inputBase$container.borderRadius,padding=_inputBase$container.padding,height=_inputBase$container.height;return StyleSheet.create({container:{flexDirection:"row",alignItems:"center",justifyContent:"center",minHeight:height[variant],borderRadius,backgroundColor:inputBase.container.backgroundColor[disabled?"disabled":"enabled"]},containerPressed:{backgroundColor:selectionInput.container.backgroundColor.pressed},selectionContainer:{flex:1,minWidth:0,flexDirection:"row",flexWrap:"wrap",gap:selectionInput.selectionContainer.gap,paddingStart:padding,marginVertical:padding},selectionItemLabel:{color:inputBase.text.color[disabled?"disabled":"enabled"]},placeholderText:{color:inputBase.text.placeholderColor},iconContainer:{width:height[variant],height:height[variant],alignItems:"center",justifyContent:"center"}});};

package/lib/components/input/SelectionInput.styles.js ADDED Viewed

@@ -0,0 +1 @@

+ import{defaultInputActionStyles}from"./InputAction.styles";import{defaultInputBaseStyles}from"./InputBase.styles";export var defaultSelectionInputStyles=theme=>{var color=theme.color,spacing=theme.spacing;var inputBase=defaultInputBaseStyles(theme);var inputAction=defaultInputActionStyles(theme);return{container:{backgroundColor:{...inputBase.container.backgroundColor,pressed:color.backgroundHighlight}},selectionContainer:{gap:spacing.tiny},icon:inputAction.icon};};