@reillymc/react-native-components 0.12.1 → 0.12.3
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.
- package/lib/actions/action/Action.js +1 -1
- package/lib/actions/action/ActionBase.js +1 -1
- package/lib/actions/action/IconAction.js +1 -1
- package/lib/actions/action/IconActionBase.js +1 -1
- package/lib/actions/action/PressableBase.js +1 -1
- package/lib/actions/action/StateTint.js +1 -1
- package/lib/actions/button/Button.js +1 -1
- package/lib/actions/button/ButtonBase.js +1 -1
- package/lib/actions/button/IconButton.js +1 -1
- package/lib/actions/button/IconButtonBase.js +1 -1
- package/lib/actions/surface/InteractionSurface.js +1 -1
- package/lib/actions/surface/StateLayer.js +1 -1
- package/lib/actions/swipeAction/SwipeAction.js +1 -1
- package/lib/display/avatar/Avatar.js +1 -1
- package/lib/display/badge/Badge.js +1 -1
- package/lib/display/contentRow/ContentRow.js +1 -1
- package/lib/display/index.js +1 -1
- package/lib/display/listItem/ListItem.js +1 -1
- package/lib/display/rating/Rating.js +1 -1
- package/lib/display/tag/Tag.js +1 -1
- package/lib/display/tag/TagIcon.js +1 -1
- package/lib/display/toggleIndicator/ToggleIndicator.js +1 -0
- package/lib/display/toggleIndicator/ToggleIndicator.theme.js +1 -0
- package/lib/display/toggleIndicator/index.js +1 -0
- package/lib/feedback/toast/Toast.js +1 -1
- package/lib/forms/field/Field.js +1 -1
- package/lib/forms/field/Field.theme.js +1 -1
- package/lib/forms/field/FieldAction.js +1 -1
- package/lib/forms/field/FieldIcon.js +1 -1
- package/lib/forms/field/FieldNumberInput.js +1 -1
- package/lib/forms/field/FieldRow.js +1 -1
- package/lib/forms/field/FieldSurface.js +1 -1
- package/lib/forms/field/FieldSurfacePressLayer.js +1 -1
- package/lib/forms/field/FieldTextInput.js +1 -1
- package/lib/forms/formContainer/FormContainer.js +1 -1
- package/lib/forms/formRow/FormRow.js +1 -1
- package/lib/forms/input/TextInput.js +1 -1
- package/lib/forms/input/TextInput.theme.js +1 -0
- package/lib/forms/input/comboboxInput/ComboboxBlurGuard.web.js +1 -1
- package/lib/forms/input/comboboxInput/ComboboxInput.js +1 -1
- package/lib/forms/input/comboboxInput/ComboboxInput.theme.js +1 -1
- package/lib/forms/input/comboboxInput/ComboboxInputBase.js +1 -1
- package/lib/forms/input/counterInput/CounterControl.js +1 -1
- package/lib/forms/input/counterInput/CounterInput.js +1 -1
- package/lib/forms/input/counterInput/CounterInput.theme.js +1 -0
- package/lib/forms/input/numberInput/NumberInput.js +1 -1
- package/lib/forms/input/numberInput/NumberInput.theme.js +1 -0
- package/lib/forms/input/ratingInput/AnimatedStar.js +1 -1
- package/lib/forms/input/ratingInput/RatingControl.js +1 -1
- package/lib/forms/input/ratingInput/RatingInput.js +1 -1
- package/lib/forms/input/ratingInput/RatingInput.theme.js +1 -1
- package/lib/forms/input/selectionInput/SelectionControl.js +1 -1
- package/lib/forms/input/selectionInput/SelectionInput.js +1 -1
- package/lib/forms/input/selectionInput/SelectionInput.theme.js +1 -1
- package/lib/forms/input/shared/SegmentedInputSegments.js +1 -0
- package/lib/forms/input/timeInput/TimeInput.js +1 -1
- package/lib/forms/input/timeInput/TimeInput.theme.js +1 -0
- package/lib/forms/input/toggleInput/ToggleControl.js +1 -1
- package/lib/forms/input/toggleInput/ToggleInput.js +1 -1
- package/lib/forms/input/toggleInput/ToggleInput.theme.js +1 -1
- package/lib/icons/Icon.js +1 -1
- package/lib/icons/IconBase.js +1 -1
- package/lib/icons/index.js +1 -1
- package/lib/icons/ui/ArrowBoth.js +1 -1
- package/lib/icons/ui/Check.js +1 -1
- package/lib/icons/ui/ChevronDown.js +1 -1
- package/lib/icons/ui/Circle.js +1 -1
- package/lib/icons/ui/CircleFilled.js +1 -1
- package/lib/icons/ui/Clock.js +1 -1
- package/lib/icons/ui/Dash.js +1 -1
- package/lib/icons/ui/Exclamation.js +1 -1
- package/lib/icons/ui/InfinityGlyph.js +1 -1
- package/lib/icons/ui/NumberGlyph.js +1 -1
- package/lib/icons/ui/Plus.js +1 -1
- package/lib/icons/ui/StarBorder.js +1 -1
- package/lib/icons/ui/StarFull.js +1 -1
- package/lib/icons/ui/StarHalf.js +1 -1
- package/lib/icons/ui/index.js +1 -1
- package/lib/layout/collapsiblePanel/CollapsiblePanel.js +1 -1
- package/lib/layout/swipeable/SwipeableContainer.js +1 -1
- package/lib/overlays/anchoredContainer/AnchoredContainer.ios.js +1 -1
- package/lib/overlays/anchoredContainer/AnchoredContainer.js +1 -1
- package/lib/overlays/anchoredContainer/AnchoredContainer.web.js +1 -1
- package/lib/overlays/anchoredContainer/InlineMount.js +1 -1
- package/lib/overlays/anchoredContainer/OverlayMount.js +1 -1
- package/lib/overlays/menu/Menu.js +1 -1
- package/lib/overlays/menu/MenuItem.js +1 -1
- package/lib/overlays/menu/VirtualizedListContextResetter.js +1 -0
- package/lib/overlays/menu/VirtualizedListContextResetter.web.js +1 -0
- package/lib/theme/ThemeProvider.js +1 -1
- package/lib/theme/createAppTheme.js +1 -1
- package/lib/theme/icons.js +1 -1
- package/lib/theme/size.js +0 -0
- package/lib/theme/themeDefinitions.js +1 -1
- package/lib/types/display/index.d.ts +1 -0
- package/lib/types/display/index.d.ts.map +1 -1
- package/lib/types/display/toggleIndicator/ToggleIndicator.d.ts +25 -0
- package/lib/types/display/toggleIndicator/ToggleIndicator.d.ts.map +1 -0
- package/lib/types/display/toggleIndicator/ToggleIndicator.theme.d.ts +3 -0
- package/lib/types/display/toggleIndicator/ToggleIndicator.theme.d.ts.map +1 -0
- package/lib/types/display/toggleIndicator/index.d.ts +2 -0
- package/lib/types/display/toggleIndicator/index.d.ts.map +1 -0
- package/lib/types/forms/field/Field.d.ts +7 -3
- package/lib/types/forms/field/Field.d.ts.map +1 -1
- package/lib/types/forms/field/Field.theme.d.ts +7 -7
- package/lib/types/forms/field/Field.theme.d.ts.map +1 -1
- package/lib/types/forms/field/FieldContext.d.ts +1 -1
- package/lib/types/forms/field/FieldRow.d.ts.map +1 -1
- package/lib/types/forms/field/FieldSurface.d.ts +3 -0
- package/lib/types/forms/field/FieldSurface.d.ts.map +1 -1
- package/lib/types/forms/field/FieldTextInput.d.ts +2 -5
- package/lib/types/forms/field/FieldTextInput.d.ts.map +1 -1
- package/lib/types/forms/field/index.d.ts +1 -1
- package/lib/types/forms/field/index.d.ts.map +1 -1
- package/lib/types/forms/index.d.ts +2 -2
- package/lib/types/forms/index.d.ts.map +1 -1
- package/lib/types/forms/input/TextInput.d.ts +5 -1
- package/lib/types/forms/input/TextInput.d.ts.map +1 -1
- package/lib/types/forms/input/TextInput.theme.d.ts +7 -0
- package/lib/types/forms/input/TextInput.theme.d.ts.map +1 -0
- package/lib/types/forms/input/comboboxInput/ComboboxInput.d.ts +6 -5
- package/lib/types/forms/input/comboboxInput/ComboboxInput.d.ts.map +1 -1
- package/lib/types/forms/input/comboboxInput/ComboboxInput.theme.d.ts +6 -0
- package/lib/types/forms/input/comboboxInput/ComboboxInput.theme.d.ts.map +1 -1
- package/lib/types/forms/input/comboboxInput/ComboboxInputBase.d.ts +3 -0
- package/lib/types/forms/input/comboboxInput/ComboboxInputBase.d.ts.map +1 -1
- package/lib/types/forms/input/comboboxInput/index.d.ts +1 -0
- package/lib/types/forms/input/comboboxInput/index.d.ts.map +1 -1
- package/lib/types/forms/input/counterInput/CounterControl.d.ts +3 -0
- package/lib/types/forms/input/counterInput/CounterControl.d.ts.map +1 -1
- package/lib/types/forms/input/counterInput/CounterInput.d.ts +3 -0
- package/lib/types/forms/input/counterInput/CounterInput.d.ts.map +1 -1
- package/lib/types/forms/input/counterInput/CounterInput.theme.d.ts +8 -0
- package/lib/types/forms/input/counterInput/CounterInput.theme.d.ts.map +1 -0
- package/lib/types/forms/input/counterInput/index.d.ts +1 -0
- package/lib/types/forms/input/counterInput/index.d.ts.map +1 -1
- package/lib/types/forms/input/index.d.ts +6 -5
- package/lib/types/forms/input/index.d.ts.map +1 -1
- package/lib/types/forms/input/numberInput/NumberInput.d.ts +3 -0
- package/lib/types/forms/input/numberInput/NumberInput.d.ts.map +1 -1
- package/lib/types/forms/input/numberInput/NumberInput.theme.d.ts +8 -0
- package/lib/types/forms/input/numberInput/NumberInput.theme.d.ts.map +1 -0
- package/lib/types/forms/input/numberInput/index.d.ts +1 -0
- package/lib/types/forms/input/numberInput/index.d.ts.map +1 -1
- package/lib/types/forms/input/ratingInput/RatingInput.d.ts.map +1 -1
- package/lib/types/forms/input/ratingInput/RatingInput.theme.d.ts +2 -0
- package/lib/types/forms/input/ratingInput/RatingInput.theme.d.ts.map +1 -1
- package/lib/types/forms/input/selectionInput/SelectionControl.d.ts.map +1 -1
- package/lib/types/forms/input/selectionInput/SelectionInput.theme.d.ts +2 -0
- package/lib/types/forms/input/selectionInput/SelectionInput.theme.d.ts.map +1 -1
- package/lib/types/forms/input/shared/SegmentedInputSegments.d.ts +11 -0
- package/lib/types/forms/input/shared/SegmentedInputSegments.d.ts.map +1 -0
- package/lib/types/forms/input/timeInput/TimeInput.d.ts +3 -0
- package/lib/types/forms/input/timeInput/TimeInput.d.ts.map +1 -1
- package/lib/types/forms/input/timeInput/TimeInput.theme.d.ts +11 -0
- package/lib/types/forms/input/timeInput/TimeInput.theme.d.ts.map +1 -0
- package/lib/types/forms/input/timeInput/index.d.ts +1 -0
- package/lib/types/forms/input/timeInput/index.d.ts.map +1 -1
- package/lib/types/forms/input/toggleInput/ToggleControl.d.ts +3 -4
- package/lib/types/forms/input/toggleInput/ToggleControl.d.ts.map +1 -1
- package/lib/types/forms/input/toggleInput/ToggleInput.d.ts +3 -4
- package/lib/types/forms/input/toggleInput/ToggleInput.d.ts.map +1 -1
- package/lib/types/forms/input/toggleInput/ToggleInput.theme.d.ts +2 -12
- package/lib/types/forms/input/toggleInput/ToggleInput.theme.d.ts.map +1 -1
- package/lib/types/forms/input/toggleInput/index.d.ts +1 -1
- package/lib/types/forms/input/toggleInput/index.d.ts.map +1 -1
- package/lib/types/icons/index.d.ts +1 -0
- package/lib/types/icons/index.d.ts.map +1 -1
- package/lib/types/overlays/menu/Menu.d.ts.map +1 -1
- package/lib/types/overlays/menu/VirtualizedListContextResetter.d.ts +3 -0
- package/lib/types/overlays/menu/VirtualizedListContextResetter.d.ts.map +1 -0
- package/lib/types/overlays/menu/VirtualizedListContextResetter.web.d.ts +3 -0
- package/lib/types/overlays/menu/VirtualizedListContextResetter.web.d.ts.map +1 -0
- package/lib/types/theme/icons.d.ts +3 -3
- package/lib/types/theme/icons.d.ts.map +1 -1
- package/lib/types/theme/index.d.ts +1 -0
- package/lib/types/theme/index.d.ts.map +1 -1
- package/lib/types/theme/size.d.ts +2 -0
- package/lib/types/theme/size.d.ts.map +1 -0
- package/lib/types/theme/theme.d.ts +12 -2
- package/lib/types/theme/theme.d.ts.map +1 -1
- package/lib/types/theme/themeDefinitions.d.ts.map +1 -1
- package/lib/typography/text/HighlightedText.js +1 -1
- package/lib/typography/text/Text.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["label","variant","theme"];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{useComponent}from"../../internal";import{Text}from"../../typography/text";import{ActionBase}from"./ActionBase";import{StateTint}from"./StateTint";import{jsx as _jsx}from"react/jsx-runtime";export var Action=t0=>{var $=_c(14);var baseProps;var label;var t1;var themeOverrides;if($[0]!==t0){label=t0.label;t1=t0.variant;themeOverrides=t0.theme;baseProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=baseProps;$[2]=label;$[3]=t1;$[4]=themeOverrides;}else{baseProps=$[1];label=$[2];t1=$[3];themeOverrides=$[4];}var variant=t1===undefined?"secondary":t1;var t2;if($[5]!==themeOverrides){t2={themeOverrides};$[5]=themeOverrides;$[6]=t2;}else{t2=$[6];}var _useComponent=useComponent("action",t2),theme=_useComponent.theme;var t3;if($[7]!==label||$[8]!==theme.label.color||$[9]!==variant){t3=state=>_jsx(StateTint,{...state,children:_jsx(Text,{numberOfLines:1,theme:{color:theme.label.color[variant]},children:label})});$[7]=label;$[8]=theme.label.color;$[9]=variant;$[10]=t3;}else{t3=$[10];}var t4;if($[11]!==baseProps||$[12]!==t3){t4=_jsx(ActionBase,{...baseProps,children:t3});$[11]=baseProps;$[12]=t3;$[13]=t4;}else{t4=$[13];}return t4;};Action.displayName="Action";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["disabled","highlighted","style","hitSlop","onFocus","onBlur","theme","children","onPress"];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{View}from"react-native";import{defineStyles,useComponent,useFocusVisible}from"../../internal";import{useSystems}from"../../theme";import{PressableBase}from"./PressableBase";import{jsx as _jsx}from"react/jsx-runtime";export var ActionBase=t0=>{var $=_c(61);var children;var disabled;var highlighted;var hitSlopOverride;var onBlur;var onFocus;var onPress;var pressableProps;var style;var themeOverrides;if($[0]!==t0){disabled=t0.disabled;highlighted=t0.highlighted;style=t0.style;hitSlopOverride=t0.hitSlop;onFocus=t0.onFocus;onBlur=t0.onBlur;themeOverrides=t0.theme;children=t0.children;onPress=t0.onPress;pressableProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=children;$[2]=disabled;$[3]=highlighted;$[4]=hitSlopOverride;$[5]=onBlur;$[6]=onFocus;$[7]=onPress;$[8]=pressableProps;$[9]=style;$[10]=themeOverrides;}else{children=$[1];disabled=$[2];highlighted=$[3];hitSlopOverride=$[4];onBlur=$[5];onFocus=$[6];onPress=$[7];pressableProps=$[8];style=$[9];themeOverrides=$[10];}var focus=useFocusVisible();var t1;if($[11]!==themeOverrides){t1={themeOverrides,createStyles};$[11]=themeOverrides;$[12]=t1;}else{t1=$[12];}var _useComponent=useComponent("actionBase",t1),styles=_useComponent.styles;var _useSystems=useSystems(),getFocusRingStyle=_useSystems.getFocusRingStyle,getDisabledStyle=_useSystems.getDisabledStyle,hitSlop=_useSystems.hitSlop;var resolvedHitSlop=hitSlopOverride??hitSlop.default;var t2;if($[13]!==children){t2=state=>typeof children==="function"?children(state):children;$[13]=children;$[14]=t2;}else{t2=$[14];}var renderChildren=t2;if(!onPress){var _t=!!disabled;var _t2;if($[15]!==getDisabledStyle||$[16]!==_t){_t2=getDisabledStyle(_t);$[15]=getDisabledStyle;$[16]=_t;$[17]=_t2;}else{_t2=$[17];}var _t3;if($[18]!==style||$[19]!==styles.pressable||$[20]!==_t2){_t3=[_t2,styles.pressable,style];$[18]=style;$[19]=styles.pressable;$[20]=_t2;$[21]=_t3;}else{_t3=$[21];}var _t4;if($[22]!==renderChildren){_t4=renderChildren({pressed:false,hovered:false});$[22]=renderChildren;$[23]=_t4;}else{_t4=$[23];}var _t5;if($[24]!==pressableProps||$[25]!==_t3||$[26]!==_t4){_t5=_jsx(View,{...pressableProps,style:_t3,children:_t4});$[24]=pressableProps;$[25]=_t3;$[26]=_t4;$[27]=_t5;}else{_t5=$[27];}return _t5;}var t3;if($[28]!==focus||$[29]!==onBlur){t3=event=>{focus.onBlur();onBlur?.(event);};$[28]=focus;$[29]=onBlur;$[30]=t3;}else{t3=$[30];}var t4;if($[31]!==focus||$[32]!==onFocus){t4=event_0=>{focus.onFocus();onFocus?.(event_0);};$[31]=focus;$[32]=onFocus;$[33]=t4;}else{t4=$[33];}var t5=focus.onPointerCancel;var t6=focus.onPointerDown;var t7=focus.onPointerUp;var t8=!disabled&&focus.focusVisible;var t9;if($[34]!==getFocusRingStyle||$[35]!==t8){t9=getFocusRingStyle(t8);$[34]=getFocusRingStyle;$[35]=t8;$[36]=t9;}else{t9=$[36];}var t10=!!disabled;var t11;if($[37]!==getDisabledStyle||$[38]!==t10){t11=getDisabledStyle(t10);$[37]=getDisabledStyle;$[38]=t10;$[39]=t11;}else{t11=$[39];}var t12;if($[40]!==style||$[41]!==styles.pressable||$[42]!==t11||$[43]!==t9){t12=[t9,t11,styles.pressable,style];$[40]=style;$[41]=styles.pressable;$[42]=t11;$[43]=t9;$[44]=t12;}else{t12=$[44];}var t13;if($[45]!==children||$[46]!==disabled||$[47]!==highlighted){t13=state_0=>typeof children==="function"?children({...state_0,hovered:!disabled&&(state_0.hovered||highlighted)}):children;$[45]=children;$[46]=disabled;$[47]=highlighted;$[48]=t13;}else{t13=$[48];}var t14;if($[49]!==disabled||$[50]!==focus.onPointerCancel||$[51]!==focus.onPointerDown||$[52]!==focus.onPointerUp||$[53]!==onPress||$[54]!==pressableProps||$[55]!==resolvedHitSlop||$[56]!==t12||$[57]!==t13||$[58]!==t3||$[59]!==t4){t14=_jsx(PressableBase,{...pressableProps,hitSlop:resolvedHitSlop,disabled:disabled,onBlur:t3,onFocus:t4,onPointerCancel:t5,onPointerDown:t6,onPointerUp:t7,onPress:onPress,style:t12,children:t13});$[49]=disabled;$[50]=focus.onPointerCancel;$[51]=focus.onPointerDown;$[52]=focus.onPointerUp;$[53]=onPress;$[54]=pressableProps;$[55]=resolvedHitSlop;$[56]=t12;$[57]=t13;$[58]=t3;$[59]=t4;$[60]=t14;}else{t14=$[60];}return t14;};var createStyles=defineStyles(theme=>({pressable:{borderRadius:theme.borderRadius,overflow:"hidden"}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["variant","theme"];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{useComponent}from"../../internal";import{IconActionBase}from"./IconActionBase";import{jsx as _jsx}from"react/jsx-runtime";export var IconAction=t0=>{var $=_c(11);var props;var t1;var themeOverrides;if($[0]!==t0){t1=t0.variant;themeOverrides=t0.theme;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=props;$[2]=t1;$[3]=themeOverrides;}else{props=$[1];t1=$[2];themeOverrides=$[3];}var variant=t1===undefined?"secondary":t1;var t2;if($[4]!==themeOverrides){t2={themeOverrides};$[4]=themeOverrides;$[5]=t2;}else{t2=$[5];}var _useComponent=useComponent("iconAction",t2),theme=_useComponent.theme;var t3=theme.color[variant];var t4;if($[6]!==t3){t4={color:t3};$[6]=t3;$[7]=t4;}else{t4=$[7];}var t5;if($[8]!==props||$[9]!==t4){t5=_jsx(IconActionBase,{...props,theme:t4});$[8]=props;$[9]=t4;$[10]=t5;}else{t5=$[10];}return t5;};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["label","iconPosition","iconSize","theme","iconName","iconSet"];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{IconBase}from"../../icons/IconBase";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{ActionBase}from"./ActionBase";import{StateTint}from"./StateTint";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var IconActionBase=t0=>{var $=_c(23);var actionProps;var iconName;var iconSet;var iconSize;var label;var t1;var themeOverrides;if($[0]!==t0){label=t0.label;t1=t0.iconPosition;iconSize=t0.iconSize;themeOverrides=t0.theme;iconName=t0.iconName;iconSet=t0.iconSet;actionProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=actionProps;$[2]=iconName;$[3]=iconSet;$[4]=iconSize;$[5]=label;$[6]=t1;$[7]=themeOverrides;}else{actionProps=$[1];iconName=$[2];iconSet=$[3];iconSize=$[4];label=$[5];t1=$[6];themeOverrides=$[7];}var iconPosition=t1===undefined?"start":t1;var t2;if($[8]!==iconPosition){t2={iconPosition};$[8]=iconPosition;$[9]=t2;}else{t2=$[9];}var t3;if($[10]!==t2||$[11]!==themeOverrides){t3={themeOverrides,props:t2,createStyles};$[10]=t2;$[11]=themeOverrides;$[12]=t3;}else{t3=$[12];}var _useComponent=useComponent("iconActionBase",t3),styles=_useComponent.styles,theme=_useComponent.theme;var t4;if($[13]!==iconName||$[14]!==iconSet||$[15]!==iconSize||$[16]!==label||$[17]!==styles.container||$[18]!==theme.color){t4=state=>_jsxs(StateTint,{...state,style:styles.container,children:[_jsx(IconBase,{iconSet:iconSet,iconName:iconName,size:iconSize,color:theme.color}),!!label&&_jsx(Text,{numberOfLines:1,theme:{color:theme.color},children:label})]});$[13]=iconName;$[14]=iconSet;$[15]=iconSize;$[16]=label;$[17]=styles.container;$[18]=theme.color;$[19]=t4;}else{t4=$[19];}var t5;if($[20]!==actionProps||$[21]!==t4){t5=_jsx(ActionBase,{...actionProps,children:t4});$[20]=actionProps;$[21]=t4;$[22]=t5;}else{t5=$[22];}return t5;};var createStyles=defineStyles((theme,props)=>({container:{display:"flex",flexDirection:props.iconPosition==="start"?"row":"row-reverse",alignItems:"center",gap:theme.gap}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["children","onHoverIn","onHoverOut"];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{useState}from"react";import{Pressable}from"react-native";import{jsx as _jsx}from"react/jsx-runtime";export var PressableBase=t0=>{var $=_c(17);var children;var onHoverIn;var onHoverOut;var props;if($[0]!==t0){children=t0.children;onHoverIn=t0.onHoverIn;onHoverOut=t0.onHoverOut;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=children;$[2]=onHoverIn;$[3]=onHoverOut;$[4]=props;}else{children=$[1];onHoverIn=$[2];onHoverOut=$[3];props=$[4];}var _useState=useState(false),_useState2=_slicedToArray(_useState,2),hovered=_useState2[0],setHovered=_useState2[1];var t1;if($[5]!==onHoverIn){t1=event=>{setHovered(true);onHoverIn?.(event);};$[5]=onHoverIn;$[6]=t1;}else{t1=$[6];}var t2;if($[7]!==onHoverOut){t2=event_0=>{setHovered(false);onHoverOut?.(event_0);};$[7]=onHoverOut;$[8]=t2;}else{t2=$[8];}var t3;if($[9]!==children||$[10]!==hovered){t3=state=>typeof children==="function"?children({...state,hovered}):children;$[9]=children;$[10]=hovered;$[11]=t3;}else{t3=$[11];}var t4;if($[12]!==props||$[13]!==t1||$[14]!==t2||$[15]!==t3){t4=_jsx(Pressable,{...props,onHoverIn:t1,onHoverOut:t2,children:t3});$[12]=props;$[13]=t1;$[14]=t2;$[15]=t3;$[16]=t4;}else{t4=$[16];}return t4;};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import Animated,{useAnimatedStyle,withTiming}from"react-native-reanimated";import{useSystems}from"../../theme/useSystems";import{jsx as _jsx}from"react/jsx-runtime";export var StateTint=t0=>{var $=_c(6);var pressed=t0.pressed,hovered=t0.hovered,style=t0.style,children=t0.children;var _useSystems=useSystems(),state=_useSystems.state;var target=pressed?1-state.pressedOpacity:hovered?1-state.hoverOpacity:1;var duration=pressed?state.pressDuration:state.hoverDuration;var animatedStyle=useAnimatedStyle(()=>({opacity:withTiming(target,{duration})}),[target,duration]);var t1;if($[0]!==animatedStyle||$[1]!==style){t1=[style,animatedStyle];$[0]=animatedStyle;$[1]=style;$[2]=t1;}else{t1=$[2];}var t2;if($[3]!==children||$[4]!==t1){t2=_jsx(Animated.View,{style:t1,children:children});$[3]=children;$[4]=t1;$[5]=t2;}else{t2=$[5];}return t2;};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["label","variant","appearance","theme"];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{useComponent}from"../../internal";import{Text}from"../../typography/text";import{ButtonBase}from"./ButtonBase";import{jsx as _jsx}from"react/jsx-runtime";export var Button=t0=>{var $=_c(20);var buttonProps;var label;var t1;var t2;var themeOverrides;if($[0]!==t0){label=t0.label;t1=t0.variant;t2=t0.appearance;themeOverrides=t0.theme;buttonProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=buttonProps;$[2]=label;$[3]=t1;$[4]=t2;$[5]=themeOverrides;}else{buttonProps=$[1];label=$[2];t1=$[3];t2=$[4];themeOverrides=$[5];}var variant=t1===undefined?"primary":t1;var appearance=t2===undefined?"subtle":t2;var t3;if($[6]!==themeOverrides){t3={themeOverrides};$[6]=themeOverrides;$[7]=t3;}else{t3=$[7];}var _useComponent=useComponent("button",t3),theme=_useComponent.theme;var content=theme.appearance[appearance].content[variant];var container=appearance==="prominent"?theme.appearance.prominent.container[variant]:theme.appearance.subtle.container;var t4;if($[8]!==container||$[9]!==theme.container.borderRadius){t4={borderRadius:theme.container.borderRadius,backgroundColor:container};$[8]=container;$[9]=theme.container.borderRadius;$[10]=t4;}else{t4=$[10];}var t5;if($[11]!==content){t5={color:content};$[11]=content;$[12]=t5;}else{t5=$[12];}var t6;if($[13]!==label||$[14]!==t5){t6=_jsx(Text,{numberOfLines:1,theme:t5,children:label});$[13]=label;$[14]=t5;$[15]=t6;}else{t6=$[15];}var t7;if($[16]!==buttonProps||$[17]!==t4||$[18]!==t6){t7=_jsx(ButtonBase,{...buttonProps,theme:t4,children:t6});$[16]=buttonProps;$[17]=t4;$[18]=t6;$[19]=t7;}else{t7=$[19];}return t7;};Button.displayName="Button";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["style","width","theme","children"];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{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{InteractionSurface}from"../surface";import{jsx as _jsx}from"react/jsx-runtime";export var ButtonBase=t0=>{var $=_c(21);var children;var props;var style;var t1;var themeOverrides;if($[0]!==t0){style=t0.style;t1=t0.width;themeOverrides=t0.theme;children=t0.children;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=children;$[2]=props;$[3]=style;$[4]=t1;$[5]=themeOverrides;}else{children=$[1];props=$[2];style=$[3];t1=$[4];themeOverrides=$[5];}var width=t1===undefined?"auto":t1;var t2;if($[6]!==width){t2={width};$[6]=width;$[7]=t2;}else{t2=$[7];}var t3;if($[8]!==t2||$[9]!==themeOverrides){t3={themeOverrides,props:t2,createStyles};$[8]=t2;$[9]=themeOverrides;$[10]=t3;}else{t3=$[10];}var _useComponent=useComponent("buttonBase",t3),styles=_useComponent.styles;var t4;if($[11]!==style||$[12]!==styles.buttonBase){t4=[styles.buttonBase,style];$[11]=style;$[12]=styles.buttonBase;$[13]=t4;}else{t4=$[13];}var t5;if($[14]!==children||$[15]!==styles.innerContainer){t5=_jsx(View,{style:styles.innerContainer,children:children});$[14]=children;$[15]=styles.innerContainer;$[16]=t5;}else{t5=$[16];}var t6;if($[17]!==props||$[18]!==t4||$[19]!==t5){t6=_jsx(InteractionSurface,{...props,style:t4,children:t5});$[17]=props;$[18]=t4;$[19]=t5;$[20]=t6;}else{t6=$[20];}return t6;};var createStyles=defineStyles((theme,props)=>({buttonBase:{flexDirection:"row",justifyContent:"center",borderRadius:theme.borderRadius,minHeight:theme.height,minWidth:props.width==="medium"?theme.width.medium:undefined,backgroundColor:theme.backgroundColor},innerContainer:{flex:props.width==="auto"?1:undefined,justifyContent:"center",alignItems:"center",paddingHorizontal:theme.paddingHorizontal,paddingVertical:theme.paddingVertical}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["variant","appearance","theme"];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{useComponent}from"../../internal";import{IconButtonBase}from"./IconButtonBase";import{jsx as _jsx}from"react/jsx-runtime";export var IconButton=t0=>{var $=_c(18);var props;var t1;var t2;var themeOverrides;if($[0]!==t0){t1=t0.variant;t2=t0.appearance;themeOverrides=t0.theme;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=props;$[2]=t1;$[3]=t2;$[4]=themeOverrides;}else{props=$[1];t1=$[2];t2=$[3];themeOverrides=$[4];}var variant=t1===undefined?"primary":t1;var appearance=t2===undefined?"subtle":t2;var t3;if($[5]!==themeOverrides){t3={themeOverrides};$[5]=themeOverrides;$[6]=t3;}else{t3=$[6];}var _useComponent=useComponent("iconButton",t3),theme=_useComponent.theme;var content=theme.appearance[appearance].content[variant];var container=appearance==="prominent"?theme.appearance.prominent.container[variant]:theme.appearance.subtle.container;var t4;if($[7]!==container||$[8]!==theme.container.size){t4={backgroundColor:container,size:theme.container.size};$[7]=container;$[8]=theme.container.size;$[9]=t4;}else{t4=$[9];}var t5;if($[10]!==content){t5={color:content};$[10]=content;$[11]=t5;}else{t5=$[11];}var t6;if($[12]!==t4||$[13]!==t5){t6={container:t4,icon:t5};$[12]=t4;$[13]=t5;$[14]=t6;}else{t6=$[14];}var t7;if($[15]!==props||$[16]!==t6){t7=_jsx(IconButtonBase,{...props,theme:t6});$[15]=props;$[16]=t6;$[17]=t7;}else{t7=$[17];}return t7;};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["theme","style","iconName","iconSet"];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{IconBase}from"../../icons/IconBase";import{defineStyles,useComponent}from"../../internal";import{InteractionSurface}from"../surface";import{jsx as _jsx}from"react/jsx-runtime";export var IconButtonBase=t0=>{var $=_c(20);var iconName;var iconSet;var props;var style;var themeOverrides;if($[0]!==t0){themeOverrides=t0.theme;style=t0.style;iconName=t0.iconName;iconSet=t0.iconSet;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=iconName;$[2]=iconSet;$[3]=props;$[4]=style;$[5]=themeOverrides;}else{iconName=$[1];iconSet=$[2];props=$[3];style=$[4];themeOverrides=$[5];}var t1;if($[6]!==themeOverrides){t1={themeOverrides,createStyles};$[6]=themeOverrides;$[7]=t1;}else{t1=$[7];}var _useComponent=useComponent("iconButtonBase",t1),styles=_useComponent.styles,theme=_useComponent.theme;var t2;if($[8]!==style||$[9]!==styles.iconButtonBase){t2=[styles.iconButtonBase,style];$[8]=style;$[9]=styles.iconButtonBase;$[10]=t2;}else{t2=$[10];}var t3;if($[11]!==iconName||$[12]!==iconSet||$[13]!==theme.icon.color||$[14]!==theme.icon.size){t3=_jsx(IconBase,{iconSet:iconSet,iconName:iconName,size:theme.icon.size,color:theme.icon.color});$[11]=iconName;$[12]=iconSet;$[13]=theme.icon.color;$[14]=theme.icon.size;$[15]=t3;}else{t3=$[15];}var t4;if($[16]!==props||$[17]!==t2||$[18]!==t3){t4=_jsx(InteractionSurface,{...props,style:t2,children:t3});$[16]=props;$[17]=t2;$[18]=t3;$[19]=t4;}else{t4=$[19];}return t4;};var createStyles=defineStyles(theme=>({iconButtonBase:{justifyContent:"center",alignItems:"center",borderRadius:theme.container.borderRadius,width:theme.container.size,height:theme.container.size,backgroundColor:theme.container.backgroundColor,padding:theme.container.padding}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["children"];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{ActionBase}from"../action";import{StateLayer}from"./StateLayer";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";export var InteractionSurface=t0=>{var $=_c(8);var children;var props;if($[0]!==t0){children=t0.children;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=children;$[2]=props;}else{children=$[1];props=$[2];}var t1;if($[3]!==children){t1=state=>_jsxs(_Fragment,{children:[_jsx(StateLayer,{...state}),children]});$[3]=children;$[4]=t1;}else{t1=$[4];}var t2;if($[5]!==props||$[6]!==t1){t2=_jsx(ActionBase,{...props,children:t1});$[5]=props;$[6]=t1;$[7]=t2;}else{t2=$[7];}return t2;};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{StyleSheet}from"react-native";import Animated,{useAnimatedStyle,withTiming}from"react-native-reanimated";import{defineStyles,useComponent}from"../../internal";import{useSystems}from"../../theme/useSystems";import{jsx as _jsx}from"react/jsx-runtime";export var StateLayer=t0=>{var $=_c(6);var pressed=t0.pressed,hovered=t0.hovered,style=t0.style,themeOverrides=t0.theme;var t1;if($[0]!==themeOverrides){t1={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t1;}else{t1=$[1];}var _useComponent=useComponent("stateLayer",t1),styles=_useComponent.styles;var _useSystems=useSystems(),state=_useSystems.state;var target=pressed?state.pressedOpacity:hovered?state.hoverOpacity:0;var duration=pressed?state.pressDuration:state.hoverDuration;var animatedStyle=useAnimatedStyle(()=>({opacity:withTiming(target,{duration})}),[target,duration]);var t2;if($[2]!==animatedStyle||$[3]!==style||$[4]!==styles.layer){t2=_jsx(Animated.View,{style:[styles.layer,animatedStyle,style]});$[2]=animatedStyle;$[3]=style;$[4]=styles.layer;$[5]=t2;}else{t2=$[5];}return t2;};var createStyles=defineStyles(theme=>({layer:{...StyleSheet.absoluteFill,backgroundColor:theme.color,pointerEvents:"none"}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{defineStyles,useComponent}from"../../internal";import{IconButton}from"../button";import{jsx as _jsx}from"react/jsx-runtime";export var SwipeAction=props=>{var $=_c(4);var t0;if($[0]===Symbol.for("react.memo_cache_sentinel")){t0={createStyles};$[0]=t0;}else{t0=$[0];}var _useComponent=useComponent("swipeAction",t0),styles=_useComponent.styles;var t1;if($[1]!==props||$[2]!==styles.actionButton){t1=_jsx(IconButton,{...props,appearance:"prominent",style:styles.actionButton});$[1]=props;$[2]=styles.actionButton;$[3]=t1;}else{t1=$[3];}return t1;};var createStyles=defineStyles(theme=>({actionButton:{height:"100%",alignItems:"center",justifyContent:"center",borderRadius:0,width:theme.width}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{Image,View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var getHashedColorPair=(colors,firstName,lastName)=>{var name=firstName||lastName||"";var hash=0;for(var i=0;i<name.length;i++){hash=(hash+name.charCodeAt(i))%colors.length;}return colors[hash]??colors[0];};export var Avatar=t0=>{var $=_c(39);var t1=t0.firstName,t2=t0.lastName,imageUri=t0.imageUri,t3=t0.size,action=t0.action,themeOverrides=t0.theme,style=t0.style;var firstName=t1===undefined?"":t1;var lastName=t2===undefined?"":t2;var size=t3===undefined?"regular":t3;var t4;if($[0]!==firstName||$[1]!==lastName||$[2]!==size){t4={size,firstName,lastName};$[0]=firstName;$[1]=lastName;$[2]=size;$[3]=t4;}else{t4=$[3];}var t5;if($[4]!==t4||$[5]!==themeOverrides){t5={themeOverrides,props:t4,createStyles};$[4]=t4;$[5]=themeOverrides;$[6]=t5;}else{t5=$[6];}var _useComponent=useComponent("avatar",t5),styles=_useComponent.styles,theme=_useComponent.theme;var t6;if($[7]!==firstName||$[8]!==lastName||$[9]!==theme.colors){t6=getHashedColorPair(theme.colors,firstName,lastName);$[7]=firstName;$[8]=lastName;$[9]=theme.colors;$[10]=t6;}else{t6=$[10];}var _t=t6,foreground=_t.foreground;var t7;if($[11]!==firstName){t7=firstName.charAt(0);$[11]=firstName;$[12]=t7;}else{t7=$[12];}var t8;if($[13]!==lastName){t8=lastName.charAt(0);$[13]=lastName;$[14]=t8;}else{t8=$[14];}var t9=`${t7}${t8}`;var t10;if($[15]!==t9){t10=t9.toUpperCase();$[15]=t9;$[16]=t10;}else{t10=$[16];}var initials=t10;var t11;if($[17]!==style||$[18]!==styles.container){t11=[styles.container,style];$[17]=style;$[18]=styles.container;$[19]=t11;}else{t11=$[19];}var t12;if($[20]!==firstName||$[21]!==foreground||$[22]!==imageUri||$[23]!==initials||$[24]!==lastName||$[25]!==size||$[26]!==styles.image||$[27]!==styles.label||$[28]!==theme.initials||$[29]!==theme.label){t12=imageUri?_jsx(Image,{source:{uri:imageUri},style:styles.image}):_jsxs(_Fragment,{children:[_jsx(Text,{theme:{color:foreground,font:{body:{weight:theme.initials.fontWeight,size:theme.initials.fontSize[size]}}},children:initials}),size==="large"&&_jsx(Text,{numberOfLines:3,style:styles.label,theme:{color:foreground,font:{body:{weight:theme.label.fontWeight,size:theme.label.fontSize}}},children:`${firstName} ${lastName}`})]});$[20]=firstName;$[21]=foreground;$[22]=imageUri;$[23]=initials;$[24]=lastName;$[25]=size;$[26]=styles.image;$[27]=styles.label;$[28]=theme.initials;$[29]=theme.label;$[30]=t12;}else{t12=$[30];}var t13;if($[31]!==action||$[32]!==size||$[33]!==styles.action){t13=action&&size!=="small"&&_jsx(View,{style:styles.action,children:action});$[31]=action;$[32]=size;$[33]=styles.action;$[34]=t13;}else{t13=$[34];}var t14;if($[35]!==t11||$[36]!==t12||$[37]!==t13){t14=_jsxs(View,{style:t11,children:[t12,t13]});$[35]=t11;$[36]=t12;$[37]=t13;$[38]=t14;}else{t14=$[38];}return t14;};Avatar.displayName="Avatar";var createStyles=defineStyles((theme,props)=>{var _getHashedColorPair=getHashedColorPair(theme.colors,props.firstName,props.lastName),background=_getHashedColorPair.background;return{container:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:background,height:theme.size[props.size],width:theme.size[props.size],borderRadius:theme.size[props.size]/2},image:{height:theme.size[props.size],width:theme.size[props.size],borderRadius:theme.size[props.size]/2},label:{paddingHorizontal:theme.label.paddingHorizontal,textAlign:"center"},action:{position:"absolute",top:-4,end:-8}};});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{jsx as _jsx}from"react/jsx-runtime";export var Badge=t0=>{var $=_c(19);var t1=t0.label,t2=t0.variant,themeOverrides=t0.theme,style=t0.style;var label=t1===undefined?"":t1;var variant=t2===undefined?"primary":t2;var t3;if($[0]!==variant){t3={variant};$[0]=variant;$[1]=t3;}else{t3=$[1];}var t4;if($[2]!==t3||$[3]!==themeOverrides){t4={themeOverrides,props:t3,createStyles};$[2]=t3;$[3]=themeOverrides;$[4]=t4;}else{t4=$[4];}var _useComponent=useComponent("badge",t4),styles=_useComponent.styles,theme=_useComponent.theme;var t5;if($[5]!==style||$[6]!==styles.container){t5=[styles.container,style];$[5]=style;$[6]=styles.container;$[7]=t5;}else{t5=$[7];}var t6=theme.color[variant];var t7;if($[8]!==theme.fontWeight){t7={body:{weight:theme.fontWeight}};$[8]=theme.fontWeight;$[9]=t7;}else{t7=$[9];}var t8;if($[10]!==t6||$[11]!==t7){t8={color:t6,font:t7};$[10]=t6;$[11]=t7;$[12]=t8;}else{t8=$[12];}var t9;if($[13]!==label||$[14]!==t8){t9=_jsx(Text,{numberOfLines:1,theme:t8,children:label});$[13]=label;$[14]=t8;$[15]=t9;}else{t9=$[15];}var t10;if($[16]!==t5||$[17]!==t9){t10=_jsx(View,{style:t5,children:t9});$[16]=t5;$[17]=t9;$[18]=t10;}else{t10=$[18];}return t10;};Badge.displayName="Badge";var createStyles=defineStyles((theme,props)=>({container:{display:"flex",alignItems:"center",justifyContent:"center",height:theme.size,width:theme.size,borderRadius:theme.borderRadius,backgroundColor:theme.backgroundColor[props.variant]}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{Children,Fragment}from"react";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_SEPARATOR=_jsx(Text,{children:"\xB7"});export var ContentRow=t0=>{var $=_c(11);var children=t0.children,t1=t0.separator,style=t0.style,themeOverrides=t0.theme;var separator=t1===undefined?DEFAULT_SEPARATOR:t1;var t2;if($[0]!==themeOverrides){t2={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t2;}else{t2=$[1];}var _useComponent=useComponent("contentRow",t2),styles=_useComponent.styles;var t3;if($[2]!==children||$[3]!==separator||$[4]!==style||$[5]!==styles.item||$[6]!==styles.row){var items=Children.toArray(children);var t4;if($[8]!==style||$[9]!==styles.row){t4=[styles.row,style];$[8]=style;$[9]=styles.row;$[10]=t4;}else{t4=$[10];}t3=_jsx(View,{style:t4,children:items.map((item,index)=>_jsxs(Fragment,{children:[_jsx(View,{style:styles.item,children:item}),index<items.length-1&&separator]},index))});$[2]=children;$[3]=separator;$[4]=style;$[5]=styles.item;$[6]=styles.row;$[7]=t3;}else{t3=$[7];}return t3;};var createStyles=defineStyles(theme=>({row:{flexDirection:"row",gap:theme.gap},item:{flexDirection:"row",flexShrink:1}}));
|
package/lib/display/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{Avatar}from"./avatar";export{Badge}from"./badge";export{ContentRow}from"./contentRow";export{ListItem}from"./listItem";export{Rating}from"./rating";export{Tag,TagIcon}from"./tag";
|
|
1
|
+
export{Avatar}from"./avatar";export{Badge}from"./badge";export{ContentRow}from"./contentRow";export{ListItem}from"./listItem";export{Rating}from"./rating";export{Tag,TagIcon}from"./tag";export{ToggleIndicator}from"./toggleIndicator";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{Undefined}from"@reillymc/es-utils";import{ActionBase}from"../../actions/action";import{defineStyles,useComponent}from"../../internal";import{SwipeableContainer}from"../../layout/swipeable";import{Text}from"../../typography/text";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";export var ListItem=t0=>{var $=_c(49);var avatar=t0.avatar,alert=t0.alert,heading=t0.heading,footer=t0.footer,header=t0.header,t1=t0.variant,content=t0.content,swipeActions=t0.swipeActions,style=t0.style,themeOverrides=t0.theme,contentContainerStyle=t0.contentContainerStyle,onPress=t0.onPress;var variant=t1===undefined?"default":t1;var t2;if($[0]!==swipeActions){t2=swipeActions?.filter(Undefined);$[0]=swipeActions;$[1]=t2;}else{t2=$[1];}var filteredActions=t2;var t3;if($[2]!==variant){t3={variant};$[2]=variant;$[3]=t3;}else{t3=$[3];}var t4;if($[4]!==t3||$[5]!==themeOverrides){t4={themeOverrides,props:t3,createStyles};$[4]=t3;$[5]=themeOverrides;$[6]=t4;}else{t4=$[6];}var _useComponent=useComponent("listItem",t4),styles=_useComponent.styles,theme=_useComponent.theme;var t5;if($[7]!==avatar||$[8]!==styles.avatar){t5=!!avatar&&_jsx(View,{style:styles.avatar,children:avatar});$[7]=avatar;$[8]=styles.avatar;$[9]=t5;}else{t5=$[9];}var t6;if($[10]!==contentContainerStyle||$[11]!==styles.contentContainer){t6=[styles.contentContainer,contentContainerStyle];$[10]=contentContainerStyle;$[11]=styles.contentContainer;$[12]=t6;}else{t6=$[12];}var t7;if($[13]!==heading||$[14]!==theme){t7=!!heading&&typeof heading==="string"?_jsx(Text,{variant:"heading",numberOfLines:2,theme:{color:theme.textColor},children:heading}):heading;$[13]=heading;$[14]=theme;$[15]=t7;}else{t7=$[15];}var t8;if($[16]!==content||$[17]!==t6||$[18]!==t7){t8=_jsxs(View,{style:t6,children:[t7,content]});$[16]=content;$[17]=t6;$[18]=t7;$[19]=t8;}else{t8=$[19];}var t9;if($[20]!==styles.innerContainer||$[21]!==t5||$[22]!==t8){t9=_jsxs(View,{style:styles.innerContainer,children:[t5,t8]});$[20]=styles.innerContainer;$[21]=t5;$[22]=t8;$[23]=t9;}else{t9=$[23];}var t10;if($[24]!==alert||$[25]!==styles.alert){t10=!!alert&&_jsx(View,{style:styles.alert,children:alert});$[24]=alert;$[25]=styles.alert;$[26]=t10;}else{t10=$[26];}var t11;if($[27]!==styles.bodyContainer||$[28]!==t10||$[29]!==t9){t11=_jsxs(View,{style:styles.bodyContainer,children:[t9,t10]});$[27]=styles.bodyContainer;$[28]=t10;$[29]=t9;$[30]=t11;}else{t11=$[30];}var t12;if($[31]!==footer||$[32]!==styles.footer){t12=!!footer&&_jsx(View,{style:styles.footer,children:footer});$[31]=footer;$[32]=styles.footer;$[33]=t12;}else{t12=$[33];}var t13;if($[34]!==header||$[35]!==t11||$[36]!==t12){t13=_jsxs(_Fragment,{children:[header,t11,t12]});$[34]=header;$[35]=t11;$[36]=t12;$[37]=t13;}else{t13=$[37];}var listContent=t13;var t14;if($[38]!==listContent||$[39]!==onPress||$[40]!==style||$[41]!==styles.pressableContainer){t14=onPress?_jsx(ActionBase,{hitSlop:0,onPress:onPress,style:[styles.pressableContainer,style],children:listContent}):_jsx(View,{style:[styles.pressableContainer,style],children:listContent});$[38]=listContent;$[39]=onPress;$[40]=style;$[41]=styles.pressableContainer;$[42]=t14;}else{t14=$[42];}var innerContent=t14;var t15;if($[43]!==filteredActions||$[44]!==innerContent){t15=filteredActions?.length?_jsx(SwipeableContainer,{rightActions:filteredActions,children:_jsx(View,{children:innerContent})}):innerContent;$[43]=filteredActions;$[44]=innerContent;$[45]=t15;}else{t15=$[45];}var t16;if($[46]!==styles.container||$[47]!==t15){t16=_jsx(View,{style:styles.container,children:t15});$[46]=styles.container;$[47]=t15;$[48]=t16;}else{t16=$[48];}return t16;};var createStyles=defineStyles((theme,props)=>({container:{backgroundColor:theme.backgroundColor,borderRadius:props.variant==="compact"?0:theme.borderRadius,overflow:"hidden",width:"100%"},pressableContainer:{display:"flex",flexDirection:"column",backgroundColor:theme.surfaceColor,borderRadius:props.variant==="compact"?0:theme.borderRadius},bodyContainer:{flexDirection:"row",justifyContent:"space-between"},innerContainer:{flexDirection:"row",flexShrink:1},avatar:{alignItems:"center",justifyContent:"center",marginStart:theme.internalSpacing},contentContainer:{flexShrink:1,flexDirection:"column",alignItems:"flex-start",justifyContent:"center",width:"100%",padding:theme.internalSpacing},alert:{alignItems:"center",justifyContent:"center",marginStart:theme.spacingMargin,marginEnd:theme.internalSpacing},footer:{marginBottom:theme.internalSpacing,marginStart:theme.internalSpacing,marginEnd:theme.internalSpacing}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{IconBase}from"../../icons/IconBase";import{defineStyles,useComponent}from"../../internal";import{getRatingIcons,valueToRating}from"./ratingUtils";import{jsx as _jsx}from"react/jsx-runtime";export var Rating=t0=>{var $=_c(16);var t1=t0.value,t2=t0.max,scale=t0.scale,themeOverrides=t0.theme,style=t0.style;var value=t1===undefined?0:t1;var max=t2===undefined?5:t2;var t3;if($[0]!==themeOverrides){t3={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t3;}else{t3=$[1];}var _useComponent=useComponent("rating",t3),styles=_useComponent.styles,theme=_useComponent.theme,icons=_useComponent.icons;var t4;if($[2]!==icons||$[3]!==max||$[4]!==scale||$[5]!==style||$[6]!==styles.starRating||$[7]!==theme||$[8]!==value){var scaledRating=scale?valueToRating(value,max,scale):value;var t5;if($[10]!==style||$[11]!==styles.starRating){t5=[styles.starRating,style];$[10]=style;$[11]=styles.starRating;$[12]=t5;}else{t5=$[12];}var t6;if($[13]!==icons||$[14]!==theme){t6=(variant,i)=>_jsx(IconBase,{...icons[variant],size:theme.icon.size,color:theme.icon.color[variant]},i);$[13]=icons;$[14]=theme;$[15]=t6;}else{t6=$[15];}t4=_jsx(View,{style:t5,accessibilityLabel:`star rating. ${scaledRating} of ${max}.`,children:getRatingIcons(scaledRating,max).map(t6)});$[2]=icons;$[3]=max;$[4]=scale;$[5]=style;$[6]=styles.starRating;$[7]=theme;$[8]=value;$[9]=t4;}else{t4=$[9];}return t4;};var createStyles=defineStyles(theme=>({starRating:{flexDirection:"row",gap:theme.gap}}));
|
package/lib/display/tag/Tag.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{ActionBase}from"../../actions/action";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";export var Tag=t0=>{var $=_c(20);var label=t0.label,onPress=t0.onPress,icon=t0.icon,t1=t0.tone,style=t0.style,themeOverrides=t0.theme;var tone=t1===undefined?"dark":t1;var t2;if($[0]!==tone){t2={tone};$[0]=tone;$[1]=t2;}else{t2=$[1];}var t3;if($[2]!==t2||$[3]!==themeOverrides){t3={themeOverrides,props:t2,createStyles};$[2]=t2;$[3]=themeOverrides;$[4]=t3;}else{t3=$[4];}var _useComponent=useComponent("tag",t3),styles=_useComponent.styles,theme=_useComponent.theme;var t4=theme.textColor[tone];var t5;if($[5]!==t4){t5={color:t4};$[5]=t4;$[6]=t5;}else{t5=$[6];}var t6;if($[7]!==label||$[8]!==t5){t6=_jsx(Text,{theme:t5,children:label});$[7]=label;$[8]=t5;$[9]=t6;}else{t6=$[9];}var t7;if($[10]!==icon||$[11]!==t6){t7=_jsxs(_Fragment,{children:[icon,t6]});$[10]=icon;$[11]=t6;$[12]=t7;}else{t7=$[12];}var content=t7;var t8;if($[13]!==style||$[14]!==styles.container){t8=[styles.container,style];$[13]=style;$[14]=styles.container;$[15]=t8;}else{t8=$[15];}var containerStyle=t8;var t9;if($[16]!==containerStyle||$[17]!==content||$[18]!==onPress){t9=onPress?_jsx(ActionBase,{onPress:onPress,style:containerStyle,children:content}):_jsx(View,{style:containerStyle,children:content});$[16]=containerStyle;$[17]=content;$[18]=onPress;$[19]=t9;}else{t9=$[19];}return t9;};var createStyles=defineStyles((theme,props)=>({container:{display:"flex",flexDirection:"row",alignItems:"center",borderRadius:theme.borderRadius,padding:theme.padding,backgroundColor:theme.backgroundColor[props.tone],width:"auto",gap:theme.internalSpacing}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["tone","theme"];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{IconBase}from"../../icons/IconBase";import{useComponent}from"../../internal";import{jsx as _jsx}from"react/jsx-runtime";export var TagIcon=t0=>{var $=_c(10);var iconProps;var t1;var themeOverrides;if($[0]!==t0){t1=t0.tone;themeOverrides=t0.theme;iconProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=iconProps;$[2]=t1;$[3]=themeOverrides;}else{iconProps=$[1];t1=$[2];themeOverrides=$[3];}var tone=t1===undefined?"dark":t1;var t2;if($[4]!==themeOverrides){t2={themeOverrides};$[4]=themeOverrides;$[5]=t2;}else{t2=$[5];}var _useComponent=useComponent("tagIcon",t2),theme=_useComponent.theme;var t3=theme.color[tone];var t4;if($[6]!==iconProps||$[7]!==t3||$[8]!==theme.size){t4=_jsx(IconBase,{...iconProps,color:t3,size:theme.size});$[6]=iconProps;$[7]=t3;$[8]=theme.size;$[9]=t4;}else{t4=$[9];}return t4;};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{IconBase}from"../../icons/IconBase";import{defineStyles,useComponent}from"../../internal";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var ToggleIndicator=t0=>{var $=_c(26);var t1=t0.value,t2=t0.appearance,t3=t0.variant,themeOverrides=t0.theme,style=t0.style,iconSet=t0.iconSet,iconName=t0.iconName;var value=t1===undefined?false:t1;var appearance=t2===undefined?"primary":t2;var variant=t3===undefined?"regular":t3;var t4;if($[0]!==variant){t4={variant};$[0]=variant;$[1]=t4;}else{t4=$[1];}var t5;if($[2]!==t4||$[3]!==themeOverrides){t5={themeOverrides,props:t4,createStyles};$[2]=t4;$[3]=themeOverrides;$[4]=t5;}else{t5=$[4];}var _useComponent=useComponent("toggleIndicator",t5),styles=_useComponent.styles,theme=_useComponent.theme,icons=_useComponent.icons;var indicatorSize=theme.surfaceSize[variant];var selectedFillColor=theme.color.selected[appearance];var selectedIconColor=theme.color.icon[appearance];var customIconSize=theme.iconSize[variant];var t6;if($[5]!==iconName||$[6]!==iconSet||$[7]!==icons.check){t6=iconSet&&iconName?{iconSet,iconName}:icons.check;$[5]=iconName;$[6]=iconSet;$[7]=icons.check;$[8]=t6;}else{t6=$[8];}var selectedIcon=t6;var t7;if($[9]!==style||$[10]!==styles.iconContainer){t7=[styles.iconContainer,style];$[9]=style;$[10]=styles.iconContainer;$[11]=t7;}else{t7=$[11];}var t8=value?icons.fill:icons.outline;var t9=value?selectedFillColor:theme.color.deselected;var t10;if($[12]!==indicatorSize||$[13]!==t8||$[14]!==t9){t10=_jsx(IconBase,{...t8,size:indicatorSize,color:t9});$[12]=indicatorSize;$[13]=t8;$[14]=t9;$[15]=t10;}else{t10=$[15];}var t11;if($[16]!==customIconSize||$[17]!==selectedIcon||$[18]!==selectedIconColor||$[19]!==styles.icon||$[20]!==value){t11=!!value&&_jsx(View,{style:styles.icon,children:_jsx(IconBase,{...selectedIcon,size:customIconSize,color:selectedIconColor})});$[16]=customIconSize;$[17]=selectedIcon;$[18]=selectedIconColor;$[19]=styles.icon;$[20]=value;$[21]=t11;}else{t11=$[21];}var t12;if($[22]!==t10||$[23]!==t11||$[24]!==t7){t12=_jsxs(View,{style:t7,children:[t10,t11]});$[22]=t10;$[23]=t11;$[24]=t7;$[25]=t12;}else{t12=$[25];}return t12;};var createStyles=defineStyles((theme,props)=>({iconContainer:{width:theme.surfaceSize[props.variant],height:theme.surfaceSize[props.variant],alignItems:"center",justifyContent:"center"},icon:{...StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center"}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export var defaultToggleIndicatorTheme=({palette})=>({surfaceSize:{compact:palette.font.size.large,regular:palette.font.size.xLarge},iconSize:{compact:palette.font.size.large-palette.spacing.tiny,regular:palette.font.size.xLarge-palette.spacing.tiny},color:{selected:{primary:palette.color.primary,secondary:palette.color.secondary},deselected:palette.color.border,icon:{primary:palette.color.primaryForeground,secondary:palette.color.secondaryForeground}}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{ToggleIndicator}from"./ToggleIndicator";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{useSystems}from"../../theme/useSystems";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var Toast=t0=>{var $=_c(17);var action=t0.action,themeOverrides=t0.theme,style=t0.style,children=t0.children;var t1;if($[0]!==themeOverrides){t1={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t1;}else{t1=$[1];}var _useComponent=useComponent("toast",t1),styles=_useComponent.styles;var _useSystems=useSystems(),shadowStyle=_useSystems.shadowStyle;var t2;if($[2]!==shadowStyle||$[3]!==style||$[4]!==styles.container||$[5]!==styles.row){t2=[styles.container,shadowStyle,style,styles.row];$[2]=shadowStyle;$[3]=style;$[4]=styles.container;$[5]=styles.row;$[6]=t2;}else{t2=$[6];}var t3;if($[7]!==children||$[8]!==styles.content){t3=_jsx(View,{style:styles.content,children:children});$[7]=children;$[8]=styles.content;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==action||$[11]!==styles.action){t4=action&&_jsx(View,{style:styles.action,children:action});$[10]=action;$[11]=styles.action;$[12]=t4;}else{t4=$[12];}var t5;if($[13]!==t2||$[14]!==t3||$[15]!==t4){t5=_jsxs(View,{style:t2,children:[t3,t4]});$[13]=t2;$[14]=t3;$[15]=t4;$[16]=t5;}else{t5=$[16];}return t5;};var createStyles=defineStyles(theme=>({container:{backgroundColor:theme.container.backgroundColor,padding:theme.container.padding,borderRadius:theme.container.borderRadius,borderWidth:theme.borderWidth,borderColor:theme.borderColor},row:{flexDirection:"row"},content:{flex:1},action:{alignItems:"center",alignSelf:"stretch",borderStartColor:theme.separatorColor,borderStartWidth:theme.borderWidth,flexDirection:"row",marginStart:theme.separatorMarginHorizontal,paddingStart:theme.separatorMarginHorizontal}}));
|
package/lib/forms/field/Field.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{useId}from"react";import{Pressable,View}from"react-native";import{Icon}from"../../icons/Icon";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{FieldContext}from"./FieldContext";import{useFieldControlRegistry}from"./useFieldControlRegistry";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var useFieldIds=()=>{var $=_c(7);var t0=useId();var t1;if($[0]!==t0){var _t;if($[2]===Symbol.for("react.memo_cache_sentinel")){_t=/:/g;$[2]=_t;}else{_t=$[2];}t1=t0.replace(_t,"");$[0]=t0;$[1]=t1;}else{t1=$[1];}var id=t1;var t2=`field-label-${id}`;var t3=`field-help-${id}`;var t4=`field-error-${id}`;var t5;if($[3]!==t2||$[4]!==t3||$[5]!==t4){t5={labelId:t2,helpId:t3,errorId:t4};$[3]=t2;$[4]=t3;$[5]=t4;$[6]=t5;}else{t5=$[6];}return t5;};var getDescribedBy=(helpId,errorId)=>{if(helpId&&errorId)return`${helpId} ${errorId}`;return helpId??errorId;};export var Field=t0=>{var $=_c(49);var label=t0.label,hideLabel=t0.hideLabel,help=t0.help,error=t0.error,t1=t0.required,t2=t0.disabled,t3=t0.readOnly,t4=t0.variant,themeOverrides=t0.theme,children=t0.children,style=t0.style;var required=t1===undefined?false:t1;var disabled=t2===undefined?false:t2;var readOnly=t3===undefined?false:t3;var variant=t4===undefined?"regular":t4;var ids=useFieldIds();var t5;if($[0]!==themeOverrides){t5={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t5;}else{t5=$[1];}var _useComponent=useComponent("field",t5),styles=_useComponent.styles,theme=_useComponent.theme,icons=_useComponent.icons;var _useFieldControlRegis=useFieldControlRegistry(disabled),registerControl=_useFieldControlRegis.registerControl,focusFirstControl=_useFieldControlRegis.focusFirstControl;var hasVisibleLabel=label!==undefined&&!hideLabel;var t6=hasVisibleLabel?ids.labelId:undefined;var t7=label??"";var t8=help?ids.helpId:undefined;var t9=error?ids.errorId:undefined;var t10;if($[2]!==t8||$[3]!==t9){t10=getDescribedBy(t8,t9);$[2]=t8;$[3]=t9;$[4]=t10;}else{t10=$[4];}var t11=error??help;var t12=!!error;var t13;if($[5]!==disabled||$[6]!==focusFirstControl||$[7]!==readOnly||$[8]!==registerControl||$[9]!==required||$[10]!==t10||$[11]!==t11||$[12]!==t12||$[13]!==t6||$[14]!==t7||$[15]!==variant){t13={labelId:t6,label:t7,describedBy:t10,hint:t11,disabled,readOnly,required,invalid:t12,variant,registerControl,focusFirstControl};$[5]=disabled;$[6]=focusFirstControl;$[7]=readOnly;$[8]=registerControl;$[9]=required;$[10]=t10;$[11]=t11;$[12]=t12;$[13]=t6;$[14]=t7;$[15]=variant;$[16]=t13;}else{t13=$[16];}var t14;if($[17]!==style||$[18]!==styles.container){t14=[styles.container,style];$[17]=style;$[18]=styles.container;$[19]=t14;}else{t14=$[19];}var t15;if($[20]!==focusFirstControl||$[21]!==hasVisibleLabel||$[22]!==ids||$[23]!==label||$[24]!==styles.labelContainer){t15=hasVisibleLabel&&_jsx(Pressable,{accessible:true,accessibilityLabel:label,nativeID:ids.labelId,focusable:false,tabIndex:-1,onPress:focusFirstControl,style:styles.labelContainer,children:_jsx(Text,{variant:"label",accessible:false,children:label})});$[20]=focusFirstControl;$[21]=hasVisibleLabel;$[22]=ids;$[23]=label;$[24]=styles.labelContainer;$[25]=t15;}else{t15=$[25];}var t16;if($[26]!==required||$[27]!==styles.required||$[28]!==theme){t16=required&&_jsx(Text,{variant:"title",accessible:false,"aria-hidden":true,style:styles.required,theme:{color:theme.required.color},children:"\u2022"});$[26]=required;$[27]=styles.required;$[28]=theme;$[29]=t16;}else{t16=$[29];}var t17;if($[30]!==children||$[31]!==styles.controlContainer||$[32]!==t16){t17=_jsxs(View,{style:styles.controlContainer,children:[children,t16]});$[30]=children;$[31]=styles.controlContainer;$[32]=t16;$[33]=t17;}else{t17=$[33];}var t18;if($[34]!==error||$[35]!==help||$[36]!==icons||$[37]!==ids||$[38]!==styles.helpText||$[39]!==theme){t18=(help||error)&&_jsxs(View,{style:styles.helpText,children:[!!error&&_jsx(Icon,{...icons.error,theme:{color:theme.help.errorColor},size:"small"}),!!error&&_jsx(Text,{variant:"caption",nativeID:ids.errorId,theme:{color:theme.help.errorColor},children:error}),!!help&&_jsx(Text,{variant:"caption",nativeID:ids.helpId,theme:{color:theme.help.color},children:help})]});$[34]=error;$[35]=help;$[36]=icons;$[37]=ids;$[38]=styles.helpText;$[39]=theme;$[40]=t18;}else{t18=$[40];}var t19;if($[41]!==t14||$[42]!==t15||$[43]!==t17||$[44]!==t18){t19=_jsxs(View,{style:t14,children:[t15,t17,t18]});$[41]=t14;$[42]=t15;$[43]=t17;$[44]=t18;$[45]=t19;}else{t19=$[45];}var t20;if($[46]!==t13||$[47]!==t19){t20=_jsx(FieldContext.Provider,{value:t13,children:t19});$[46]=t13;$[47]=t19;$[48]=t20;}else{t20=$[48];}return t20;};var createStyles=defineStyles(theme=>({container:{alignSelf:"stretch",minWidth:0,gap:theme.label.gap},labelContainer:{marginStart:theme.surface.padding},controlContainer:{position:"relative"},required:{position:"absolute",zIndex:2,start:theme.surface.padding},helpText:{flexDirection:"row",flexWrap:"wrap",gap:theme.help.gap,marginStart:theme.help.inset,alignItems:"center"}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export var defaultFieldTheme=({palette})=>{var border=palette.border,color=palette.color,font=palette.font,spacing=palette.spacing;return{surface:{backgroundColor:color.inset,borderColor:"transparent",borderWidth:border.width.thin,borderRadius:border.radius.regular,minHeight:{regular:48,compact:36},padding:spacing.small,errorBorderColor:color.destructive},text:{fontSize:font.size.regular,fontFamily:font.family.sans,color:color.insetForeground,placeholderColor:color.mutedForeground},icon:{color:color.insetForeground,size:font.size.xLarge},label:{gap:spacing.tiny},
|
|
1
|
+
export var defaultFieldTheme=({palette})=>{var border=palette.border,color=palette.color,font=palette.font,spacing=palette.spacing;return{surface:{backgroundColor:color.inset,borderColor:"transparent",borderWidth:border.width.thin,borderRadius:border.radius.regular,minHeight:{regular:48,compact:36},padding:spacing.small,errorBorderColor:color.destructive},text:{fontSize:font.size.regular,fontFamily:font.family.sans,fontWeight:"400",color:color.insetForeground,placeholderColor:color.mutedForeground},icon:{color:color.insetForeground,size:font.size.xLarge},label:{gap:spacing.tiny},help:{gap:spacing.tiny,color:color.mutedForeground,errorColor:color.destructive,inset:spacing.small},required:{color:color.primary}};};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["onPress","accessibilityLabel","style","tabIndex"];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{IconActionBase}from"../../actions/action";import{defineStyles,useComponent}from"../../internal";import{useFieldControlState}from"./FieldContext";import{FieldIcon}from"./FieldIcon";import{jsx as _jsx}from"react/jsx-runtime";export var FieldAction=t0=>{var $=_c(24);var accessibilityLabel;var iconProps;var onPress;var style;var tabIndex;if($[0]!==t0){onPress=t0.onPress;accessibilityLabel=t0.accessibilityLabel;style=t0.style;tabIndex=t0.tabIndex;iconProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=accessibilityLabel;$[2]=iconProps;$[3]=onPress;$[4]=style;$[5]=tabIndex;}else{accessibilityLabel=$[1];iconProps=$[2];onPress=$[3];style=$[4];tabIndex=$[5];}var _useFieldControlState=useFieldControlState(),interactive=_useFieldControlState.interactive,variant=_useFieldControlState.variant;var t1;if($[6]!==variant){t1={props:{variant},createStyles};$[6]=variant;$[7]=t1;}else{t1=$[7];}var _useComponent=useComponent("field",t1),styles=_useComponent.styles,theme=_useComponent.theme;if(!(interactive&&!!onPress)){var _t;if($[8]!==iconProps||$[9]!==style){_t=_jsx(FieldIcon,{...iconProps,style:style});$[8]=iconProps;$[9]=style;$[10]=_t;}else{_t=$[10];}return _t;}var t2;if($[11]!==style||$[12]!==styles.icon){t2=[styles.icon,style];$[11]=style;$[12]=styles.icon;$[13]=t2;}else{t2=$[13];}var t3;if($[14]!==theme.icon.color){t3={color:theme.icon.color};$[14]=theme.icon.color;$[15]=t3;}else{t3=$[15];}var t4;if($[16]!==accessibilityLabel||$[17]!==iconProps||$[18]!==onPress||$[19]!==t2||$[20]!==t3||$[21]!==tabIndex||$[22]!==theme.icon.size){t4=_jsx(IconActionBase,{...iconProps,onPress:onPress,accessibilityLabel:accessibilityLabel,style:t2,theme:t3,iconSize:theme.icon.size,hitSlop:0,tabIndex:tabIndex});$[16]=accessibilityLabel;$[17]=iconProps;$[18]=onPress;$[19]=t2;$[20]=t3;$[21]=tabIndex;$[22]=theme.icon.size;$[23]=t4;}else{t4=$[23];}return t4;};var createStyles=defineStyles((theme,props)=>{var size=theme.surface.minHeight[props.variant];return{icon:{width:size,minHeight:size,borderRadius:theme.surface.borderRadius,alignItems:"center",justifyContent:"center"}};});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["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{View}from"react-native";import{IconBase}from"../../icons/IconBase";import{defineStyles,useComponent}from"../../internal";import{useFieldControlState}from"./FieldContext";import{jsx as _jsx}from"react/jsx-runtime";export var FieldIcon=t0=>{var $=_c(15);var iconProps;var style;if($[0]!==t0){style=t0.style;iconProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=iconProps;$[2]=style;}else{iconProps=$[1];style=$[2];}var _useFieldControlState=useFieldControlState(),variant=_useFieldControlState.variant;var t1;if($[3]!==variant){t1={props:{variant},createStyles};$[3]=variant;$[4]=t1;}else{t1=$[4];}var _useComponent=useComponent("field",t1),styles=_useComponent.styles,theme=_useComponent.theme;var t2;if($[5]!==style||$[6]!==styles.icon){t2=[styles.icon,style];$[5]=style;$[6]=styles.icon;$[7]=t2;}else{t2=$[7];}var t3;if($[8]!==iconProps||$[9]!==theme.icon.color||$[10]!==theme.icon.size){t3=_jsx(IconBase,{...iconProps,color:theme.icon.color,size:theme.icon.size});$[8]=iconProps;$[9]=theme.icon.color;$[10]=theme.icon.size;$[11]=t3;}else{t3=$[11];}var t4;if($[12]!==t2||$[13]!==t3){t4=_jsx(View,{accessible:false,"aria-hidden":true,style:t2,children:t3});$[12]=t2;$[13]=t3;$[14]=t4;}else{t4=$[14];}return t4;};var createStyles=defineStyles((theme,props)=>{var size=theme.surface.minHeight[props.variant];return{icon:{width:size,minHeight:size,borderRadius:theme.surface.borderRadius,alignItems:"center",justifyContent:"center",pointerEvents:"none"}};});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["onChangeText","onKeyPress","onStep","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{useFieldControlState}from"./FieldContext";import{FieldTextInput}from"./FieldTextInput";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 FieldNumberInput=t0=>{var $=_c(18);var onChangeText;var onKeyPress;var onStep;var props;var t1;if($[0]!==t0){onChangeText=t0.onChangeText;onKeyPress=t0.onKeyPress;onStep=t0.onStep;t1=t0.keyboardType;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=onChangeText;$[2]=onKeyPress;$[3]=onStep;$[4]=props;$[5]=t1;}else{onChangeText=$[1];onKeyPress=$[2];onStep=$[3];props=$[4];t1=$[5];}var keyboardType=t1===undefined?"number-pad":t1;var _useFieldControlState=useFieldControlState(),interactive=_useFieldControlState.interactive;var canStep=interactive&&!!onStep;var t2;if($[6]!==keyboardType||$[7]!==onChangeText){t2=text=>{onChangeText?.(sanitizeNumber(text,keyboardType==="decimal-pad"));};$[6]=keyboardType;$[7]=onChangeText;$[8]=t2;}else{t2=$[8];}var handleChangeText=t2;var t3;if($[9]!==canStep||$[10]!==onKeyPress||$[11]!==onStep){t3=event=>{var key=event.nativeEvent.key;if(canStep&&(key==="ArrowUp"||key==="ArrowDown")){event.preventDefault?.();onStep?.(key==="ArrowUp"?1:-1);return;}onKeyPress?.(event);};$[9]=canStep;$[10]=onKeyPress;$[11]=onStep;$[12]=t3;}else{t3=$[12];}var handleKeyPress=t3;var t4;if($[13]!==handleChangeText||$[14]!==handleKeyPress||$[15]!==keyboardType||$[16]!==props){t4=_jsx(FieldTextInput,{...props,keyboardType:keyboardType,onChangeText:handleChangeText,onKeyPress:handleKeyPress});$[13]=handleChangeText;$[14]=handleKeyPress;$[15]=keyboardType;$[16]=props;$[17]=t4;}else{t4=$[17];}return t4;};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{fieldLabelA11y}from"./a11y";import{useFieldContext}from"./FieldContext";import{jsx as _jsx}from"react/jsx-runtime";export var FieldRow=t0=>{var $=_c(11);var style=t0.style,children=t0.children;var field=useFieldContext();var t1;if($[0]===Symbol.for("react.memo_cache_sentinel")){t1={createStyles};$[0]=t1;}else{t1=$[0];}var _useComponent=useComponent("field",t1),styles=_useComponent.styles;var t2=field?"group":undefined;var t3;if($[1]!==field){t3=fieldLabelA11y(field);$[1]=field;$[2]=t3;}else{t3=$[2];}var t4;if($[3]!==style||$[4]!==styles.row){t4=[styles.row,style];$[3]=style;$[4]=styles.row;$[5]=t4;}else{t4=$[5];}var t5;if($[6]!==children||$[7]!==t2||$[8]!==t3||$[9]!==t4){t5=_jsx(View,{role:t2,...t3,style:t4,children:children});$[6]=children;$[7]=t2;$[8]=t3;$[9]=t4;$[10]=t5;}else{t5=$[10];}return t5;};var createStyles=defineStyles(()=>({row:{flexDirection:"row",flexGrow:1,minWidth:0}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
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{useState}from"react";import{Platform,StyleSheet,View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{useSystems}from"../../theme/useSystems";import{useFieldControlState}from"./FieldContext";import{FieldSurfaceContext}from"./FieldSurfaceContext";import{FieldSurfacePressLayer}from"./FieldSurfacePressLayer";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var FieldSurface=t0=>{var $=_c(43);var onPress=t0.onPress,children=t0.children,ref=t0.ref,style=t0.style,themeOverrides=t0.theme;var _useFieldControlState=useFieldControlState(),interactive=_useFieldControlState.interactive,disabled=_useFieldControlState.disabled,invalid=_useFieldControlState.invalid,variant=_useFieldControlState.variant;var _useSystems=useSystems(),getFocusRingStyle=_useSystems.getFocusRingStyle,getDisabledStyle=_useSystems.getDisabledStyle;var t1;if($[0]!==themeOverrides){t1={surface:themeOverrides};$[0]=themeOverrides;$[1]=t1;}else{t1=$[1];}var t2;if($[2]!==invalid||$[3]!==variant){t2={invalid,variant};$[2]=invalid;$[3]=variant;$[4]=t2;}else{t2=$[4];}var t3;if($[5]!==t1||$[6]!==t2){t3={themeOverrides:t1,props:t2,createStyles};$[5]=t1;$[6]=t2;$[7]=t3;}else{t3=$[7];}var _useComponent=useComponent("field",t3),styles=_useComponent.styles;var _useState=useState(_temp),_useState2=_slicedToArray(_useState,2),focusedSlots=_useState2[0],setFocusedSlots=_useState2[1];var t4;if($[8]===Symbol.for("react.memo_cache_sentinel")){t4=(id,focusVisible)=>{setFocusedSlots(current=>{var hasFocus=current.has(id);if(focusVisible===hasFocus){return current;}var next=new Set(current);if(focusVisible){next.add(id);}else{next.delete(id);}return next;});};$[8]=t4;}else{t4=$[8];}var reportFocus=t4;var canPress=interactive&&!!onPress;var showRing=Platform.OS==="web"&&!disabled&&focusedSlots.size>0;var t5;if($[9]!==getFocusRingStyle||$[10]!==showRing){t5=getFocusRingStyle(showRing);$[9]=getFocusRingStyle;$[10]=showRing;$[11]=t5;}else{t5=$[11];}var focusRingStyle=t5;var t6;if($[12]!==disabled||$[13]!==getDisabledStyle){t6=getDisabledStyle(disabled);$[12]=disabled;$[13]=getDisabledStyle;$[14]=t6;}else{t6=$[14];}var disabledStyle=t6;var t7=ref?false:undefined;var t8;if($[15]!==disabledStyle||$[16]!==focusRingStyle||$[17]!==style||$[18]!==styles.control){t8=[styles.control,focusRingStyle,disabledStyle,style];$[15]=disabledStyle;$[16]=focusRingStyle;$[17]=style;$[18]=styles.control;$[19]=t8;}else{t8=$[19];}var t9;if($[20]!==styles.surface){t9=_jsx(View,{style:[StyleSheet.absoluteFill,styles.surface]});$[20]=styles.surface;$[21]=t9;}else{t9=$[21];}var t10;if($[22]===Symbol.for("react.memo_cache_sentinel")){t10={reportFocus};$[22]=t10;}else{t10=$[22];}var t11;if($[23]!==canPress||$[24]!==onPress){t11=canPress&&onPress&&_jsx(FieldSurfacePressLayer,{onPress:onPress});$[23]=canPress;$[24]=onPress;$[25]=t11;}else{t11=$[25];}var t12=canPress&&styles.pointerEventsBoxNone;var t13=disabled&&styles.pointerEventsNone;var t14;if($[26]!==styles.content||$[27]!==styles.pointerEventsAuto||$[28]!==t12||$[29]!==t13){t14=[styles.content,styles.pointerEventsAuto,t12,t13];$[26]=styles.content;$[27]=styles.pointerEventsAuto;$[28]=t12;$[29]=t13;$[30]=t14;}else{t14=$[30];}var t15;if($[31]!==children||$[32]!==t14){t15=_jsx(View,{style:t14,children:children});$[31]=children;$[32]=t14;$[33]=t15;}else{t15=$[33];}var t16;if($[34]!==t11||$[35]!==t15){t16=_jsxs(FieldSurfaceContext.Provider,{value:t10,children:[t11,t15]});$[34]=t11;$[35]=t15;$[36]=t16;}else{t16=$[36];}var t17;if($[37]!==ref||$[38]!==t16||$[39]!==t7||$[40]!==t8||$[41]!==t9){t17=_jsxs(View,{ref:ref,collapsable:t7,style:t8,children:[t9,t16]});$[37]=ref;$[38]=t16;$[39]=t7;$[40]=t8;$[41]=t9;$[42]=t17;}else{t17=$[42];}return t17;};var createStyles=defineStyles((theme,props)=>{var surface=theme.surface;return{control:{alignSelf:"stretch",minWidth:0,minHeight:surface.minHeight[props.variant],borderRadius:surface.borderRadius,position:"relative"},surface:{backgroundColor:surface.backgroundColor,borderColor:props.invalid?surface.errorBorderColor:surface.borderColor,borderWidth:surface.borderWidth,borderRadius:surface.borderRadius},content:{position:"relative",zIndex:1,flexGrow:1,minWidth:0,minHeight:surface.minHeight[props.variant],padding:surface.padding},pointerEventsAuto:{pointerEvents:"auto"},pointerEventsNone:{pointerEvents:"none"},pointerEventsBoxNone:{pointerEvents:"box-none"}};});function _temp(){return new Set();}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{useRef}from"react";import{StyleSheet}from"react-native";import{PressableBase}from"../../actions/action";import{StateLayer}from"../../actions/surface";import{defineStyles,useComponent}from"../../internal";import{fieldAria}from"./a11y";import{useFieldControlState}from"./FieldContext";import{useFieldControlFocus}from"./useFieldControlFocus";import{jsx as _jsx}from"react/jsx-runtime";export var FieldSurfacePressLayer=t0=>{var $=_c(14);var onPress=t0.onPress;var _useFieldControlState=useFieldControlState(),field=_useFieldControlState.field;var t1;if($[0]===Symbol.for("react.memo_cache_sentinel")){t1={createStyles};$[0]=t1;}else{t1=$[0];}var _useComponent=useComponent("field",t1),styles=_useComponent.styles;var pressRef=useRef(null);var t2;if($[1]===Symbol.for("react.memo_cache_sentinel")){t2=()=>pressRef.current?.focus?.();$[1]=t2;}else{t2=$[1];}var focusPress=t2;var t3;if($[2]===Symbol.for("react.memo_cache_sentinel")){t3={focus:focusPress,pressEvents:true};$[2]=t3;}else{t3=$[2];}var _useFieldControlFocus=useFieldControlFocus(t3),getFocusProps=_useFieldControlFocus.getFocusProps;var t4;if($[3]!==getFocusProps){t4=getFocusProps();$[3]=getFocusProps;$[4]=t4;}else{t4=$[4];}var t5;if($[5]!==field){t5=fieldAria(field);$[5]=field;$[6]=t5;}else{t5=$[6];}var t6;if($[7]!==styles.pressable){t6=[StyleSheet.absoluteFill,styles.pressable];$[7]=styles.pressable;$[8]=t6;}else{t6=$[8];}var t7;if($[9]!==onPress||$[10]!==t4||$[11]!==t5||$[12]!==t6){t7=_jsx(PressableBase,{ref:pressRef,...t4,focusable:true,tabIndex:0,accessibilityRole:"button",...t5,onPress:onPress,style:t6,children:_temp});$[9]=onPress;$[10]=t4;$[11]=t5;$[12]=t6;$[13]=t7;}else{t7=$[13];}return t7;};var createStyles=defineStyles(theme=>({pressable:{borderRadius:theme.surface.borderRadius,overflow:"hidden"}}));function _temp(t0){var pressed=t0.pressed,hovered=t0.hovered;return _jsx(StateLayer,{pressed:pressed,hovered:hovered});}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["readOnly","theme","style","onFocus","onBlur","onPressIn","onPressOut","multiline","scrollEnabled","onChangeText","accessibilityLabel","accessibilityHint","accessibilityState","accessibilityValue","nativeID","tabIndex","ref"];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{TextInput}from"react-native";import{defineStyles,useComponent,useForwardedRef}from"../../internal";import{useSystems}from"../../theme/useSystems";import{fieldAria}from"./a11y";import{useFieldControlState}from"./FieldContext";import{useFieldControlFocus}from"./useFieldControlFocus";import{jsx as _jsx}from"react/jsx-runtime";export var FieldTextInput=t0=>{var $=_c(62);var accessibilityHint;var accessibilityLabel;var accessibilityState;var accessibilityValue;var nativeID;var onBlur;var onChangeText;var onFocus;var onPressIn;var onPressOut;var props;var readOnlyProp;var ref;var scrollEnabled;var style;var t1;var tabIndex;var themeOverrides;if($[0]!==t0){readOnlyProp=t0.readOnly;themeOverrides=t0.theme;style=t0.style;onFocus=t0.onFocus;onBlur=t0.onBlur;onPressIn=t0.onPressIn;onPressOut=t0.onPressOut;t1=t0.multiline;scrollEnabled=t0.scrollEnabled;onChangeText=t0.onChangeText;accessibilityLabel=t0.accessibilityLabel;accessibilityHint=t0.accessibilityHint;accessibilityState=t0.accessibilityState;accessibilityValue=t0.accessibilityValue;nativeID=t0.nativeID;tabIndex=t0.tabIndex;ref=t0.ref;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=accessibilityHint;$[2]=accessibilityLabel;$[3]=accessibilityState;$[4]=accessibilityValue;$[5]=nativeID;$[6]=onBlur;$[7]=onChangeText;$[8]=onFocus;$[9]=onPressIn;$[10]=onPressOut;$[11]=props;$[12]=readOnlyProp;$[13]=ref;$[14]=scrollEnabled;$[15]=style;$[16]=t1;$[17]=tabIndex;$[18]=themeOverrides;}else{accessibilityHint=$[1];accessibilityLabel=$[2];accessibilityState=$[3];accessibilityValue=$[4];nativeID=$[5];onBlur=$[6];onChangeText=$[7];onFocus=$[8];onPressIn=$[9];onPressOut=$[10];props=$[11];readOnlyProp=$[12];ref=$[13];scrollEnabled=$[14];style=$[15];t1=$[16];tabIndex=$[17];themeOverrides=$[18];}var multiline=t1===undefined?false:t1;var _useFieldControlState=useFieldControlState(),field=_useFieldControlState.field,disabled=_useFieldControlState.disabled,fieldReadOnly=_useFieldControlState.readOnly,interactive=_useFieldControlState.interactive;var _useSystems=useSystems(),getDisabledStyle=_useSystems.getDisabledStyle,maxFontSizeMultiplier=_useSystems.maxFontSizeMultiplier;var t2;if($[19]!==themeOverrides){t2={themeOverrides:{text:themeOverrides},createStyles};$[19]=themeOverrides;$[20]=t2;}else{t2=$[20];}var _useComponent=useComponent("field",t2),styles=_useComponent.styles,theme=_useComponent.theme;var inputRef=useForwardedRef(ref);var t3;if($[21]!==inputRef){t3=()=>inputRef.current?.focus();$[21]=inputRef;$[22]=t3;}else{t3=$[22];}var focusInput=t3;var t4=!disabled;var t5;if($[23]!==focusInput||$[24]!==t4){t5={focusable:t4,pressEvents:true,focus:focusInput};$[23]=focusInput;$[24]=t4;$[25]=t5;}else{t5=$[25];}var fieldFocus=useFieldControlFocus(t5);var t6;if($[26]!==fieldFocus||$[27]!==onBlur||$[28]!==onFocus||$[29]!==onPressIn||$[30]!==onPressOut){t6=fieldFocus.getFocusProps({onFocus,onBlur,onPressIn,onPressOut});$[26]=fieldFocus;$[27]=onBlur;$[28]=onFocus;$[29]=onPressIn;$[30]=onPressOut;$[31]=t6;}else{t6=$[31];}var t7=interactive&&!readOnlyProp;var t8=!disabled;var t9=disabled?-1:tabIndex;var t10=theme.text.placeholderColor;var t11=fieldReadOnly||!!readOnlyProp;var t12;if($[32]!==accessibilityHint||$[33]!==accessibilityLabel||$[34]!==accessibilityState||$[35]!==accessibilityValue||$[36]!==field||$[37]!==t11){t12=fieldAria(field,{label:accessibilityLabel,readOnly:t11,hint:accessibilityHint,state:accessibilityState,value:accessibilityValue});$[32]=accessibilityHint;$[33]=accessibilityLabel;$[34]=accessibilityState;$[35]=accessibilityValue;$[36]=field;$[37]=t11;$[38]=t12;}else{t12=$[38];}var t13=fieldFocus.focusRingStyle;var t14=styles.input;var t15=!fieldFocus.isNestedInSurface&&disabled;var t16;if($[39]!==getDisabledStyle||$[40]!==t15){t16=getDisabledStyle(t15);$[39]=getDisabledStyle;$[40]=t15;$[41]=t16;}else{t16=$[41];}var t17;if($[42]!==fieldFocus.focusRingStyle||$[43]!==style||$[44]!==styles.input||$[45]!==t16){t17=[t13,t14,t16,style];$[42]=fieldFocus.focusRingStyle;$[43]=style;$[44]=styles.input;$[45]=t16;$[46]=t17;}else{t17=$[46];}var t18=scrollEnabled??multiline;var t19;if($[47]!==inputRef||$[48]!==maxFontSizeMultiplier||$[49]!==multiline||$[50]!==nativeID||$[51]!==onChangeText||$[52]!==props||$[53]!==t12||$[54]!==t17||$[55]!==t18||$[56]!==t6||$[57]!==t7||$[58]!==t8||$[59]!==t9||$[60]!==theme.text.placeholderColor){t19=_jsx(TextInput,{...t6,...props,ref:inputRef,editable:t7,focusable:t8,tabIndex:t9,maxFontSizeMultiplier:maxFontSizeMultiplier,placeholderTextColor:t10,nativeID:nativeID,...t12,style:t17,multiline:multiline,scrollEnabled:t18,onChangeText:onChangeText});$[47]=inputRef;$[48]=maxFontSizeMultiplier;$[49]=multiline;$[50]=nativeID;$[51]=onChangeText;$[52]=props;$[53]=t12;$[54]=t17;$[55]=t18;$[56]=t6;$[57]=t7;$[58]=t8;$[59]=t9;$[60]=theme.text.placeholderColor;$[61]=t19;}else{t19=$[61];}return t19;};var createStyles=defineStyles(theme=>({input:{alignSelf:"stretch",flex:1,minWidth:0,fontSize:theme.text.fontSize,fontFamily:theme.text.fontFamily,fontWeight:theme.text.fontWeight,color:theme.text.color}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{Keyboard,Platform,Pressable,View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{jsx as _jsx}from"react/jsx-runtime";export var FormContainer=t0=>{var $=_c(8);var style=t0.style,themeOverrides=t0.theme,children=t0.children;var t1;if($[0]!==themeOverrides){t1={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t1;}else{t1=$[1];}var _useComponent=useComponent("formContainer",t1),styles=_useComponent.styles;var t2;if($[2]!==style||$[3]!==styles.container){t2=[styles.container,style];$[2]=style;$[3]=styles.container;$[4]=t2;}else{t2=$[4];}var containerStyle=t2;var t3;if($[5]!==children||$[6]!==containerStyle){t3=Platform.OS==="web"?_jsx(View,{style:containerStyle,children:children}):_jsx(Pressable,{accessible:false,style:containerStyle,onPress:_temp,children:children});$[5]=children;$[6]=containerStyle;$[7]=t3;}else{t3=$[7];}return t3;};var createStyles=defineStyles(theme=>({container:{alignSelf:"stretch",width:"100%",minWidth:0,gap:theme.gap}}));function _temp(){return Keyboard.dismiss();}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{Children,isValidElement}from"react";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{jsx as _jsx}from"react/jsx-runtime";export var FormRow=t0=>{var $=_c(12);var themeOverrides=t0.theme,style=t0.style,children=t0.children;var t1;if($[0]!==themeOverrides){t1={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t1;}else{t1=$[1];}var _useComponent=useComponent("formRow",t1),styles=_useComponent.styles;var t2;if($[2]!==children||$[3]!==style||$[4]!==styles.cell||$[5]!==styles.container){var items=Children.toArray(children);var t3;if($[7]!==style||$[8]!==styles.container){t3=[styles.container,style];$[7]=style;$[8]=styles.container;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==styles.cell){t4=child=>_jsx(View,{style:styles.cell,children:child},isValidElement(child)?child.key:String(child));$[10]=styles.cell;$[11]=t4;}else{t4=$[11];}t2=_jsx(View,{style:t3,children:items.map(t4)});$[2]=children;$[3]=style;$[4]=styles.cell;$[5]=styles.container;$[6]=t2;}else{t2=$[6];}return t2;};var createStyles=defineStyles(theme=>({container:{alignSelf:"stretch",minWidth:0,flexDirection:"row",alignItems:"flex-start",gap:theme.gap},cell:{flexGrow:1,flexBasis:0,minWidth:0}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _excluded=["label","hideLabel","help","error","required","disabled","readOnly","variant","style","theme"];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{useComponent}from"../../internal";import{Field,FieldSurface,FieldTextInput}from"../field";import{jsx as _jsx}from"react/jsx-runtime";export var TextInput=t0=>{var $=_c(28);var disabled;var error;var help;var hideLabel;var inputProps;var label;var readOnly;var required;var style;var themeOverrides;var variant;if($[0]!==t0){label=t0.label;hideLabel=t0.hideLabel;help=t0.help;error=t0.error;required=t0.required;disabled=t0.disabled;readOnly=t0.readOnly;variant=t0.variant;style=t0.style;themeOverrides=t0.theme;inputProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=disabled;$[2]=error;$[3]=help;$[4]=hideLabel;$[5]=inputProps;$[6]=label;$[7]=readOnly;$[8]=required;$[9]=style;$[10]=themeOverrides;$[11]=variant;}else{disabled=$[1];error=$[2];help=$[3];hideLabel=$[4];inputProps=$[5];label=$[6];readOnly=$[7];required=$[8];style=$[9];themeOverrides=$[10];variant=$[11];}var t1;if($[12]!==themeOverrides){t1={themeOverrides};$[12]=themeOverrides;$[13]=t1;}else{t1=$[13];}var _useComponent=useComponent("textInput",t1),theme=_useComponent.theme;var t2;if($[14]!==inputProps||$[15]!==theme.textInput){t2=_jsx(FieldSurface,{children:_jsx(FieldTextInput,{theme:theme.textInput,...inputProps})});$[14]=inputProps;$[15]=theme.textInput;$[16]=t2;}else{t2=$[16];}var t3;if($[17]!==disabled||$[18]!==error||$[19]!==help||$[20]!==hideLabel||$[21]!==label||$[22]!==readOnly||$[23]!==required||$[24]!==style||$[25]!==t2||$[26]!==variant){t3=_jsx(Field,{label:label,hideLabel:hideLabel,help:help,error:error,required:required,disabled:disabled,readOnly:readOnly,variant:variant,style:style,children:t2});$[17]=disabled;$[18]=error;$[19]=help;$[20]=hideLabel;$[21]=label;$[22]=readOnly;$[23]=required;$[24]=style;$[25]=t2;$[26]=variant;$[27]=t3;}else{t3=$[27];}return t3;};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export var defaultTextInputTheme=({theme})=>({textInput:theme.field.text});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{jsx as _jsx}from"react/jsx-runtime";var preventBlur={onMouseDown:event=>{event.preventDefault();}};export var ComboboxBlurGuard=t0=>{var $=_c(2);var children=t0.children;var t1;if($[0]!==children){t1=_jsx(View,{...preventBlur,children:children});$[0]=children;$[1]=t1;}else{t1=$[1];}return t1;};
|