@reillymc/react-native-components 0.10.8
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/LICENSE +20 -0
- package/README.md +37 -0
- package/lib/assets/StarIcon.js +1 -0
- package/lib/assets/index.js +1 -0
- package/lib/common/index.js +0 -0
- package/lib/common/valueItem.js +0 -0
- package/lib/components/AlertIndicator.js +1 -0
- package/lib/components/Avatar.js +1 -0
- package/lib/components/Panel.js +1 -0
- package/lib/components/Rating.js +1 -0
- package/lib/components/SwipeAction.js +1 -0
- package/lib/components/Toast.js +1 -0
- package/lib/components/action/Action.js +1 -0
- package/lib/components/action/ActionBase.js +1 -0
- package/lib/components/action/IconAction.js +1 -0
- package/lib/components/action/IconActionBase.js +1 -0
- package/lib/components/action/index.js +1 -0
- package/lib/components/button/Button.js +1 -0
- package/lib/components/button/ButtonBase.js +1 -0
- package/lib/components/button/IconButton.js +1 -0
- package/lib/components/button/IconButtonBase.js +1 -0
- package/lib/components/button/index.js +1 -0
- package/lib/components/container/CollapsibleContainer.js +1 -0
- package/lib/components/container/FloatingContainer.js +1 -0
- package/lib/components/container/FloatingContainer.web.js +1 -0
- package/lib/components/container/FormContainer.js +1 -0
- package/lib/components/container/SwipeableContainer.js +1 -0
- package/lib/components/container/index.js +1 -0
- package/lib/components/icon/Icon.js +1 -0
- package/lib/components/icon/IconBase.js +1 -0
- package/lib/components/icon/InteractiveIcon.js +1 -0
- package/lib/components/icon/componentWithIcon.js +1 -0
- package/lib/components/icon/index.js +1 -0
- package/lib/components/index.js +1 -0
- package/lib/components/input/CounterInput.js +1 -0
- package/lib/components/input/DropdownInput.js +1 -0
- package/lib/components/input/DropdownInputBase.js +1 -0
- package/lib/components/input/InputAction.js +1 -0
- package/lib/components/input/InputBase.js +1 -0
- package/lib/components/input/InputScaffold.js +1 -0
- package/lib/components/input/NumberInput.js +1 -0
- package/lib/components/input/NumberInputBase.js +1 -0
- package/lib/components/input/RatingInput.js +1 -0
- package/lib/components/input/SelectionInput.js +1 -0
- package/lib/components/input/TextInput.js +1 -0
- package/lib/components/input/TimeInput.js +1 -0
- package/lib/components/input/ToggleInput.js +1 -0
- package/lib/components/input/index.js +1 -0
- package/lib/components/listItem/ListItem.js +1 -0
- package/lib/components/listItem/ListItemAlert.js +1 -0
- package/lib/components/listItem/ListItemAvatar.js +1 -0
- package/lib/components/listItem/ListItemFooter.js +1 -0
- package/lib/components/listItem/ListItemRow.js +1 -0
- package/lib/components/listItem/index.js +1 -0
- package/lib/components/menu/Menu.js +1 -0
- package/lib/components/menu/MenuItem.js +1 -0
- package/lib/components/menu/index.js +1 -0
- package/lib/components/tag/Tag.js +1 -0
- package/lib/components/tag/TagIcon.js +1 -0
- package/lib/components/tag/index.js +1 -0
- package/lib/components/text/HighlightedText.js +1 -0
- package/lib/components/text/InteractiveText.js +1 -0
- package/lib/components/text/Text.js +1 -0
- package/lib/components/text/index.js +1 -0
- package/lib/hooks/index.js +1 -0
- package/lib/hooks/useForwardedRef.js +1 -0
- package/lib/hooks/useKeyboardHeight.js +1 -0
- package/lib/hooks/usePersistentKeyboardHeight.js +1 -0
- package/lib/hooks/useTheme.js +1 -0
- package/lib/hooks/useThemedStyles.js +1 -0
- package/lib/index.js +1 -0
- package/lib/providers/ThemeProvider.js +1 -0
- package/lib/providers/index.js +1 -0
- package/lib/theme/icons.js +1 -0
- package/lib/theme/index.js +1 -0
- package/lib/theme/styles.js +1 -0
- package/lib/theme/theme.js +1 -0
- package/lib/types/assets/StarIcon.d.ts +11 -0
- package/lib/types/assets/StarIcon.d.ts.map +1 -0
- package/lib/types/assets/index.d.ts +2 -0
- package/lib/types/assets/index.d.ts.map +1 -0
- package/lib/types/common/index.d.ts +2 -0
- package/lib/types/common/index.d.ts.map +1 -0
- package/lib/types/common/valueItem.d.ts +16 -0
- package/lib/types/common/valueItem.d.ts.map +1 -0
- package/lib/types/components/AlertIndicator.d.ts +16 -0
- package/lib/types/components/AlertIndicator.d.ts.map +1 -0
- package/lib/types/components/Avatar.d.ts +37 -0
- package/lib/types/components/Avatar.d.ts.map +1 -0
- package/lib/types/components/Panel.d.ts +10 -0
- package/lib/types/components/Panel.d.ts.map +1 -0
- package/lib/types/components/Rating.d.ts +50 -0
- package/lib/types/components/Rating.d.ts.map +1 -0
- package/lib/types/components/SwipeAction.d.ts +8 -0
- package/lib/types/components/SwipeAction.d.ts.map +1 -0
- package/lib/types/components/Toast.d.ts +13 -0
- package/lib/types/components/Toast.d.ts.map +1 -0
- package/lib/types/components/action/Action.d.ts +17 -0
- package/lib/types/components/action/Action.d.ts.map +1 -0
- package/lib/types/components/action/ActionBase.d.ts +9 -0
- package/lib/types/components/action/ActionBase.d.ts.map +1 -0
- package/lib/types/components/action/IconAction.d.ts +23 -0
- package/lib/types/components/action/IconAction.d.ts.map +1 -0
- package/lib/types/components/action/IconActionBase.d.ts +20 -0
- package/lib/types/components/action/IconActionBase.d.ts.map +1 -0
- package/lib/types/components/action/index.d.ts +5 -0
- package/lib/types/components/action/index.d.ts.map +1 -0
- package/lib/types/components/button/Button.d.ts +22 -0
- package/lib/types/components/button/Button.d.ts.map +1 -0
- package/lib/types/components/button/ButtonBase.d.ts +21 -0
- package/lib/types/components/button/ButtonBase.d.ts.map +1 -0
- package/lib/types/components/button/IconButton.d.ts +20 -0
- package/lib/types/components/button/IconButton.d.ts.map +1 -0
- package/lib/types/components/button/IconButtonBase.d.ts +19 -0
- package/lib/types/components/button/IconButtonBase.d.ts.map +1 -0
- package/lib/types/components/button/index.d.ts +5 -0
- package/lib/types/components/button/index.d.ts.map +1 -0
- package/lib/types/components/container/CollapsibleContainer.d.ts +10 -0
- package/lib/types/components/container/CollapsibleContainer.d.ts.map +1 -0
- package/lib/types/components/container/FloatingContainer.d.ts +23 -0
- package/lib/types/components/container/FloatingContainer.d.ts.map +1 -0
- package/lib/types/components/container/FormContainer.d.ts +8 -0
- package/lib/types/components/container/FormContainer.d.ts.map +1 -0
- package/lib/types/components/container/SwipeableContainer.d.ts +13 -0
- package/lib/types/components/container/SwipeableContainer.d.ts.map +1 -0
- package/lib/types/components/container/index.d.ts +5 -0
- package/lib/types/components/container/index.d.ts.map +1 -0
- package/lib/types/components/icon/Icon.d.ts +14 -0
- package/lib/types/components/icon/Icon.d.ts.map +1 -0
- package/lib/types/components/icon/IconBase.d.ts +15 -0
- package/lib/types/components/icon/IconBase.d.ts.map +1 -0
- package/lib/types/components/icon/InteractiveIcon.d.ts +16 -0
- package/lib/types/components/icon/InteractiveIcon.d.ts.map +1 -0
- package/lib/types/components/icon/componentWithIcon.d.ts +14 -0
- package/lib/types/components/icon/componentWithIcon.d.ts.map +1 -0
- package/lib/types/components/icon/index.d.ts +5 -0
- package/lib/types/components/icon/index.d.ts.map +1 -0
- package/lib/types/components/index.d.ts +23 -0
- package/lib/types/components/index.d.ts.map +1 -0
- package/lib/types/components/input/CounterInput.d.ts +10 -0
- package/lib/types/components/input/CounterInput.d.ts.map +1 -0
- package/lib/types/components/input/DropdownInput.d.ts +8 -0
- package/lib/types/components/input/DropdownInput.d.ts.map +1 -0
- package/lib/types/components/input/DropdownInputBase.d.ts +38 -0
- package/lib/types/components/input/DropdownInputBase.d.ts.map +1 -0
- package/lib/types/components/input/InputAction.d.ts +9 -0
- package/lib/types/components/input/InputAction.d.ts.map +1 -0
- package/lib/types/components/input/InputBase.d.ts +28 -0
- package/lib/types/components/input/InputBase.d.ts.map +1 -0
- package/lib/types/components/input/InputScaffold.d.ts +29 -0
- package/lib/types/components/input/InputScaffold.d.ts.map +1 -0
- package/lib/types/components/input/NumberInput.d.ts +31 -0
- package/lib/types/components/input/NumberInput.d.ts.map +1 -0
- package/lib/types/components/input/NumberInputBase.d.ts +20 -0
- package/lib/types/components/input/NumberInputBase.d.ts.map +1 -0
- package/lib/types/components/input/RatingInput.d.ts +13 -0
- package/lib/types/components/input/RatingInput.d.ts.map +1 -0
- package/lib/types/components/input/SelectionInput.d.ts +41 -0
- package/lib/types/components/input/SelectionInput.d.ts.map +1 -0
- package/lib/types/components/input/TextInput.d.ts +8 -0
- package/lib/types/components/input/TextInput.d.ts.map +1 -0
- package/lib/types/components/input/TimeInput.d.ts +17 -0
- package/lib/types/components/input/TimeInput.d.ts.map +1 -0
- package/lib/types/components/input/ToggleInput.d.ts +30 -0
- package/lib/types/components/input/ToggleInput.d.ts.map +1 -0
- package/lib/types/components/input/index.d.ts +24 -0
- package/lib/types/components/input/index.d.ts.map +1 -0
- package/lib/types/components/listItem/ListItem.d.ts +41 -0
- package/lib/types/components/listItem/ListItem.d.ts.map +1 -0
- package/lib/types/components/listItem/ListItemAlert.d.ts +6 -0
- package/lib/types/components/listItem/ListItemAlert.d.ts.map +1 -0
- package/lib/types/components/listItem/ListItemAvatar.d.ts +6 -0
- package/lib/types/components/listItem/ListItemAvatar.d.ts.map +1 -0
- package/lib/types/components/listItem/ListItemFooter.d.ts +6 -0
- package/lib/types/components/listItem/ListItemFooter.d.ts.map +1 -0
- package/lib/types/components/listItem/ListItemRow.d.ts +6 -0
- package/lib/types/components/listItem/ListItemRow.d.ts.map +1 -0
- package/lib/types/components/listItem/index.d.ts +6 -0
- package/lib/types/components/listItem/index.d.ts.map +1 -0
- package/lib/types/components/menu/Menu.d.ts +16 -0
- package/lib/types/components/menu/Menu.d.ts.map +1 -0
- package/lib/types/components/menu/MenuItem.d.ts +14 -0
- package/lib/types/components/menu/MenuItem.d.ts.map +1 -0
- package/lib/types/components/menu/index.d.ts +5 -0
- package/lib/types/components/menu/index.d.ts.map +1 -0
- package/lib/types/components/tag/Tag.d.ts +19 -0
- package/lib/types/components/tag/Tag.d.ts.map +1 -0
- package/lib/types/components/tag/TagIcon.d.ts +2 -0
- package/lib/types/components/tag/TagIcon.d.ts.map +1 -0
- package/lib/types/components/tag/index.d.ts +3 -0
- package/lib/types/components/tag/index.d.ts.map +1 -0
- package/lib/types/components/text/HighlightedText.d.ts +19 -0
- package/lib/types/components/text/HighlightedText.d.ts.map +1 -0
- package/lib/types/components/text/InteractiveText.d.ts +18 -0
- package/lib/types/components/text/InteractiveText.d.ts.map +1 -0
- package/lib/types/components/text/Text.d.ts +19 -0
- package/lib/types/components/text/Text.d.ts.map +1 -0
- package/lib/types/components/text/index.d.ts +4 -0
- package/lib/types/components/text/index.d.ts.map +1 -0
- package/lib/types/hooks/index.d.ts +6 -0
- package/lib/types/hooks/index.d.ts.map +1 -0
- package/lib/types/hooks/useForwardedRef.d.ts +3 -0
- package/lib/types/hooks/useForwardedRef.d.ts.map +1 -0
- package/lib/types/hooks/useKeyboardHeight.d.ts +4 -0
- package/lib/types/hooks/useKeyboardHeight.d.ts.map +1 -0
- package/lib/types/hooks/usePersistentKeyboardHeight.d.ts +4 -0
- package/lib/types/hooks/usePersistentKeyboardHeight.d.ts.map +1 -0
- package/lib/types/hooks/useTheme.d.ts +2 -0
- package/lib/types/hooks/useTheme.d.ts.map +1 -0
- package/lib/types/hooks/useThemedStyles.d.ts +40 -0
- package/lib/types/hooks/useThemedStyles.d.ts.map +1 -0
- package/lib/types/index.d.ts +7 -0
- package/lib/types/index.d.ts.map +1 -0
- package/lib/types/providers/ThemeProvider.d.ts +18 -0
- package/lib/types/providers/ThemeProvider.d.ts.map +1 -0
- package/lib/types/providers/index.d.ts +2 -0
- package/lib/types/providers/index.d.ts.map +1 -0
- package/lib/types/theme/icons.d.ts +24 -0
- package/lib/types/theme/icons.d.ts.map +1 -0
- package/lib/types/theme/index.d.ts +4 -0
- package/lib/types/theme/index.d.ts.map +1 -0
- package/lib/types/theme/styles.d.ts +47 -0
- package/lib/types/theme/styles.d.ts.map +1 -0
- package/lib/types/theme/theme.d.ts +87 -0
- package/lib/types/theme/theme.d.ts.map +1 -0
- package/package.json +69 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports,"__esModule",{value:true});exports.Text=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutPropertiesLoose2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _compilerRuntime=require("react/compiler-runtime");var _reactNative=require("react-native");var _hooks=require("../../hooks");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["variant","style","children"];var Text=t0=>{var $=(0,_compilerRuntime.c)(14);var children;var props;var style;var t1;if($[0]!==t0){var _t=t0;t1=_t.variant;style=_t.style;children=_t.children;props=(0,_objectWithoutPropertiesLoose2.default)(_t,_excluded);_t;$[0]=t0;$[1]=children;$[2]=props;$[3]=style;$[4]=t1;}else{children=$[1];props=$[2];style=$[3];t1=$[4];}var variant=t1===undefined?"body":t1;var t2;if($[5]!==variant){t2={props:{variant}};$[5]=variant;$[6]=t2;}else{t2=$[6];}var _useThemedStyles=(0,_hooks.useThemedStyles)("text",createStyles,t2),_useThemedStyles2=(0,_slicedToArray2.default)(_useThemedStyles,1),styles=_useThemedStyles2[0];var t3;if($[7]!==style||$[8]!==styles.text){t3=[styles.text,style];$[7]=style;$[8]=styles.text;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==children||$[11]!==props||$[12]!==t3){t4=(0,_jsxRuntime.jsx)(_reactNative.Text,Object.assign({},props,{style:t3,children:children}));$[10]=children;$[11]=props;$[12]=t3;$[13]=t4;}else{t4=$[13];}return t4;};exports.Text=Text;var createStyles=(_ref,_ref2)=>{var text=_ref.styles.text;var _ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?"body":_ref2$variant;return _reactNative.StyleSheet.create({text:{fontFamily:text.font[variant].family,fontWeight:text.font[variant].weight,fontSize:text.font[variant].size,color:text.color}});};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"HighlightedText",{enumerable:true,get:function(){return _HighlightedText.HighlightedText;}});Object.defineProperty(exports,"InteractiveText",{enumerable:true,get:function(){return _InteractiveText.InteractiveText;}});Object.defineProperty(exports,"Text",{enumerable:true,get:function(){return _Text.Text;}});var _HighlightedText=require("./HighlightedText");var _InteractiveText=require("./InteractiveText");var _Text=require("./Text");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useForwardedRef",{enumerable:true,get:function(){return _useForwardedRef.useForwardedRef;}});Object.defineProperty(exports,"useKeyboardHeight",{enumerable:true,get:function(){return _useKeyboardHeight.useKeyboardHeight;}});Object.defineProperty(exports,"usePersistentKeyboardHeight",{enumerable:true,get:function(){return _usePersistentKeyboardHeight.usePersistentKeyboardHeight;}});Object.defineProperty(exports,"useStyles",{enumerable:true,get:function(){return _useThemedStyles.useStyles;}});Object.defineProperty(exports,"useTheme",{enumerable:true,get:function(){return _useTheme.useTheme;}});Object.defineProperty(exports,"useThemedStyles",{enumerable:true,get:function(){return _useThemedStyles.useThemedStyles;}});Object.defineProperty(exports,"useThemedStylesExternal",{enumerable:true,get:function(){return _useThemedStyles.useThemedStylesExternal;}});var _useForwardedRef=require("./useForwardedRef");var _useKeyboardHeight=require("./useKeyboardHeight");var _usePersistentKeyboardHeight=require("./usePersistentKeyboardHeight");var _useTheme=require("./useTheme");var _useThemedStyles=require("./useThemedStyles");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports,"__esModule",{value:true});exports.useForwardedRef=void 0;var _react=_interopRequireDefault(require("react"));var useForwardedRef=ref=>{var localRef=_react.default.useRef(null);return ref??localRef;};exports.useForwardedRef=useForwardedRef;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports,"__esModule",{value:true});exports.useKeyboardHeight=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _compilerRuntime=require("react/compiler-runtime");var _react=require("react");var _reactNative=require("react-native");var isIos=_reactNative.Platform.OS==="ios";var useKeyboardHeight=()=>{var $=(0,_compilerRuntime.c)(4);var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),keyboardHeight=_useState2[0],setKeyboardHeight=_useState2[1];var t0;var t1;if($[0]===Symbol.for("react.memo_cache_sentinel")){t0=()=>{var showEvent=isIos?"keyboardWillShow":"keyboardDidShow";var hideEvent=isIos?"keyboardWillHide":"keyboardDidHide";var showListener=_reactNative.Keyboard.addListener(showEvent,e=>{setKeyboardHeight(e.endCoordinates.height);});var hideListener=_reactNative.Keyboard.addListener(hideEvent,()=>{setKeyboardHeight(0);});return()=>{showListener.remove();hideListener.remove();};};t1=[];$[0]=t0;$[1]=t1;}else{t0=$[0];t1=$[1];}(0,_react.useEffect)(t0,t1);var t2;if($[2]!==keyboardHeight){t2={keyboardHeight};$[2]=keyboardHeight;$[3]=t2;}else{t2=$[3];}return t2;};exports.useKeyboardHeight=useKeyboardHeight;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports,"__esModule",{value:true});exports.usePersistentKeyboardHeight=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _compilerRuntime=require("react/compiler-runtime");var _react=require("react");var _reactNative=require("react-native");var isIos=_reactNative.Platform.OS==="ios";var usePersistentKeyboardHeight=()=>{var $=(0,_compilerRuntime.c)(4);var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),keyboardHeight=_useState2[0],setKeyboardHeight=_useState2[1];var t0;var t1;if($[0]===Symbol.for("react.memo_cache_sentinel")){t0=()=>{var showEvent=isIos?"keyboardWillShow":"keyboardDidShow";var showListener=_reactNative.Keyboard.addListener(showEvent,e=>{setKeyboardHeight(e.endCoordinates.height);});return()=>{showListener.remove();};};t1=[];$[0]=t0;$[1]=t1;}else{t0=$[0];t1=$[1];}(0,_react.useEffect)(t0,t1);var t2;if($[2]!==keyboardHeight){t2={keyboardHeight};$[2]=keyboardHeight;$[3]=t2;}else{t2=$[3];}return t2;};exports.usePersistentKeyboardHeight=usePersistentKeyboardHeight;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.useTheme=void 0;var _react=require("react");var _providers=require("../providers");var useTheme=()=>(0,_react.use)(_providers.ThemeContext);exports.useTheme=useTheme;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.useThemedStylesExternal=exports.useThemedStyles=exports.useStyles=void 0;var _compilerRuntime=require("react/compiler-runtime");var _react=require("react");var _theme=require("../theme");var _useTheme4=require("./useTheme");function hasKey(obj,key){return key in obj;}var useThemedStyles=function(componentName,generator){var $=(0,_compilerRuntime.c)(15);for(var _len=arguments.length,t0=new Array(_len>2?_len-2:0),_key=2;_key<_len;_key++){t0[_key-2]=arguments[_key];}var t1=t0[0];var t2;if($[0]!==t1){t2=t1===undefined?{}:t1;$[0]=t1;$[1]=t2;}else{t2=$[1];}var options=t2;var componentProps="props"in options?options.props:undefined;var componentStyles="styles"in options?options.styles:undefined;var _useTheme=(0,_useTheme4.useTheme)(),theme=_useTheme.theme,originalStyles=_useTheme.styles,icons=_useTheme.icons;var generated;var t3;if($[2]!==componentName||$[3]!==componentProps||$[4]!==componentStyles||$[5]!==generator||$[6]!==icons||$[7]!==options||$[8]!==originalStyles||$[9]!==theme){var styles=(0,_theme.MergeStyles)(originalStyles,componentStyles);generated="props"in options?generator({theme,styles,icons},componentProps):generator({theme,styles,icons});t3=hasKey(styles,componentName)?hasKey(icons,componentName)?{style:styles[componentName],icons:icons[componentName]}:{style:styles[componentName]}:hasKey(icons,componentName)?{icons:icons[componentName]}:{};$[2]=componentName;$[3]=componentProps;$[4]=componentStyles;$[5]=generator;$[6]=icons;$[7]=options;$[8]=originalStyles;$[9]=theme;$[10]=generated;$[11]=t3;}else{generated=$[10];t3=$[11];}var componentResult=t3;var t4;if($[12]!==componentResult||$[13]!==generated){t4=[generated,componentResult];$[12]=componentResult;$[13]=generated;$[14]=t4;}else{t4=$[14];}var themedStyles=t4;return themedStyles;};exports.useThemedStyles=useThemedStyles;var useThemedStylesExternal=function(generator){var $=(0,_compilerRuntime.c)(10);for(var _len2=arguments.length,t0=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++){t0[_key2-1]=arguments[_key2];}var t1=t0[0];var t2;if($[0]!==t1){t2=t1===undefined?{}:t1;$[0]=t1;$[1]=t2;}else{t2=$[1];}var options=t2;var componentProps="props"in options?options.props:undefined;var componentStyles="styles"in options?options.styles:undefined;var _useTheme2=(0,_useTheme4.useTheme)(),theme=_useTheme2.theme,originalStyles=_useTheme2.styles,icons=_useTheme2.icons;var t3;if($[2]!==componentProps||$[3]!==componentStyles||$[4]!==generator||$[5]!==icons||$[6]!==options||$[7]!==originalStyles||$[8]!==theme){var styles=(0,_theme.MergeStyles)(originalStyles,componentStyles);t3="props"in options?generator({theme,styles,icons},componentProps):generator({theme,styles,icons});$[2]=componentProps;$[3]=componentStyles;$[4]=generator;$[5]=icons;$[6]=options;$[7]=originalStyles;$[8]=theme;$[9]=t3;}else{t3=$[9];}var generated=t3;var themedStyles=generated;return themedStyles;};exports.useThemedStylesExternal=useThemedStylesExternal;var useStyles=componentStyles=>{var $=(0,_compilerRuntime.c)(3);var _useTheme3=(0,_useTheme4.useTheme)(),originalStyles=_useTheme3.styles;var t0;if($[0]!==componentStyles||$[1]!==originalStyles){t0=(0,_theme.MergeStyles)(originalStyles,componentStyles);$[0]=componentStyles;$[1]=originalStyles;$[2]=t0;}else{t0=$[2];}var themedStyles=t0;return themedStyles;};exports.useStyles=useStyles;
|
package/lib/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={useTheme:true,useThemedStyles:true};Object.defineProperty(exports,"useTheme",{enumerable:true,get:function(){return _hooks.useTheme;}});Object.defineProperty(exports,"useThemedStyles",{enumerable:true,get:function(){return _hooks.useThemedStylesExternal;}});var _components=require("./components");Object.keys(_components).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_components[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _components[key];}});});var _hooks=require("./hooks");var _providers=require("./providers");Object.keys(_providers).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_providers[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _providers[key];}});});var _theme=require("./theme");Object.keys(_theme).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_theme[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _theme[key];}});});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.ThemeProvider=exports.ThemeContext=void 0;var _compilerRuntime=require("react/compiler-runtime");var _react=require("react");var _theme=require("../theme");var _jsxRuntime=require("react/jsx-runtime");var ThemeContext=exports.ThemeContext=(0,_react.createContext)({theme:_theme.DefaultTheme,styles:(0,_theme.createDefaultStyles)(_theme.DefaultTheme),icons:_theme.DefaultIcons});var ThemeProvider=t0=>{var $=(0,_compilerRuntime.c)(11);var initialTheme=t0.theme,initialStyles=t0.styles,initialIcons=t0.icons,children=t0.children;var t1;var theme;if($[0]!==initialStyles||$[1]!==initialTheme){theme=(0,_theme.MergeTheme)(_theme.DefaultTheme,initialTheme);t1=initialStyles??(0,_theme.createDefaultStyles)(theme);$[0]=initialStyles;$[1]=initialTheme;$[2]=t1;$[3]=theme;}else{t1=$[2];theme=$[3];}var styles=t1;var icons=initialIcons??_theme.DefaultIcons;var t2;if($[4]!==icons||$[5]!==styles||$[6]!==theme){t2={theme,styles,icons};$[4]=icons;$[5]=styles;$[6]=theme;$[7]=t2;}else{t2=$[7];}var t3;if($[8]!==children||$[9]!==t2){t3=(0,_jsxRuntime.jsx)(ThemeContext,{value:t2,children:children});$[8]=children;$[9]=t2;$[10]=t3;}else{t3=$[10];}return t3;};exports.ThemeProvider=ThemeProvider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ThemeContext",{enumerable:true,get:function(){return _ThemeProvider.ThemeContext;}});Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function(){return _ThemeProvider.ThemeProvider;}});var _ThemeProvider=require("./ThemeProvider");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.DefaultIcons=void 0;var _octicons=require("@react-native-vector-icons/octicons");var DefaultIcons=exports.DefaultIcons={iconSet:_octicons.Octicons,inputScaffold:{error:"exclamation"},counterInput:{decrease:"dash",increase:"plus"},numberInput:{number:"infinity",fraction:"number",range:"arrow-both"},selectionInput:{showOptions:"chevron-down"},timeInput:{time:"clock"},toggleInput:{outline:"circle"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"DefaultIcons",{enumerable:true,get:function(){return _icons.DefaultIcons;}});Object.defineProperty(exports,"DefaultTheme",{enumerable:true,get:function(){return _theme.DefaultTheme;}});Object.defineProperty(exports,"MergeStyles",{enumerable:true,get:function(){return _styles.MergeStyles;}});Object.defineProperty(exports,"MergeTheme",{enumerable:true,get:function(){return _theme.MergeTheme;}});Object.defineProperty(exports,"createDefaultStyles",{enumerable:true,get:function(){return _styles.createDefaultStyles;}});var _icons=require("./icons");var _styles=require("./styles");var _theme=require("./theme");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports,"__esModule",{value:true});exports.createDefaultStyles=exports.MergeStyles=void 0;var _lodash=_interopRequireDefault(require("lodash.merge"));var createDefaultStyles=_ref=>{var border=_ref.border,color=_ref.color,font=_ref.font,spacing=_ref.spacing;var interactiveText={color:{enabled:color.primary,pressed:color.primaryLight,disabled:color.primaryLight}};var highlightedText={highlightedWeight:{body:"800",caption:"800",display:"800",heading:"800",label:"800",title:"800"}};var iconBase={color:color.textPrimary,size:20};var icon={color:color.textPrimary,size:{small:16,medium:iconBase.size,large:24}};var interactiveIcon={size:iconBase.size,color:{enabled:color.primary,pressed:color.primaryLight,disabled:color.primaryLight}};var action={label:{color:{primary:{enabled:color.primary,pressed:color.primaryLight,disabled:color.primaryLight},secondary:{enabled:color.secondary,pressed:color.secondaryHighlight,disabled:color.secondaryHighlight},destructive:{enabled:color.destructive,pressed:color.destructiveHighlight,disabled:color.destructiveHighlight}}}};var iconActionBase={gap:spacing.small,icon:interactiveText,text:interactiveText};var iconAction={icon:action.label,text:action.label};var buttonBase={height:42,width:{medium:"50%"},borderRadius:border.radius.regular,paddingHorizontal:spacing.medium,paddingVertical:spacing.small,backgroundColor:{enabled:color.primary,pressed:color.primaryLight,disabled:color.primaryLight}};var button={container:{borderRadius:buttonBase.borderRadius,color:{secondary:{enabled:color.textOnPrimary,disabled:color.textOnPrimary,pressed:color.textOnPrimary},primary:{enabled:color.primary,disabled:color.primaryLight,pressed:color.primaryLight},destructive:{enabled:color.textOnDestructive,disabled:color.textOnDestructive,pressed:color.textOnDestructive}}},label:{color:{secondary:{enabled:color.primary,disabled:color.primaryLight,pressed:color.primaryLight},primary:{enabled:color.textOnPrimary,disabled:color.textOnPrimary,pressed:color.textOnPrimary},destructive:{enabled:color.destructive,disabled:color.destructiveHighlight,pressed:color.destructiveHighlight}}}};var iconButtonBase={container:{padding:4,size:48,backgroundColor:{enabled:color.inputBackground,disabled:color.inputBackgroundDisabled,pressed:color.inputBackground},borderRadius:"50%"},icon:interactiveIcon};var iconButton={container:{size:icon.size.medium+spacing.small,backgroundColor:{primary:{enabled:color.background,disabled:color.backgroundHighlight,pressed:color.backgroundHighlight},secondary:{enabled:color.background,disabled:color.backgroundHighlight,pressed:color.backgroundHighlight},destructive:{enabled:color.destructive,disabled:color.destructiveHighlight,pressed:color.destructiveHighlight}}},icon:{color:Object.assign({},action.label.color,{destructive:{enabled:color.textOnDestructive,pressed:color.textOnDestructive,disabled:color.textOnDestructive}})}};var inputBase={container:{height:{regular:48,compact:36},borderRadius:border.radius.regular,padding:spacing.small,backgroundColor:{enabled:color.inputBackground,disabled:color.inputBackgroundDisabled}},text:{fontSize:font.size.regular,fontFamily:font.family.sans,color:{enabled:color.textPrimary,disabled:color.textSecondary},placeholderColor:color.textSecondary}};var inputScaffold={gap:spacing.tiny,mandatoryIndicator:{color:color.primaryDark},helpText:{gap:spacing.tiny}};var inputAction={icon:{color:action.label.color.secondary}};var selectionInput={container:{backgroundColor:Object.assign({},inputBase.container.backgroundColor,{pressed:color.backgroundHighlight})},selectionContainer:{gap:spacing.tiny},icon:inputAction.icon};var swipeAction={width:75};var floatingContainer={parentMargin:spacing.small};var menu={backgroundColor:color.inputBackground,borderRadius:inputBase.container.borderRadius,gap:spacing.tiny,padding:spacing.tiny,parentMargin:spacing.medium};var menuItem={paddingHorizontal:inputBase.container.padding-menu.padding,paddingVertical:spacing.small+spacing.tiny,borderRadius:menu.borderRadius/2};var rating={gap:spacing.tiny,icon:{color:{empty:color.primaryLight,half:color.primary,full:color.primary},size:icon.size.large}};var alertIndicator={size:28,borderRadius:14,backgroundColor:{primary:color.primary,secondary:color.secondary},color:{primary:color.textOnPrimary,secondary:color.textOnSecondary}};var tag={borderRadius:border.radius.loose,internalSpacing:spacing.small,padding:spacing.small};var styles={interactiveText,iconBase,icon,interactiveIcon,action,iconActionBase,iconAction,buttonBase,button,iconButtonBase,iconButton,inputBase,inputScaffold,inputAction,selectionInput,ratingInput:null,swipeAction,floatingContainer,menu,menuItem,rating,alertIndicator,tag,common:{action:{fontSize:Object.assign({},font.size)}},text:{color:color.textPrimary,font:{caption:{family:font.family.sans,weight:"200",size:font.size.small},body:{family:font.family.sans,weight:"400",size:font.size.regular},label:{family:font.family.sans,weight:"500",size:font.size.emphasised},heading:{family:font.family.sans,weight:"600",size:font.size.large},title:{family:font.family.sans,weight:"800",size:font.size.xLarge},display:{family:font.family.sans,weight:"800",size:font.size.xxLarge}}},highlightedText,dropdownInput:{panelGap:4},toggleInput:{indicator:{size:{compact:icon.size.small,regular:icon.size.medium},color:{selected:action.label.color,deselected:{enabled:color.border,disabled:color.border,pressed:color.border}}},label:{gap:spacing.small}},listItem:{spacingMargin:12,internalSpacing:16,borderRadius:border.radius.loose,contentItemSpacing:8,contentItemTopMargin:4},avatar:{size:{large:80,regular:40,small:32},initials:{fontWeight:"600",fontSize:{large:font.size.xxLarge,regular:font.size.xLarge,small:font.size.large}},label:{fontSize:font.size.tiny,fontWeight:"500"},colors:[{background:color.red,foreground:color.textPrimary},{background:color.orange,foreground:color.textPrimary},{background:color.green,foreground:color.textPrimary},{background:color.blue,foreground:color.textPrimary},{background:color.purple,foreground:color.textPrimary}]},toast:{horizontalInset:spacing.pageHorizontal+spacing.medium,bottomInset:100}};return styles;};exports.createDefaultStyles=createDefaultStyles;var MergeStyles=function(styles){var overrides=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return(0,_lodash.default)({},styles,overrides);};exports.MergeStyles=MergeStyles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.MergeTheme=exports.DefaultTheme=void 0;var DefaultTheme=exports.DefaultTheme={font:{family:{sans:"Helvetica",mono:"Helvetica"},size:{tiny:12,small:14,regular:16,emphasised:18,large:20,xLarge:24,xxLarge:32}},color:{primary:"#FF4242",primaryDark:"#ff8585",primaryLight:"#ffbdbd",secondary:"#12263A",secondaryHighlight:"#718191",secondaryDisabled:"#B5EAD7",tertiary:"#06bcc1",destructive:"#ff382e",destructiveHighlight:"#ff9e96",light:"#F4EDEA",white:"#ffffff",black:"#000000",red:"#FF9AA2",orange:"#FFDAC1",green:"#E2F0CB",blue:"#B5EAD7",purple:"#C7CEEA",textPrimary:"#12263A",textSecondary:"#22476D",textHighlight:"#30669c",textInverted:"#F4EDEA",textDisabled:"#B5EAD7",textOnPrimary:"#F4EDEA",textOnSecondary:"#F4EDEA",textOnDestructive:"#F4EDEA",background:"#F4EDEA",backgroundHighlight:"#f7f3f2",foreground:"#ffffff",foregroundHighlight:"#B5EAD7",backgroundOverlay:"#000",shadow:"#555",border:"#E2E8F0",inputBackground:"#e4d8d4",inputBackgroundDisabled:"#f0e9e2ff",inputText:"#12263A",pressOverlay:"rgba(0, 0, 0, 0.1)",alert:"#d63333",error:"#d63333",success:"#4ed633",warning:"#f5c61d"},spacing:{screenContentTop:0,pageHorizontal:16,pageBottom:80,pageTop:16,navigationActionHorizontal:0,large:24,medium:16,small:8,tiny:4},border:{radius:{tight:4,regular:8,loose:16},width:{thick:4,regular:2,thin:1}}};var MergeTheme=(first,second)=>Object.assign({},DefaultTheme,first,second,{color:Object.assign({},DefaultTheme.color,first.color,second?.color),font:Object.assign({},DefaultTheme.font,first.font,second?.font,{family:Object.assign({},DefaultTheme.font.family,first.font?.family,second?.font?.family),size:Object.assign({},DefaultTheme.font.size,first.font?.size,second?.font?.size)}),spacing:Object.assign({},DefaultTheme.spacing,first.spacing,second?.spacing),border:Object.assign({},DefaultTheme.border,first.border,second?.border,{radius:Object.assign({},DefaultTheme.border.radius,first.border?.radius,second?.border?.radius),width:Object.assign({},DefaultTheme.border.width,first.border?.width,second?.border?.width)})});exports.MergeTheme=MergeTheme;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { ColorValue } from "react-native";
|
|
3
|
+
type StarIconProps = {
|
|
4
|
+
size: number;
|
|
5
|
+
color: ColorValue;
|
|
6
|
+
};
|
|
7
|
+
export declare const StarBorder: FC<StarIconProps>;
|
|
8
|
+
export declare const StarFull: FC<StarIconProps>;
|
|
9
|
+
export declare const StarHalf: FC<StarIconProps>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=StarIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StarIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/StarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,KAAK,aAAa,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,aAAa,CAOxC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAStC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAQtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type ValueItemSimple<T extends string | number> = {
|
|
2
|
+
label: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
value: T;
|
|
5
|
+
};
|
|
6
|
+
export type ValueItemComplex<T> = {
|
|
7
|
+
id: string;
|
|
8
|
+
label: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
value: T;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* If value cannot be used as a key, use ValueItemComplex.
|
|
14
|
+
*/
|
|
15
|
+
export type ValueItem<T = string> = T extends string | number ? ValueItemSimple<T> : ValueItemComplex<T>;
|
|
16
|
+
//# sourceMappingURL=valueItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"valueItem.d.ts","sourceRoot":"","sources":["../../../src/common/valueItem.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,CAAC,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,CAAC,CAAC;CACZ,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GACvD,eAAe,CAAC,CAAC,CAAC,GAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import { type ColorValue, type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export type AlertVariant = "primary" | "secondary";
|
|
4
|
+
export type AlertIndicatorStyles = {
|
|
5
|
+
size: number;
|
|
6
|
+
borderRadius: number;
|
|
7
|
+
color: Record<AlertVariant, ColorValue>;
|
|
8
|
+
backgroundColor: Record<AlertVariant, ColorValue>;
|
|
9
|
+
};
|
|
10
|
+
export interface AlertIndicatorProps {
|
|
11
|
+
label?: string;
|
|
12
|
+
variant?: AlertVariant;
|
|
13
|
+
style?: StyleProp<ViewStyle>;
|
|
14
|
+
}
|
|
15
|
+
export declare const AlertIndicator: React.FC<AlertIndicatorProps>;
|
|
16
|
+
//# sourceMappingURL=AlertIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/AlertIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,KAAK,UAAU,EACf,KAAK,SAAS,EAGd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgBxD,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import { type ColorValue, type StyleProp, type TextStyle, type ViewStyle } from "react-native";
|
|
3
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
4
|
+
type AvatarSize = "small" | "regular" | "large";
|
|
5
|
+
export type AvatarStyles = {
|
|
6
|
+
size: {
|
|
7
|
+
[Key in AvatarSize]: number;
|
|
8
|
+
};
|
|
9
|
+
initials: {
|
|
10
|
+
fontWeight: TextStyle["fontWeight"];
|
|
11
|
+
fontSize: Record<AvatarSize, number>;
|
|
12
|
+
};
|
|
13
|
+
label: {
|
|
14
|
+
fontWeight: TextStyle["fontWeight"];
|
|
15
|
+
fontSize: number;
|
|
16
|
+
};
|
|
17
|
+
colors: Array<{
|
|
18
|
+
background: ColorValue;
|
|
19
|
+
foreground: ColorValue;
|
|
20
|
+
}>;
|
|
21
|
+
};
|
|
22
|
+
export interface AvatarProps {
|
|
23
|
+
firstName?: string;
|
|
24
|
+
lastName?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Supports:
|
|
27
|
+
* - `<IconAction/>`
|
|
28
|
+
*/
|
|
29
|
+
imageUri?: string;
|
|
30
|
+
size?: AvatarSize;
|
|
31
|
+
action?: React.ReactNode;
|
|
32
|
+
style?: DeepPartial<AvatarStyles>;
|
|
33
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
34
|
+
}
|
|
35
|
+
export declare const Avatar: React.FC<AvatarProps>;
|
|
36
|
+
export {};
|
|
37
|
+
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,KAAK,UAAU,EAEf,KAAK,SAAS,EAGd,KAAK,SAAS,EAEd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAmBtD,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE;SAAG,GAAG,IAAI,UAAU,GAAG,MAAM;KAAE,CAAC;IACtC,QAAQ,EAAE;QACN,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACpC,QAAQ,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;KACxC,CAAC;IACF,KAAK,EAAE;QACH,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACpC,QAAQ,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,EAAE,KAAK,CAAC;QAAE,UAAU,EAAE,UAAU,CAAC;QAAC,UAAU,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;CACrE,CAAC;AAEF,MAAM,WAAW,WAAW;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAElC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoCxC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface PanelProps {
|
|
4
|
+
collapsed: boolean | undefined;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
header?: React.ReactNode;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const Panel: React.FunctionComponent<PanelProps>;
|
|
10
|
+
//# sourceMappingURL=Panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1E,MAAM,WAAW,UAAU;IACvB,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CA0BrD,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import { type ColorValue, type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
4
|
+
export declare const valueToRating: (rating: number, starCount: number, scale: number) => number;
|
|
5
|
+
export declare const ratingToValue: (stars: number, starCount: number, scale: number) => number;
|
|
6
|
+
export declare const getRatingIcons: (rating: number, maxRating: number) => RatingIconVariant[];
|
|
7
|
+
export type RatingStyles = {
|
|
8
|
+
gap: number;
|
|
9
|
+
icon: {
|
|
10
|
+
size: number;
|
|
11
|
+
color: Record<RatingIconVariant, ColorValue>;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export interface RatingProps {
|
|
15
|
+
/**
|
|
16
|
+
* Rating Value. Should be between 0 and `maxRating`.
|
|
17
|
+
*/
|
|
18
|
+
value?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Total amount of rating icons to display.
|
|
21
|
+
*
|
|
22
|
+
* @default 5
|
|
23
|
+
*/
|
|
24
|
+
max?: number;
|
|
25
|
+
/**
|
|
26
|
+
* External rating system scale to base conversion between value and icons
|
|
27
|
+
*/
|
|
28
|
+
scale?: number;
|
|
29
|
+
ratingIconSet?: RatingIconSet;
|
|
30
|
+
style?: DeepPartial<RatingStyles>;
|
|
31
|
+
/**
|
|
32
|
+
* Custom style for the component.
|
|
33
|
+
*/
|
|
34
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
35
|
+
}
|
|
36
|
+
export declare const Rating: FC<RatingProps>;
|
|
37
|
+
export type RatingIconVariant = "full" | "half" | "empty";
|
|
38
|
+
export type RatingIconVariantProps = {
|
|
39
|
+
size: number;
|
|
40
|
+
color: ColorValue;
|
|
41
|
+
};
|
|
42
|
+
export type StarIconProps = {
|
|
43
|
+
size: number;
|
|
44
|
+
color: string;
|
|
45
|
+
type: RatingIconVariant;
|
|
46
|
+
};
|
|
47
|
+
type RatingIconSet = Record<RatingIconVariant, FC<RatingIconVariantProps>>;
|
|
48
|
+
export declare const DefaultRatingIconSet: RatingIconSet;
|
|
49
|
+
export {};
|
|
50
|
+
//# sourceMappingURL=Rating.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/components/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACH,KAAK,UAAU,EACf,KAAK,SAAS,EAGd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAKtD,eAAO,MAAM,aAAa,GACtB,QAAQ,MAAM,EACd,WAAW,MAAM,EACjB,OAAO,MAAM,KACd,MAAsC,CAAC;AAE1C,eAAO,MAAM,aAAa,GACtB,OAAO,MAAM,EACb,WAAW,MAAM,EACjB,OAAO,MAAM,KACd,MAAqC,CAAC;AAEzC,eAAO,MAAM,cAAc,GACvB,QAAQ,MAAM,EACd,WAAW,MAAM,KAClB,iBAAiB,EAOd,CAAC;AAEP,MAAM,MAAM,YAAY,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE;QACF,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;KAChD,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,WAAW;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAElC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAkClC,CAAC;AAUF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAEF,KAAK,aAAa,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC;AAE3E,eAAO,MAAM,oBAAoB,EAAE,aAIlC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type IconButtonProps } from "./button";
|
|
2
|
+
export type SwipeActionStyles = {
|
|
3
|
+
width: number;
|
|
4
|
+
};
|
|
5
|
+
export interface SwipeActionProps extends Pick<IconButtonProps, "onPress" | "variant"> {
|
|
6
|
+
}
|
|
7
|
+
export declare const SwipeAction: <G extends string>(props: SwipeActionProps & import("./icon/componentWithIcon").IconComponentProps<G>) => import("react").ReactNode;
|
|
8
|
+
//# sourceMappingURL=SwipeAction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwipeAction.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeAction.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAG5D,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,SAAS,CAAC;CAAG;AAE3D,eAAO,MAAM,WAAW,qIAGtB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface ToastStyles {
|
|
4
|
+
horizontalInset: number;
|
|
5
|
+
bottomInset: number;
|
|
6
|
+
}
|
|
7
|
+
export interface ToastProps {
|
|
8
|
+
action?: React.ReactNode;
|
|
9
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const Toast: React.FunctionComponent<ToastProps>;
|
|
13
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAShF,MAAM,WAAW,WAAW;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACvB;AACD,MAAM,WAAW,UAAU;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CA4BrD,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
3
|
+
import { type InteractiveTextStyles } from "../text";
|
|
4
|
+
import { type ActionBaseProps } from "./ActionBase";
|
|
5
|
+
export type ActionVariant = "primary" | "secondary" | "destructive";
|
|
6
|
+
export type ActionStyles = {
|
|
7
|
+
label: {
|
|
8
|
+
color: Record<ActionVariant, InteractiveTextStyles["color"]>;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export interface ActionProps extends Pick<ActionBaseProps, "containerStyle" | "disabled" | "onPress"> {
|
|
12
|
+
label: string;
|
|
13
|
+
variant?: ActionVariant;
|
|
14
|
+
style?: DeepPartial<ActionStyles>;
|
|
15
|
+
}
|
|
16
|
+
export declare const Action: FC<ActionProps>;
|
|
17
|
+
//# sourceMappingURL=Action.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../../src/components/action/Action.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAmB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;KAChE,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,WACb,SAAQ,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,UAAU,GAAG,SAAS,CAAC;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4BlC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import { type PressableProps } from "react-native";
|
|
3
|
+
export interface ActionBaseProps extends Pick<PressableProps, "children" | "hitSlop"> {
|
|
4
|
+
containerStyle?: PressableProps["style"];
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
onPress?: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const ActionBase: FC<ActionBaseProps>;
|
|
9
|
+
//# sourceMappingURL=ActionBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionBase.d.ts","sourceRoot":"","sources":["../../../../src/components/action/ActionBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,WAAW,eACb,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,SAAS,CAAC;IACpD,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAe1C,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
2
|
+
import { type InteractiveIconStyles } from "../icon";
|
|
3
|
+
import type { InteractiveTextStyles } from "../text";
|
|
4
|
+
import { type IconActionBaseProps } from "./IconActionBase";
|
|
5
|
+
export type IconActionVariant = "primary" | "secondary" | "destructive";
|
|
6
|
+
export type IconActionStyles = {
|
|
7
|
+
text: {
|
|
8
|
+
color: {
|
|
9
|
+
[Variant in IconActionVariant]: InteractiveTextStyles["color"];
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
icon: {
|
|
13
|
+
color: {
|
|
14
|
+
[Variant in IconActionVariant]: InteractiveIconStyles["color"];
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export interface IconActionProps extends Omit<IconActionBaseProps, "style"> {
|
|
19
|
+
variant?: IconActionVariant;
|
|
20
|
+
style?: DeepPartial<IconActionStyles>;
|
|
21
|
+
}
|
|
22
|
+
export declare const IconAction: <G extends string>(props: IconActionProps & import("../icon/componentWithIcon").IconComponentProps<G>) => import("react").ReactNode;
|
|
23
|
+
//# sourceMappingURL=IconAction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconAction.d.ts","sourceRoot":"","sources":["../../../../src/components/action/IconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE;aACF,OAAO,IAAI,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,CAAC;SACjE,CAAC;KACL,CAAC;IACF,IAAI,EAAE;QACF,KAAK,EAAE;aACF,OAAO,IAAI,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,CAAC;SACjE,CAAC;KACL,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC;IACvE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,UAAU,qIActB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
2
|
+
import { type InteractiveIconStyles } from "../icon";
|
|
3
|
+
import { type InteractiveTextStyles } from "../text";
|
|
4
|
+
import type { ActionProps } from "./Action";
|
|
5
|
+
export type IconActionBaseStyles = {
|
|
6
|
+
gap: number;
|
|
7
|
+
text: {
|
|
8
|
+
color: InteractiveTextStyles["color"];
|
|
9
|
+
};
|
|
10
|
+
icon: {
|
|
11
|
+
color: InteractiveIconStyles["color"];
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export interface IconActionBaseProps extends Pick<ActionProps, "onPress" | "disabled" | "containerStyle"> {
|
|
15
|
+
label?: string;
|
|
16
|
+
iconPosition?: "left" | "right";
|
|
17
|
+
style?: DeepPartial<IconActionBaseStyles>;
|
|
18
|
+
}
|
|
19
|
+
export declare const IconActionBase: <G extends string>(props: IconActionBaseProps & import("../icon/componentWithIcon").IconComponentProps<G>) => import("react").ReactNode;
|
|
20
|
+
//# sourceMappingURL=IconActionBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconActionBase.d.ts","sourceRoot":"","sources":["../../../../src/components/action/IconActionBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAGH,KAAK,qBAAqB,EAC7B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAmB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,MAAM,MAAM,oBAAoB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE;QACF,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;KACzC,CAAC;IACF,IAAI,EAAE;QACF,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;KACzC,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,mBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,cAAc,yIAiD1B,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { Action, type ActionProps, type ActionStyles } from "./Action";
|
|
2
|
+
export { ActionBase, type ActionBaseProps } from "./ActionBase";
|
|
3
|
+
export { IconAction, type IconActionProps, type IconActionStyles, } from "./IconAction";
|
|
4
|
+
export { IconActionBase, type IconActionBaseProps, type IconActionBaseStyles, } from "./IconActionBase";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/action/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC5B,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
3
|
+
import { type InteractiveTextStyles } from "../text";
|
|
4
|
+
import { type ButtonBaseProps, type ButtonBaseStyles } from "./ButtonBase";
|
|
5
|
+
export type ButtonSize = "medium" | "large";
|
|
6
|
+
export type ButtonVariant = "primary" | "secondary" | "destructive";
|
|
7
|
+
export type ButtonStyles = {
|
|
8
|
+
container: {
|
|
9
|
+
borderRadius: ButtonBaseStyles["borderRadius"];
|
|
10
|
+
color: Record<ButtonVariant, ButtonBaseStyles["backgroundColor"]>;
|
|
11
|
+
};
|
|
12
|
+
label: {
|
|
13
|
+
color: Record<ButtonVariant, InteractiveTextStyles["color"]>;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export interface ButtonProps extends Pick<ButtonBaseProps, "onPress" | "disabled" | "width" | "containerStyle"> {
|
|
17
|
+
variant?: ButtonVariant;
|
|
18
|
+
label: string;
|
|
19
|
+
style?: DeepPartial<ButtonStyles>;
|
|
20
|
+
}
|
|
21
|
+
export declare const Button: FC<ButtonProps>;
|
|
22
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAmB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAEH,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACxB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG;IACvB,SAAS,EAAE;QACP,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAC/C,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC;KACrE,CAAC;IACF,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;KAChE,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,WACb,SAAQ,IAAI,CACR,eAAe,EACf,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,gBAAgB,CACtD;IACD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmClC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import { type ColorValue, type DimensionValue } from "react-native";
|
|
3
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
4
|
+
import { type ActionBaseProps } from "../action";
|
|
5
|
+
export type ButtonState = "enabled" | "disabled" | "pressed";
|
|
6
|
+
export type ButtonBaseStyles = {
|
|
7
|
+
height: DimensionValue;
|
|
8
|
+
width: {
|
|
9
|
+
medium: DimensionValue;
|
|
10
|
+
};
|
|
11
|
+
paddingHorizontal: number;
|
|
12
|
+
paddingVertical: number;
|
|
13
|
+
borderRadius: number | `${number}%`;
|
|
14
|
+
backgroundColor: Record<ButtonState, ColorValue>;
|
|
15
|
+
};
|
|
16
|
+
export interface ButtonBaseProps extends Pick<ActionBaseProps, "children" | "disabled" | "onPress" | "containerStyle"> {
|
|
17
|
+
width?: "auto" | "medium";
|
|
18
|
+
style?: DeepPartial<ButtonBaseStyles>;
|
|
19
|
+
}
|
|
20
|
+
export declare const ButtonBase: FC<ButtonBaseProps>;
|
|
21
|
+
//# sourceMappingURL=ButtonBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACH,KAAK,UAAU,EACf,KAAK,cAAc,EAGtB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE;QACH,MAAM,EAAE,cAAc,CAAC;KAC1B,CAAC;IACF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IACpC,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;CACpD,CAAC;AAEF,MAAM,WAAW,eACb,SAAQ,IAAI,CACR,eAAe,EACf,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,gBAAgB,CACzD;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsC1C,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
2
|
+
import { type InteractiveIconStyles } from "../icon";
|
|
3
|
+
import { type IconButtonBaseProps, type IconButtonBaseStyles } from "./IconButtonBase";
|
|
4
|
+
export type IconButtonVariant = "primary" | "secondary" | "destructive";
|
|
5
|
+
export type IconButtonStyles = {
|
|
6
|
+
container: {
|
|
7
|
+
size: number;
|
|
8
|
+
backgroundColor: Record<IconButtonVariant, IconButtonBaseStyles["container"]["backgroundColor"]>;
|
|
9
|
+
};
|
|
10
|
+
icon: {
|
|
11
|
+
color: Record<IconButtonVariant, InteractiveIconStyles["color"]>;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export interface IconButtonProps extends Pick<IconButtonBaseProps, "onPress" | "disabled" | "containerStyle"> {
|
|
15
|
+
variant?: IconButtonVariant;
|
|
16
|
+
style?: DeepPartial<IconButtonStyles>;
|
|
17
|
+
onPress?: () => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const IconButton: <G extends string>(props: IconButtonProps & import("../icon/componentWithIcon").IconComponentProps<G>) => import("react").ReactNode;
|
|
20
|
+
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAEH,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EAC5B,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,SAAS,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,eAAe,EAAE,MAAM,CACnB,iBAAiB,EACjB,oBAAoB,CAAC,WAAW,CAAC,CAAC,iBAAiB,CAAC,CACvD,CAAC;KACL,CAAC;IACF,IAAI,EAAE;QACF,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;KACpE,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,eACb,SAAQ,IAAI,CACR,mBAAmB,EACnB,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAC5C;IACD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,qIAsBtB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type DimensionValue } from "react-native";
|
|
2
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
3
|
+
import { type InteractiveIconStyles } from "../icon";
|
|
4
|
+
import type { ButtonBaseProps, ButtonBaseStyles } from "./ButtonBase";
|
|
5
|
+
export type IconButtonBaseStyles = {
|
|
6
|
+
container: {
|
|
7
|
+
size: DimensionValue;
|
|
8
|
+
padding: number;
|
|
9
|
+
borderRadius: ButtonBaseStyles["borderRadius"];
|
|
10
|
+
backgroundColor: ButtonBaseStyles["backgroundColor"];
|
|
11
|
+
};
|
|
12
|
+
icon: InteractiveIconStyles;
|
|
13
|
+
};
|
|
14
|
+
export interface IconButtonBaseProps extends Pick<ButtonBaseProps, "onPress" | "disabled" | "containerStyle"> {
|
|
15
|
+
style?: DeepPartial<IconButtonBaseStyles>;
|
|
16
|
+
onPress?: () => void;
|
|
17
|
+
}
|
|
18
|
+
export declare const IconButtonBase: <G extends string>(props: IconButtonBaseProps & import("../icon/componentWithIcon").IconComponentProps<G>) => import("react").ReactNode;
|
|
19
|
+
//# sourceMappingURL=IconButtonBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButtonBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,EAGH,KAAK,qBAAqB,EAC7B,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG;IAC/B,SAAS,EAAE;QACP,IAAI,EAAE,cAAc,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAC/C,eAAe,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;KACxD,CAAC;IACF,IAAI,EAAE,qBAAqB,CAAC;CAC/B,CAAC;AAEF,MAAM,WAAW,mBACb,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACxE,KAAK,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,yIA+C1B,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { Button, type ButtonProps, type ButtonStyles } from "./Button";
|
|
2
|
+
export { ButtonBase, type ButtonBaseProps, type ButtonBaseStyles, } from "./ButtonBase";
|
|
3
|
+
export { IconButton, type IconButtonProps, type IconButtonStyles, } from "./IconButton";
|
|
4
|
+
export { IconButtonBase, type IconButtonBaseProps, type IconButtonBaseStyles, } from "./IconButtonBase";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC5B,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface CollapsibleContainerProps {
|
|
4
|
+
collapsed: boolean | undefined;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
direction?: "up" | "down" | "left" | "right";
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const CollapsibleContainer: React.FunctionComponent<CollapsibleContainerProps>;
|
|
10
|
+
//# sourceMappingURL=CollapsibleContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsibleContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/container/CollapsibleContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAa1E,MAAM,WAAW,yBAAyB;IACtC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CACtD,yBAAyB,CAgC5B,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type FC, type ReactNode, type RefObject } from "react";
|
|
2
|
+
import { type StyleProp, type TextInput, type ViewStyle } from "react-native";
|
|
3
|
+
export type FloatingContainerStyles = {
|
|
4
|
+
parentMargin: number;
|
|
5
|
+
};
|
|
6
|
+
type PanelLayout = {
|
|
7
|
+
parentY: number;
|
|
8
|
+
parentHeight: number;
|
|
9
|
+
inverted: boolean;
|
|
10
|
+
visibleAreaHeight: number;
|
|
11
|
+
parentX?: number;
|
|
12
|
+
parentWidth?: number;
|
|
13
|
+
};
|
|
14
|
+
export interface FloatingContainerProps {
|
|
15
|
+
parentRef: RefObject<TextInput | null>;
|
|
16
|
+
show?: boolean;
|
|
17
|
+
position?: "auto" | "above";
|
|
18
|
+
children?: ReactNode | ((panelLayout: Pick<PanelLayout, "inverted">) => ReactNode);
|
|
19
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
20
|
+
}
|
|
21
|
+
export declare const FloatingContainer: FC<FloatingContainerProps>;
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=FloatingContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FloatingContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/container/FloatingContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,EAAE,EACP,KAAK,SAAS,EACd,KAAK,SAAS,EAIjB,MAAM,OAAO,CAAC;AACf,OAAO,EAGH,KAAK,SAAS,EAEd,KAAK,SAAS,EAGd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,uBAAuB,GAAG;IAClC,YAAY,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACnC,SAAS,EAAE,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,QAAQ,CAAC,EACH,SAAS,GACT,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,SAAS,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAqExD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { FC, ReactNode } from "react";
|
|
2
|
+
import { type ViewStyle } from "react-native";
|
|
3
|
+
export interface FormContainerProps {
|
|
4
|
+
style?: ViewStyle;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const FormContainer: FC<FormContainerProps>;
|
|
8
|
+
//# sourceMappingURL=FormContainer.d.ts.map
|