@draftbit/core 43.7.2-49b1d4.1 → 43.7.2-5b80c5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/lib/module/components/AnimatedCircularProgress.js +10 -2
  2. package/lib/module/components/AnimatedCircularProgress.js.map +1 -1
  3. package/lib/module/components/AvatarEdit.js +16 -5
  4. package/lib/module/components/AvatarEdit.js.map +1 -1
  5. package/lib/module/components/CardContainer.js +14 -5
  6. package/lib/module/components/CardContainer.js.map +1 -1
  7. package/lib/module/components/CardContainerShortImage.js +16 -5
  8. package/lib/module/components/CardContainerShortImage.js.map +1 -1
  9. package/lib/module/components/Checkbox/CheckboxGroupRow.js +22 -6
  10. package/lib/module/components/Checkbox/CheckboxGroupRow.js.map +1 -1
  11. package/lib/module/components/DeprecatedFAB.js +19 -4
  12. package/lib/module/components/DeprecatedFAB.js.map +1 -1
  13. package/lib/module/components/Divider.js +16 -2
  14. package/lib/module/components/Divider.js.map +1 -1
  15. package/lib/module/components/FormRow.js +17 -4
  16. package/lib/module/components/FormRow.js.map +1 -1
  17. package/lib/module/components/Header.js.map +1 -1
  18. package/lib/module/components/Image.js +18 -3
  19. package/lib/module/components/Image.js.map +1 -1
  20. package/lib/module/components/Justification.js +2 -2
  21. package/lib/module/components/Justification.js.map +1 -1
  22. package/lib/module/components/Layout.js +40 -21
  23. package/lib/module/components/Layout.js.map +1 -1
  24. package/lib/module/components/NumberInput.js +12 -2
  25. package/lib/module/components/NumberInput.js.map +1 -1
  26. package/lib/module/components/Portal/Portal.js +1 -1
  27. package/lib/module/components/Portal/Portal.js.map +1 -1
  28. package/lib/module/components/Portal/PortalConsumer.js.map +1 -1
  29. package/lib/module/components/ProgressIndicator.js.map +1 -1
  30. package/lib/module/components/RadioButton/RadioButton.js +14 -3
  31. package/lib/module/components/RadioButton/RadioButton.js.map +1 -1
  32. package/lib/module/components/Row.js.map +1 -1
  33. package/lib/module/components/StepIndicator.js.map +1 -1
  34. package/lib/module/components/Touchable.js +16 -3
  35. package/lib/module/components/Touchable.js.map +1 -1
  36. package/lib/module/components/useAuthState.js.map +1 -1
  37. package/lib/module/mappings/ActionSheetItem.js.map +1 -1
  38. package/lib/module/mappings/CardContainerShortImage.js.map +1 -1
  39. package/lib/module/mappings/CircleImage.js.map +1 -1
  40. package/lib/module/mappings/Divider.js.map +1 -1
  41. package/lib/module/mappings/Fetch.js.map +1 -1
  42. package/lib/module/mappings/HeaderOverline.js.map +1 -1
  43. package/lib/module/mappings/IconButton.js.map +1 -1
  44. package/lib/module/mappings/Picker.js.map +1 -1
  45. package/lib/module/mappings/StarRating.js +6 -2
  46. package/lib/module/mappings/StarRating.js.map +1 -1
  47. package/lib/module/mappings/Swiper.js.map +1 -1
  48. package/lib/module/mappings/ToggleButton.js.map +1 -1
  49. package/lib/module/utilities.js.map +1 -1
  50. package/package.json +3 -3
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  import * as React from "react";
4
2
  import { Animated, Easing } from "react-native";
5
3
  import CircularProgress from "./CircularProgress";
@@ -51,6 +49,16 @@ const AnimatedCircularProgress = _ref => {
51
49
  React.useEffect(() => {
52
50
  animate();
53
51
  }, [fill, animate]);
52
+ return /*#__PURE__*/React.createElement(AnimatedProgress, { ...other,
53
+ style: other.style,
54
+ childrenContainerStyle: other.childrenContainerStyle,
55
+ fill: fillAnimation,
56
+ tintColor: animateColor()
57
+ });
58
+ };
59
+
60
+ export default AnimatedCircularProgress;
61
+ //# sourceMappingURL=AnimatedCircularProgress.js.mapate]);
54
62
  return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
55
63
  style: other.style,
56
64
  childrenContainerStyle: other.childrenContainerStyle,
@@ -1 +1 @@
1
- {"version":3,"sources":["AnimatedCircularProgress.tsx"],"names":["React","Animated","Easing","CircularProgress","AnimatedProgress","createAnimatedComponent","AnimatedCircularProgress","duration","easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","style","childrenContainerStyle"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,MAFF,QAMO,cANP;AAOA,OAAOC,gBAAP,MAEO,oBAFP;AAGA,MAAMC,gBAAgB,GAAGH,QAAQ,CAACI,uBAAT,CAAiCF,gBAAjC,CAAzB;;AAWA,MAAMG,wBAAyC,GAAG,QAU5C;AAAA,MAV6C;AACjDC,IAAAA,QAAQ,GAAG,GADsC;AAEjDC,IAAAA,MAAM,GAAGN,MAAM,CAACO,GAAP,CAAWP,MAAM,CAACQ,IAAlB,CAFwC;AAGjDC,IAAAA,IAHiD;AAIjDC,IAAAA,OAAO,GAAG,CAJuC;AAKjDC,IAAAA,eAAe,GAAG,KAL+B;AAMjDC,IAAAA,kBANiD;AAOjDC,IAAAA,mBAPiD;AAQjDC,IAAAA,SAAS,GAAG,OARqC;AASjD,OAAGC;AAT8C,GAU7C;AACJ,QAAM,CAACC,aAAD,IAAkBlB,KAAK,CAACmB,QAAN,CACtB,IAAIlB,QAAQ,CAACmB,KAAb,CAAmBR,OAAnB,CADsB,CAAxB;AAIA,QAAMS,OAAO,GAAGrB,KAAK,CAACsB,WAAN,CACd,YAIkC;AAAA,QAHhCC,KAGgC,uEAHhB,CAAC,CAGe;AAAA,QAFhCC,GAEgC;AAAA,QADhCd,IACgC;AAChC,UAAMe,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBZ,IAArC;AACA,UAAMe,IAAI,GAAGF,GAAG,IAAIjB,QAApB;AACA,UAAMoB,GAAG,GAAGjB,IAAI,IAAIF,MAApB;AACA,UAAMoB,SAAS,GAAGf,eAAlB;AAEA,UAAMgB,IAAI,GAAG5B,QAAQ,CAAC6B,MAAT,CAAgBZ,aAAhB,EAA+B;AAC1CL,MAAAA,eAAe,EAAEe,SADyB;AAE1CH,MAAAA,OAF0C;AAG1CjB,MAAAA,MAAM,EAAEmB,GAHkC;AAI1CpB,MAAAA,QAAQ,EAAEmB;AAJgC,KAA/B,CAAb;AAMAG,IAAAA,IAAI,CAACE,KAAL,CAAWhB,mBAAX;AAEA,WAAOc,IAAP;AACD,GApBa,EAqBd,CACEtB,QADF,EAEEC,MAFF,EAGEG,IAHF,EAIEE,eAJF,EAKEK,aALF,EAMEH,mBANF,CArBc,CAAhB;;AA+BA,QAAMiB,YAAY,GAAG,MAAM;AACzB,QAAI,CAAClB,kBAAL,EAAyB;AACvB,aAAOE,SAAP;AACD;;AAED,UAAMiB,aAAa,GAAGf,aAAa,CAACgB,WAAd,CAA0B;AAC9CC,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADkC;AAE9CC,MAAAA,WAAW,EAAE,CAACpB,SAAD,EAAYF,kBAAZ;AAFiC,KAA1B,CAAtB;AAKA,WAAOmB,aAAP;AACD,GAXD;;AAaAjC,EAAAA,KAAK,CAACqC,SAAN,CAAgB,MAAM;AACpBhB,IAAAA,OAAO;AACR,GAFD,EAEG,CAACV,IAAD,EAAOU,OAAP,CAFH;AAIA,sBACE,oBAAC,gBAAD,eACMJ,KADN;AAEE,IAAA,KAAK,EAAEA,KAAK,CAACqB,KAFf;AAGE,IAAA,sBAAsB,EACpBrB,KAAK,CAACsB,sBAJV;AAQE,IAAA,IAAI,EAAErB,aARR;AASE,IAAA,SAAS,EAAEc,YAAY;AATzB,KADF;AAaD,CA5ED;;AA8EA,eAAe1B,wBAAf","sourcesContent":["import * as React from \"react\";\nimport {\n Animated,\n Easing,\n EasingFunction,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport CircularProgress, {\n Props as CircularProgressProps,\n} from \"./CircularProgress\";\nconst AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);\n\ntype Props = {\n duration?: number;\n easing?: EasingFunction;\n prefill?: number;\n useNativeDriver?: boolean;\n tintColorSecondary?: string;\n onAnimationComplete?: Animated.EndCallback | undefined;\n} & CircularProgressProps;\n\nconst AnimatedCircularProgress: React.FC<Props> = ({\n duration = 500,\n easing = Easing.out(Easing.ease),\n fill,\n prefill = 0,\n useNativeDriver = false,\n tintColorSecondary,\n onAnimationComplete,\n tintColor = \"black\",\n ...other\n}) => {\n const [fillAnimation] = React.useState<Animated.Value>(\n new Animated.Value(prefill)\n );\n\n const animate = React.useCallback(\n (\n toVal: number = -1,\n dur?: number,\n ease?: EasingFunction\n ): Animated.CompositeAnimation => {\n const toValue = toVal >= 0 ? toVal : fill;\n const dura = dur || duration;\n const eas = ease || easing;\n const useNative = useNativeDriver;\n\n const anim = Animated.timing(fillAnimation, {\n useNativeDriver: useNative,\n toValue,\n easing: eas,\n duration: dura,\n });\n anim.start(onAnimationComplete);\n\n return anim;\n },\n [\n duration,\n easing,\n fill,\n useNativeDriver,\n fillAnimation,\n onAnimationComplete,\n ]\n );\n\n const animateColor = () => {\n if (!tintColorSecondary) {\n return tintColor;\n }\n\n const tintAnimation = fillAnimation.interpolate({\n inputRange: [0, 100],\n outputRange: [tintColor, tintColorSecondary],\n });\n\n return tintAnimation;\n };\n\n React.useEffect(() => {\n animate();\n }, [fill, animate]);\n\n return (\n <AnimatedProgress\n {...other}\n style={other.style as Animated.WithAnimatedValue<StyleProp<ViewStyle>>}\n childrenContainerStyle={\n other.childrenContainerStyle as Animated.WithAnimatedValue<\n StyleProp<ViewStyle>\n >\n }\n fill={fillAnimation}\n tintColor={animateColor()}\n />\n );\n};\n\nexport default AnimatedCircularProgress;\n"]}
1
+ {"version":3,"sources":["AnimatedCircularProgress.js"],"names":["React","Animated","Easing","CircularProgress","AnimatedProgress","createAnimatedComponent","AnimatedCircularProgress","duration","easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","createElement","style","childrenContainerStyle"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAmBC,MAAnB,QAAkC,cAAlC;AACA,OAAOC,gBAAP,MAA6B,oBAA7B;AACA,MAAMC,gBAAgB,GAAGH,QAAQ,CAACI,uBAAT,CAAiCF,gBAAjC,CAAzB;;AACA,MAAMG,wBAAwB,GAAG,QAA8K;AAAA,MAA7K;AAAEC,IAAAA,QAAQ,GAAG,GAAb;AAAkBC,IAAAA,MAAM,GAAGN,MAAM,CAACO,GAAP,CAAWP,MAAM,CAACQ,IAAlB,CAA3B;AAAoDC,IAAAA,IAApD;AAA0DC,IAAAA,OAAO,GAAG,CAApE;AAAuEC,IAAAA,eAAe,GAAG,KAAzF;AAAgGC,IAAAA,kBAAhG;AAAoHC,IAAAA,mBAApH;AAAyIC,IAAAA,SAAS,GAAG,OAArJ;AAA8J,OAAGC;AAAjK,GAA6K;AAC3M,QAAM,CAACC,aAAD,IAAkBlB,KAAK,CAACmB,QAAN,CAAe,IAAIlB,QAAQ,CAACmB,KAAb,CAAmBR,OAAnB,CAAf,CAAxB;AACA,QAAMS,OAAO,GAAGrB,KAAK,CAACsB,WAAN,CAAkB,YAA2B;AAAA,QAA1BC,KAA0B,uEAAlB,CAAC,CAAiB;AAAA,QAAdC,GAAc;AAAA,QAATd,IAAS;AACzD,UAAMe,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBZ,IAArC;AACA,UAAMe,IAAI,GAAGF,GAAG,IAAIjB,QAApB;AACA,UAAMoB,GAAG,GAAGjB,IAAI,IAAIF,MAApB;AACA,UAAMoB,SAAS,GAAGf,eAAlB;AACA,UAAMgB,IAAI,GAAG5B,QAAQ,CAAC6B,MAAT,CAAgBZ,aAAhB,EAA+B;AACxCL,MAAAA,eAAe,EAAEe,SADuB;AAExCH,MAAAA,OAFwC;AAGxCjB,MAAAA,MAAM,EAAEmB,GAHgC;AAIxCpB,MAAAA,QAAQ,EAAEmB;AAJ8B,KAA/B,CAAb;AAMAG,IAAAA,IAAI,CAACE,KAAL,CAAWhB,mBAAX;AACA,WAAOc,IAAP;AACH,GAbe,EAab,CACCtB,QADD,EAECC,MAFD,EAGCG,IAHD,EAICE,eAJD,EAKCK,aALD,EAMCH,mBAND,CAba,CAAhB;;AAqBA,QAAMiB,YAAY,GAAG,MAAM;AACvB,QAAI,CAAClB,kBAAL,EAAyB;AACrB,aAAOE,SAAP;AACH;;AACD,UAAMiB,aAAa,GAAGf,aAAa,CAACgB,WAAd,CAA0B;AAC5CC,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADgC;AAE5CC,MAAAA,WAAW,EAAE,CAACpB,SAAD,EAAYF,kBAAZ;AAF+B,KAA1B,CAAtB;AAIA,WAAOmB,aAAP;AACH,GATD;;AAUAjC,EAAAA,KAAK,CAACqC,SAAN,CAAgB,MAAM;AAClBhB,IAAAA,OAAO;AACV,GAFD,EAEG,CAACV,IAAD,EAAOU,OAAP,CAFH;AAGA,sBAAQrB,KAAK,CAACsC,aAAN,CAAoBlC,gBAApB,EAAsC,EAAE,GAAGa,KAAL;AAAYsB,IAAAA,KAAK,EAAEtB,KAAK,CAACsB,KAAzB;AAAgCC,IAAAA,sBAAsB,EAAEvB,KAAK,CAACuB,sBAA9D;AAAsF7B,IAAAA,IAAI,EAAEO,aAA5F;AAA2GF,IAAAA,SAAS,EAAEgB,YAAY;AAAlI,GAAtC,CAAR;AACH,CArCD;;AAsCA,eAAe1B,wBAAf","sourcesContent":["import * as React from \"react\";\nimport { Animated, Easing, } from \"react-native\";\nimport CircularProgress from \"./CircularProgress\";\nconst AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);\nconst AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = \"black\", ...other }) => {\n const [fillAnimation] = React.useState(new Animated.Value(prefill));\n const animate = React.useCallback((toVal = -1, dur, ease) => {\n const toValue = toVal >= 0 ? toVal : fill;\n const dura = dur || duration;\n const eas = ease || easing;\n const useNative = useNativeDriver;\n const anim = Animated.timing(fillAnimation, {\n useNativeDriver: useNative,\n toValue,\n easing: eas,\n duration: dura,\n });\n anim.start(onAnimationComplete);\n return anim;\n }, [\n duration,\n easing,\n fill,\n useNativeDriver,\n fillAnimation,\n onAnimationComplete,\n ]);\n const animateColor = () => {\n if (!tintColorSecondary) {\n return tintColor;\n }\n const tintAnimation = fillAnimation.interpolate({\n inputRange: [0, 100],\n outputRange: [tintColor, tintColorSecondary],\n });\n return tintAnimation;\n };\n React.useEffect(() => {\n animate();\n }, [fill, animate]);\n return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));\n};\nexport default AnimatedCircularProgress;\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  import * as React from "react";
4
2
  import { View } from "react-native";
5
3
  import Touchable from "./Touchable";
@@ -25,9 +23,10 @@ const AvatarEdit = _ref => {
25
23
  width: size,
26
24
  height: size
27
25
  };
28
- return /*#__PURE__*/React.createElement(View, _extends({
29
- style: [style, dimensions]
30
- }, rest), /*#__PURE__*/React.createElement(Touchable, {
26
+ return /*#__PURE__*/React.createElement(View, {
27
+ style: [style, dimensions],
28
+ ...rest
29
+ }, /*#__PURE__*/React.createElement(Touchable, {
31
30
  onPress: onPress
32
31
  }, /*#__PURE__*/React.createElement(CircleImage, {
33
32
  source: image,
@@ -49,5 +48,17 @@ const AvatarEdit = _ref => {
49
48
  }))));
50
49
  };
51
50
 
51
+ export default withTheme(AvatarEdit);
52
+ //# sourceMappingURL=AvatarEdit.js.mapBackgroundColor,
53
+ borderRadius: size * (3 / 16),
54
+ padding: size * (3 / 32)
55
+ }
56
+ }, /*#__PURE__*/React.createElement(Icon, {
57
+ name: "MaterialIcons/edit",
58
+ color: colorStyles.editIconColor,
59
+ size: size * (3 / 16)
60
+ }))));
61
+ };
62
+
52
63
  export default withTheme(AvatarEdit);
53
64
  //# sourceMappingURL=AvatarEdit.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["AvatarEdit.tsx"],"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","position","top","right","borderColor","backgroundColor","borderRadius","padding"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAgE,cAAhE;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,MAAMC,UAA2B,GAAG,QAQ9B;AAAA,MAR+B;AACnCC,IAAAA,IADmC;AAEnCC,IAAAA,KAFmC;AAGnCC,IAAAA,IAAI,GAAG,EAH4B;AAInCC,IAAAA,OAAO,GAAG,MAAM,CAAE,CAJiB;AAKnCC,IAAAA,KALmC;AAMnCC,IAAAA,KANmC;AAOnC,OAAGC;AAPgC,GAQ/B;AACJ,QAAMC,WAAW,GAAG;AAClBC,IAAAA,mBAAmB,EAAEH,KAAK,CAACI,MAAN,CAAaC,OADhB;AAElBC,IAAAA,aAAa,EAAEN,KAAK,CAACI,MAAN,CAAaG,OAFV;AAGlBC,IAAAA,eAAe,EAAER,KAAK,CAACI,MAAN,CAAaG;AAHZ,GAApB;AAMA,QAAME,UAAU,GAAG;AACjBC,IAAAA,KAAK,EAAEb,IADU;AAEjBc,IAAAA,MAAM,EAAEd;AAFS,GAAnB;AAKA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACE,KAAD,EAAQU,UAAR;AAAb,KAAsCR,IAAtC,gBACE,oBAAC,SAAD;AAAW,IAAA,OAAO,EAAEH;AAApB,kBACE,oBAAC,WAAD;AAAa,IAAA,MAAM,EAAEF,KAArB;AAA4B,IAAA,IAAI,EAAEC;AAAlC,IADF,eAEE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AACLe,MAAAA,QAAQ,EAAE,UADL;AAELC,MAAAA,GAAG,EAAE,CAAC,CAFD;AAGLC,MAAAA,KAAK,EAAE,CAAC,CAHH;AAILC,MAAAA,WAAW,EAAEb,WAAW,CAACM,eAJpB;AAKLQ,MAAAA,eAAe,EAAEd,WAAW,CAACC,mBALxB;AAMLc,MAAAA,YAAY,EAAEpB,IAAI,IAAI,IAAI,EAAR,CANb;AAOLqB,MAAAA,OAAO,EAAErB,IAAI,IAAI,IAAI,EAAR;AAPR;AADT,kBAWE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAC,oBADP;AAEE,IAAA,KAAK,EAAEK,WAAW,CAACI,aAFrB;AAGE,IAAA,IAAI,EAAET,IAAI,IAAI,IAAI,EAAR;AAHZ,IAXF,CAFF,CADF,CADF;AAwBD,CA5CD;;AA8CA,eAAeJ,SAAS,CAACC,UAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { View, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n image: string | ImageSourcePropType;\n size?: number;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst AvatarEdit: React.FC<Props> = ({\n Icon,\n image,\n size = 80,\n onPress = () => {},\n style,\n theme,\n ...rest\n}) => {\n const colorStyles = {\n editBackgroundColor: theme.colors.primary,\n editIconColor: theme.colors.surface,\n editBorderColor: theme.colors.surface,\n };\n\n const dimensions = {\n width: size,\n height: size,\n };\n\n return (\n <View style={[style, dimensions]} {...rest}>\n <Touchable onPress={onPress}>\n <CircleImage source={image} size={size} />\n <View\n style={{\n position: \"absolute\",\n top: -3,\n right: -3,\n borderColor: colorStyles.editBorderColor,\n backgroundColor: colorStyles.editBackgroundColor,\n borderRadius: size * (3 / 16),\n padding: size * (3 / 32),\n }}\n >\n <Icon\n name=\"MaterialIcons/edit\"\n color={colorStyles.editIconColor}\n size={size * (3 / 16)}\n />\n </View>\n </Touchable>\n </View>\n );\n};\n\nexport default withTheme(AvatarEdit);\n"]}
1
+ {"version":3,"sources":["AvatarEdit.js"],"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","createElement","source","position","top","right","borderColor","backgroundColor","borderRadius","padding","name","color"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AACA,MAAMC,UAAU,GAAG,QAA4E;AAAA,MAA3E;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,IAAI,GAAG,EAAtB;AAA0BC,IAAAA,OAAO,GAAG,MAAM,CAAG,CAA7C;AAA+CC,IAAAA,KAA/C;AAAsDC,IAAAA,KAAtD;AAA6D,OAAGC;AAAhE,GAA2E;AAC3F,QAAMC,WAAW,GAAG;AAChBC,IAAAA,mBAAmB,EAAEH,KAAK,CAACI,MAAN,CAAaC,OADlB;AAEhBC,IAAAA,aAAa,EAAEN,KAAK,CAACI,MAAN,CAAaG,OAFZ;AAGhBC,IAAAA,eAAe,EAAER,KAAK,CAACI,MAAN,CAAaG;AAHd,GAApB;AAKA,QAAME,UAAU,GAAG;AACfC,IAAAA,KAAK,EAAEb,IADQ;AAEfc,IAAAA,MAAM,EAAEd;AAFO,GAAnB;AAIA,sBAAQR,KAAK,CAACuB,aAAN,CAAoBtB,IAApB,EAA0B;AAAES,IAAAA,KAAK,EAAE,CAACA,KAAD,EAAQU,UAAR,CAAT;AAA8B,OAAGR;AAAjC,GAA1B,eACJZ,KAAK,CAACuB,aAAN,CAAoBrB,SAApB,EAA+B;AAAEO,IAAAA,OAAO,EAAEA;AAAX,GAA/B,eACIT,KAAK,CAACuB,aAAN,CAAoBpB,WAApB,EAAiC;AAAEqB,IAAAA,MAAM,EAAEjB,KAAV;AAAiBC,IAAAA,IAAI,EAAEA;AAAvB,GAAjC,CADJ,eAEIR,KAAK,CAACuB,aAAN,CAAoBtB,IAApB,EAA0B;AAAES,IAAAA,KAAK,EAAE;AAC3Be,MAAAA,QAAQ,EAAE,UADiB;AAE3BC,MAAAA,GAAG,EAAE,CAAC,CAFqB;AAG3BC,MAAAA,KAAK,EAAE,CAAC,CAHmB;AAI3BC,MAAAA,WAAW,EAAEf,WAAW,CAACM,eAJE;AAK3BU,MAAAA,eAAe,EAAEhB,WAAW,CAACC,mBALF;AAM3BgB,MAAAA,YAAY,EAAEtB,IAAI,IAAI,IAAI,EAAR,CANS;AAO3BuB,MAAAA,OAAO,EAAEvB,IAAI,IAAI,IAAI,EAAR;AAPc;AAAT,GAA1B,eASIR,KAAK,CAACuB,aAAN,CAAoBjB,IAApB,EAA0B;AAAE0B,IAAAA,IAAI,EAAE,oBAAR;AAA8BC,IAAAA,KAAK,EAAEpB,WAAW,CAACI,aAAjD;AAAgET,IAAAA,IAAI,EAAEA,IAAI,IAAI,IAAI,EAAR;AAA1E,GAA1B,CATJ,CAFJ,CADI,CAAR;AAaH,CAvBD;;AAwBA,eAAeJ,SAAS,CAACC,UAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\nconst AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {\n const colorStyles = {\n editBackgroundColor: theme.colors.primary,\n editIconColor: theme.colors.surface,\n editBorderColor: theme.colors.surface,\n };\n const dimensions = {\n width: size,\n height: size,\n };\n return (React.createElement(View, { style: [style, dimensions], ...rest },\n React.createElement(Touchable, { onPress: onPress },\n React.createElement(CircleImage, { source: image, size: size }),\n React.createElement(View, { style: {\n position: \"absolute\",\n top: -3,\n right: -3,\n borderColor: colorStyles.editBorderColor,\n backgroundColor: colorStyles.editBackgroundColor,\n borderRadius: size * (3 / 16),\n padding: size * (3 / 32),\n } },\n React.createElement(Icon, { name: \"MaterialIcons/edit\", color: colorStyles.editIconColor, size: size * (3 / 16) })))));\n};\nexport default withTheme(AvatarEdit);\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  import React from "react";
4
2
  import { View, Text } from "react-native";
5
3
  import color from "color";
@@ -51,11 +49,12 @@ const CardContainer = _ref => {
51
49
  break;
52
50
  }
53
51
 
54
- return /*#__PURE__*/React.createElement(Card, _extends({
52
+ return /*#__PURE__*/React.createElement(Card, {
55
53
  style: style,
56
54
  onPress: onPress,
57
- numColumns: numColumns
58
- }, rest), /*#__PURE__*/React.createElement(Elevation, {
55
+ numColumns: numColumns,
56
+ ...rest
57
+ }, /*#__PURE__*/React.createElement(Elevation, {
59
58
  style: {
60
59
  elevation,
61
60
  borderRadius: roundness
@@ -125,5 +124,15 @@ const CardContainer = _ref => {
125
124
  })) : null)));
126
125
  };
127
126
 
127
+ export default withTheme(CardContainer);
128
+ //# sourceMappingURL=CardContainer.js.map backgroundColor: color(colors.strong).alpha(Config.cardIconBackgroundOpacity).rgb().string()
129
+ }
130
+ }, /*#__PURE__*/React.createElement(Icon, {
131
+ name: icon,
132
+ size: Config.cardIconSize,
133
+ color: colors.surface
134
+ })) : null)));
135
+ };
136
+
128
137
  export default withTheme(CardContainer);
129
138
  //# sourceMappingURL=CardContainer.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["CardContainer.tsx"],"names":["React","View","Text","color","Image","Card","Elevation","withTheme","Config","ICON_CONTAINER_SIZE","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","borderRadius","overflow","backgroundColor","surface","uri","padding","flexDirection","alignItems","justifyContent","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n View,\n ImageSourcePropType,\n Text,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\nimport { justificationType } from \"./Justification\";\n\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n leftDescription?: string;\n rightDescription?: string;\n textCentered: boolean;\n icon?: string;\n aspectRatio?: number;\n elevation?: number;\n numColumns?: number;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n} & IconSlot;\n\nconst CardContainer: React.FC<Props> = ({\n Icon,\n icon,\n image = Config.cardImageUrl,\n title,\n leftDescription,\n rightDescription,\n textCentered,\n aspectRatio = 1.5,\n elevation = 2,\n numColumns = 3,\n theme: { colors, roundness, typography },\n style,\n onPress,\n ...rest\n}) => {\n let textJustification: justificationType;\n\n let titleStyle;\n\n if (textCentered && !rightDescription) {\n textJustification = \"center\";\n } else {\n textJustification = \"space-between\";\n }\n\n switch (numColumns) {\n case 2:\n titleStyle = typography.headline6;\n break;\n case 3:\n titleStyle = typography.headline5;\n break;\n }\n\n return (\n <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n <Elevation style={{ elevation, borderRadius: roundness }}>\n <View\n style={{\n borderRadius: roundness,\n overflow: \"hidden\",\n backgroundColor: colors.surface,\n }}\n >\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n <View\n style={{\n padding: numColumns === 1 ? 8 : 16,\n }}\n >\n {title ? (\n <View\n style={{\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: textJustification,\n }}\n >\n <Text\n numberOfLines={1}\n style={[titleStyle, { color: colors.strong }]}\n >\n {title}\n </Text>\n </View>\n ) : null}\n {leftDescription ? (\n <View\n style={{\n flexDirection: \"row\",\n justifyContent: textJustification,\n alignItems: \"center\",\n marginTop: numColumns === 3 ? 4 : 4 / 2,\n }}\n >\n <Text\n numberOfLines={1}\n style={[typography.body2, { color: colors.medium }]}\n >\n {leftDescription}\n </Text>\n {rightDescription ? (\n <Text\n numberOfLines={1}\n style={[typography.subtitle2, { color: colors.light }]}\n >\n {rightDescription}\n </Text>\n ) : null}\n </View>\n ) : null}\n </View>\n {icon ? (\n <Elevation\n style={{\n elevation: Config.cardIconElevation,\n position: \"absolute\",\n top: 12,\n right: 12,\n width: ICON_CONTAINER_SIZE,\n height: ICON_CONTAINER_SIZE,\n padding: ICON_CONTAINER_PADDING,\n borderRadius: ICON_CONTAINER_SIZE,\n backgroundColor: color(colors.strong)\n .alpha(Config.cardIconBackgroundOpacity)\n .rgb()\n .string(),\n }}\n >\n <Icon\n name={icon}\n size={Config.cardIconSize}\n color={colors.surface}\n />\n </Elevation>\n ) : null}\n </View>\n </Elevation>\n </Card>\n );\n};\n\nexport default withTheme(CardContainer);\n"]}
1
+ {"version":3,"sources":["CardContainer.js"],"names":["React","View","Text","color","Image","Card","Elevation","withTheme","Config","ICON_CONTAINER_SIZE","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","createElement","borderRadius","overflow","backgroundColor","surface","source","uri","resizeMode","padding","flexDirection","alignItems","justifyContent","numberOfLines","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","name","size"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst CardContainer = ({ Icon, icon, image = Config.cardImageUrl, title, leftDescription, rightDescription, textCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n let textJustification;\n let titleStyle;\n if (textCentered && !rightDescription) {\n textJustification = \"center\";\n }\n else {\n textJustification = \"space-between\";\n }\n switch (numColumns) {\n case 2:\n titleStyle = typography.headline6;\n break;\n case 3:\n titleStyle = typography.headline5;\n break;\n }\n return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n React.createElement(View, { style: {\n borderRadius: roundness,\n overflow: \"hidden\",\n backgroundColor: colors.surface,\n } },\n React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n React.createElement(View, { style: {\n padding: numColumns === 1 ? 8 : 16,\n } },\n title ? (React.createElement(View, { style: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: textJustification,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title))) : null,\n leftDescription ? (React.createElement(View, { style: {\n flexDirection: \"row\",\n justifyContent: textJustification,\n alignItems: \"center\",\n marginTop: numColumns === 3 ? 4 : 4 / 2,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [typography.body2, { color: colors.medium }] }, leftDescription),\n rightDescription ? (React.createElement(Text, { numberOfLines: 1, style: [typography.subtitle2, { color: colors.light }] }, rightDescription)) : null)) : null),\n icon ? (React.createElement(Elevation, { style: {\n elevation: Config.cardIconElevation,\n position: \"absolute\",\n top: 12,\n right: 12,\n width: ICON_CONTAINER_SIZE,\n height: ICON_CONTAINER_SIZE,\n padding: ICON_CONTAINER_PADDING,\n borderRadius: ICON_CONTAINER_SIZE,\n backgroundColor: color(colors.strong)\n .alpha(Config.cardIconBackgroundOpacity)\n .rgb()\n .string(),\n } },\n React.createElement(Icon, { name: icon, size: Config.cardIconSize, color: colors.surface }))) : null))));\n};\nexport default withTheme(CardContainer);\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  import React from "react";
4
2
  import { View, Text } from "react-native";
5
3
  import Image from "./Image";
@@ -25,10 +23,11 @@ const CardContainerShortImage = _ref => {
25
23
  onPress,
26
24
  ...rest
27
25
  } = _ref;
28
- return /*#__PURE__*/React.createElement(Card, _extends({
26
+ return /*#__PURE__*/React.createElement(Card, {
29
27
  style: style,
30
- onPress: onPress
31
- }, rest), /*#__PURE__*/React.createElement(Elevation, {
28
+ onPress: onPress,
29
+ ...rest
30
+ }, /*#__PURE__*/React.createElement(Elevation, {
32
31
  style: {
33
32
  elevation,
34
33
  borderRadius: roundness
@@ -76,5 +75,17 @@ const CardContainerShortImage = _ref => {
76
75
  }))));
77
76
  };
78
77
 
78
+ export default withTheme(CardContainerShortImage);
79
+ //# sourceMappingURL=CardContainerShortImage.js.map: null), mode === "right" && /*#__PURE__*/React.createElement(Image, {
80
+ style: {
81
+ aspectRatio
82
+ },
83
+ source: typeof image === "string" ? {
84
+ uri: image
85
+ } : image,
86
+ resizeMode: "cover"
87
+ }))));
88
+ };
89
+
79
90
  export default withTheme(CardContainerShortImage);
80
91
  //# sourceMappingURL=CardContainerShortImage.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["CardContainerShortImage.tsx"],"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardContainerShortImage","image","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","borderRadius","overflow","flexDirection","justifyContent","uri","padding","backgroundColor","surface","flex","headline5","color","strong","body2","medium","marginTop"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAEEC,IAFF,QAMO,cANP;AAOA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAeA,MAAMC,uBAAwC,GAAG,QAW3C;AAAA,MAX4C;AAChDC,IAAAA,KAAK,GAAGF,MAAM,CAACG,cADiC;AAEhDC,IAAAA,KAFgD;AAGhDC,IAAAA,QAHgD;AAIhDC,IAAAA,IAAI,GAAG,MAJyC;AAKhDC,IAAAA,WAAW,GAAG,CALkC;AAMhDC,IAAAA,SAAS,GAAG,CANoC;AAOhDC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,SAAV;AAAqBC,MAAAA;AAArB,KAPyC;AAQhDC,IAAAA,KARgD;AAShDC,IAAAA,OATgD;AAUhD,OAAGC;AAV6C,GAW5C;AACJ,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEF,KAAb;AAAoB,IAAA,OAAO,EAAEC;AAA7B,KAA0CC,IAA1C,gBACE,oBAAC,SAAD;AACE,IAAA,KAAK,EAAE;AACLP,MAAAA,SADK;AAELQ,MAAAA,YAAY,EAAEL;AAFT;AADT,kBAME,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AACLM,MAAAA,QAAQ,EAAE,QADL;AAELC,MAAAA,aAAa,EAAE,KAFV;AAGLC,MAAAA,cAAc,EAAEb,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAHhD;AAILU,MAAAA,YAAY,EAAEL;AAJT;AADT,KAQGL,IAAI,KAAK,MAAT,iBACC,oBAAC,KAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAOL,KAAP,KAAiB,QAAjB,GAA4B;AAAEkB,MAAAA,GAAG,EAAElB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IATJ,eAeE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AACLmB,MAAAA,OAAO,EAAE,EADJ;AAELC,MAAAA,eAAe,EAAEZ,MAAM,CAACa,OAFnB;AAGLC,MAAAA,IAAI,EAAE;AAHD;AADT,kBAOE,oBAAC,IAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACZ,UAAU,CAACa,SAAZ,EAAuB;AAAEC,MAAAA,KAAK,EAAEhB,MAAM,CAACiB;AAAhB,KAAvB;AAFT,KAIGvB,KAJH,CAPF,EAaGC,QAAQ,gBACP,oBAAC,IAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CACLO,UAAU,CAACgB,KADN,EAEL;AAAEF,MAAAA,KAAK,EAAEhB,MAAM,CAACmB,MAAhB;AAAwBC,MAAAA,SAAS,EAAE;AAAnC,KAFK;AAFT,KAOGzB,QAPH,CADO,GAUL,IAvBN,CAfF,EAwCGC,IAAI,KAAK,OAAT,iBACC,oBAAC,KAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAOL,KAAP,KAAiB,QAAjB,GAA4B;AAAEkB,MAAAA,GAAG,EAAElB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IAzCJ,CANF,CADF,CADF;AA2DD,CAvED;;AAyEA,eAAeH,SAAS,CAACE,uBAAD,CAAxB","sourcesContent":["import React from \"react\";\nimport {\n View,\n Text,\n ImageSourcePropType,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n subtitle?: string;\n mode?: \"right\" | \"left\";\n aspectRatio?: number;\n elevation?: number;\n theme: typeof theme;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n};\n\nconst CardContainerShortImage: React.FC<Props> = ({\n image = Config.squareImageUrl,\n title,\n subtitle,\n mode = \"left\",\n aspectRatio = 1,\n elevation = 2,\n theme: { colors, roundness, typography },\n style,\n onPress,\n ...rest\n}) => {\n return (\n <Card style={style} onPress={onPress} {...rest}>\n <Elevation\n style={{\n elevation,\n borderRadius: roundness,\n }}\n >\n <View\n style={{\n overflow: \"hidden\",\n flexDirection: \"row\",\n justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n borderRadius: roundness,\n }}\n >\n {mode === \"left\" && (\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n )}\n <View\n style={{\n padding: 16,\n backgroundColor: colors.surface,\n flex: 1,\n }}\n >\n <Text\n numberOfLines={1}\n style={[typography.headline5, { color: colors.strong }]}\n >\n {title}\n </Text>\n {subtitle ? (\n <Text\n numberOfLines={1}\n style={[\n typography.body2,\n { color: colors.medium, marginTop: 4 },\n ]}\n >\n {subtitle}\n </Text>\n ) : null}\n </View>\n {mode === \"right\" && (\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n )}\n </View>\n </Elevation>\n </Card>\n );\n};\n\nexport default withTheme(CardContainerShortImage);\n"]}
1
+ {"version":3,"sources":["CardContainerShortImage.js"],"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardContainerShortImage","image","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","createElement","borderRadius","overflow","flexDirection","justifyContent","source","uri","resizeMode","padding","backgroundColor","surface","flex","numberOfLines","headline5","color","strong","body2","medium","marginTop"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst CardContainerShortImage = ({ image = Config.squareImageUrl, title, subtitle, mode = \"left\", aspectRatio = 1, elevation = 2, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n return (React.createElement(Card, { style: style, onPress: onPress, ...rest },\n React.createElement(Elevation, { style: {\n elevation,\n borderRadius: roundness,\n } },\n React.createElement(View, { style: {\n overflow: \"hidden\",\n flexDirection: \"row\",\n justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n borderRadius: roundness,\n } },\n mode === \"left\" && (React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" })),\n React.createElement(View, { style: {\n padding: 16,\n backgroundColor: colors.surface,\n flex: 1,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [typography.headline5, { color: colors.strong }] }, title),\n subtitle ? (React.createElement(Text, { numberOfLines: 1, style: [\n typography.body2,\n { color: colors.medium, marginTop: 4 },\n ] }, subtitle)) : null),\n mode === \"right\" && (React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }))))));\n};\nexport default withTheme(CardContainerShortImage);\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  import * as React from "react";
4
2
  import { StyleSheet, View, Platform } from "react-native";
5
3
  import Checkbox from "./Checkbox";
@@ -8,7 +6,7 @@ import { useCheckboxGroupContext } from "./context";
8
6
  import { Direction as GroupDirection } from "./context";
9
7
  import Touchable from "../Touchable";
10
8
  import { extractStyles } from "../../utilities";
11
- export let Direction;
9
+ export var Direction;
12
10
 
13
11
  (function (Direction) {
14
12
  Direction["Row"] = "row";
@@ -71,13 +69,14 @@ const CheckboxGroupRow = _ref => {
71
69
  textStyles,
72
70
  viewStyles
73
71
  } = extractStyles(style);
74
- return /*#__PURE__*/React.createElement(Touchable, _extends({
72
+ return /*#__PURE__*/React.createElement(Touchable, {
75
73
  onPress: handlePress,
76
74
  style: [styles.mainParent, {
77
75
  flexDirection: direction
78
76
  }, viewStyles],
79
- disabled: disabled
80
- }, rest), /*#__PURE__*/React.createElement(View, {
77
+ disabled: disabled,
78
+ ...rest
79
+ }, /*#__PURE__*/React.createElement(View, {
81
80
  style: [styles.label, {
82
81
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
83
82
  }, labelContainerStyle]
@@ -117,4 +116,21 @@ const styles = StyleSheet.create({
117
116
  }
118
117
  });
119
118
  export default CheckboxGroupRow;
119
+ //# sourceMappingURL=CheckboxGroupRow.js.mapnt: "space-around",
120
+ paddingStart: 20,
121
+ minHeight: 50,
122
+ paddingEnd: 20,
123
+ display: "flex",
124
+ ...Platform.select({
125
+ web: {
126
+ cursor: "pointer",
127
+ userSelect: "none"
128
+ }
129
+ })
130
+ },
131
+ label: {
132
+ flex: 3
133
+ }
134
+ });
135
+ export default CheckboxGroupRow;
120
136
  //# sourceMappingURL=CheckboxGroupRow.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["CheckboxGroupRow.tsx"],"names":["React","StyleSheet","View","Platform","Checkbox","Text","useCheckboxGroupContext","Direction","GroupDirection","Touchable","extractStyles","getCheckboxAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","style","color","uncheckedColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n StyleProp,\n ViewStyle,\n StyleSheet,\n TextStyle,\n View,\n Platform,\n} from \"react-native\";\nimport Checkbox, { CheckboxProps } from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n Row = \"row\",\n RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxGroupRowProps extends Omit<CheckboxProps, \"onPress\"> {\n label: string | React.ReactNode;\n value: string; // A string that this checkbox represents\n labelContainerStyle: StyleProp<ViewStyle>;\n checkboxStyle?: StyleProp<ViewStyle>;\n labelStyle?: StyleProp<TextStyle>;\n onPress?: (value: boolean) => void;\n direction?: Direction;\n color: string;\n unselectedColor: string;\n}\n\nconst getCheckboxAlignment = (\n parentDirection: GroupDirection | undefined,\n direction: Direction\n) => {\n if (parentDirection === GroupDirection.Horizontal) {\n return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n } else if (direction === Direction.RowReverse) {\n return \"flex-start\";\n } else {\n return \"flex-end\";\n }\n};\n\nconst renderLabel = (\n value: string | React.ReactNode,\n labelStyle: StyleProp<TextStyle>,\n textStyle: StyleProp<TextStyle>\n) => {\n if (typeof value === \"string\") {\n return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n } else {\n return <>{value}</>;\n }\n};\n\nconst CheckboxGroupRow: React.FC<CheckboxGroupRowProps & IconSlot> = ({\n Icon,\n label = \"Label\",\n status,\n value,\n onPress,\n labelContainerStyle,\n labelStyle,\n checkboxStyle,\n direction = Direction.Row,\n disabled,\n style,\n color,\n uncheckedColor,\n ...rest\n}) => {\n const {\n values: selectedValues,\n onValueChange,\n direction: parentDirection,\n } = useCheckboxGroupContext();\n\n const values = Array.isArray(selectedValues) ? selectedValues : [];\n const isChecked = status || values.includes(value);\n\n const handlePress = () => {\n if (!disabled) {\n onPress?.(!isChecked);\n onValueChange?.(value, !isChecked);\n }\n };\n\n const { textStyles, viewStyles } = extractStyles(style);\n\n return (\n <Touchable\n onPress={handlePress}\n style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n disabled={disabled}\n {...rest}\n >\n <View\n style={[\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ]}\n >\n {renderLabel(label, labelStyle, textStyles)}\n </View>\n <View\n style={{\n flex: 1,\n alignItems: getCheckboxAlignment(parentDirection, direction),\n }}\n >\n <Checkbox\n Icon={Icon}\n status={isChecked}\n onPress={handlePress}\n style={checkboxStyle}\n disabled={disabled}\n color={color}\n uncheckedColor={uncheckedColor}\n />\n </View>\n </Touchable>\n );\n};\n\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\n\nexport default CheckboxGroupRow;\n"]}
1
+ {"version":3,"sources":["CheckboxGroupRow.js"],"names":["React","StyleSheet","View","Platform","Checkbox","Text","useCheckboxGroupContext","Direction","GroupDirection","Touchable","extractStyles","getCheckboxAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","createElement","style","Fragment","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","color","uncheckedColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport Checkbox from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\nexport var Direction;\n(function (Direction) {\n Direction[\"Row\"] = \"row\";\n Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst getCheckboxAlignment = (parentDirection, direction) => {\n if (parentDirection === GroupDirection.Horizontal) {\n return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n }\n else if (direction === Direction.RowReverse) {\n return \"flex-start\";\n }\n else {\n return \"flex-end\";\n }\n};\nconst renderLabel = (value, labelStyle, textStyle) => {\n if (typeof value === \"string\") {\n return React.createElement(Text, { style: [labelStyle, textStyle] }, value);\n }\n else {\n return React.createElement(React.Fragment, null, value);\n }\n};\nconst CheckboxGroupRow = ({ Icon, label = \"Label\", status, value, onPress, labelContainerStyle, labelStyle, checkboxStyle, direction = Direction.Row, disabled, style, color, uncheckedColor, ...rest }) => {\n const { values: selectedValues, onValueChange, direction: parentDirection, } = useCheckboxGroupContext();\n const values = Array.isArray(selectedValues) ? selectedValues : [];\n const isChecked = status || values.includes(value);\n const handlePress = () => {\n if (!disabled) {\n onPress?.(!isChecked);\n onValueChange?.(value, !isChecked);\n }\n };\n const { textStyles, viewStyles } = extractStyles(style);\n return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },\n React.createElement(View, { style: [\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ] }, renderLabel(label, labelStyle, textStyles)),\n React.createElement(View, { style: {\n flex: 1,\n alignItems: getCheckboxAlignment(parentDirection, direction),\n } },\n React.createElement(Checkbox, { Icon: Icon, status: isChecked, onPress: handlePress, style: checkboxStyle, disabled: disabled, color: color, uncheckedColor: uncheckedColor }))));\n};\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\nexport default CheckboxGroupRow;\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  import * as React from "react";
4
2
  import { ActivityIndicator, View, StyleSheet } from "react-native";
5
3
  import color from "color";
@@ -110,7 +108,7 @@ const FAB = _ref => {
110
108
  style: [{
111
109
  elevation
112
110
  }, style]
113
- }, /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
111
+ }, /*#__PURE__*/React.createElement(Touchable, { ...rest,
114
112
  onPress: onPress,
115
113
  accessibilityState: {
116
114
  disabled
@@ -118,7 +116,7 @@ const FAB = _ref => {
118
116
  accessibilityRole: "button",
119
117
  disabled: disabled || loading,
120
118
  style: buttonStyles
121
- }), /*#__PURE__*/React.createElement(View, {
119
+ }, /*#__PURE__*/React.createElement(View, {
122
120
  style: styles.content
123
121
  }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
124
122
  style: iconStyle
@@ -159,4 +157,21 @@ const styles = StyleSheet.create({
159
157
  }
160
158
  });
161
159
  export default withTheme(FAB);
160
+ //# sourceMappingURL=DeprecatedFAB.js.map alignItems: "center",
161
+ justifyContent: "center"
162
+ },
163
+ icon: {
164
+ alignItems: "center",
165
+ justifyContent: "center",
166
+ width: Config.buttonIconSize
167
+ },
168
+ fixed: {
169
+ left: 0,
170
+ right: 0,
171
+ bottom: 0,
172
+ height: 64,
173
+ borderRadius: 0
174
+ }
175
+ });
176
+ export default withTheme(FAB);
162
177
  //# sourceMappingURL=DeprecatedFAB.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["DeprecatedFAB.tsx"],"names":["React","ActivityIndicator","View","StyleSheet","color","Config","Text","Touchable","Elevation","withTheme","FAB","Icon","icon","disabled","type","loading","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","create","borderStyle","flexDirection","fixed","left","right","bottom"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n ActivityIndicator,\n View,\n StyleSheet,\n TouchableHighlightProps,\n StyleProp,\n ViewStyle,\n TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A floating action button represents the primary action in an application.\n *\n * <div class=\"screenshots\">\n * <img src=\"screenshots/fab-1.png\" />\n * <img src=\"screenshots/fab-2.png\" />\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { StyleSheet } from 'react-native';\n * import { FAB } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n * <FAB\n * style={styles.fab}\n * type=\"outline\"\n * icon=\"add\"\n * onPress={() => console.log('Pressed')}\n * />\n * );\n *\n * const styles = StyleSheet.create({\n * fab: {\n * position: 'absolute',\n * margin: 16,\n * right: 0,\n * bottom: 0,\n * },\n * })\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n disabled?: boolean;\n type?: \"solid\" | \"extended\" | \"outline\" | \"fixed\" | \"standard\";\n loading?: boolean;\n icon?: string;\n color?: string;\n label?: string;\n onPress: () => void;\n elevation?: number;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n} & TouchableHighlightProps &\n IconSlot;\n\nconst FAB: React.FC<Props> = ({\n Icon,\n icon,\n disabled = false,\n type = \"solid\",\n loading = false,\n color: colorOverride,\n label,\n onPress,\n elevation = 0,\n style,\n theme: { colors, disabledOpacity, roundness, typography },\n ...rest\n}) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride || colors.primary;\n\n if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n backgroundColor = buttonColor;\n\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = colors.surface;\n }\n } else {\n backgroundColor = \"transparent\";\n\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = buttonColor;\n }\n }\n\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n } else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n\n const buttonStyle: StyleProp<ViewStyle> = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n alignItems: \"center\",\n justifyContent: \"center\",\n };\n\n const buttonStyles: StyleProp<ViewStyle>[] = [styles.button, buttonStyle];\n\n const contentStyle: StyleProp<ViewStyle>[] = [styles.content];\n\n const textStyle: StyleProp<TextStyle> = {\n textAlign: \"center\",\n color: textColor,\n };\n\n const iconStyle: StyleProp<ViewStyle>[] = [\n styles.icon,\n {\n width: Config.buttonIconSize,\n },\n ];\n\n if (type === \"standard\" || type === \"outline\") {\n buttonStyle.width = Config.FABSize;\n buttonStyle.height = Config.FABSize;\n buttonStyle.borderRadius = Config.FABBorderRadius;\n\n contentStyle.push({\n width: Config.FABSize,\n height: Config.FABSize,\n });\n }\n\n if (type === \"extended\" || type === \"fixed\") {\n iconStyle.push({\n marginLeft: 16,\n marginRight: -8,\n });\n\n textStyle.margin = 16;\n }\n\n if (type === \"fixed\") {\n buttonStyles.push({\n height: Config.FABFixedHeight,\n alignSelf: \"stretch\",\n });\n }\n\n return (\n <Elevation style={[{ elevation }, style]}>\n <Touchable\n {...rest}\n onPress={onPress}\n accessibilityState={{ disabled }}\n accessibilityRole=\"button\"\n disabled={disabled || loading}\n style={buttonStyles}\n >\n <View style={styles.content}>\n {icon && loading !== true ? (\n <View style={iconStyle}>\n <Icon\n name={icon}\n size={Config.buttonIconSize}\n color={textColor}\n />\n </View>\n ) : null}\n {loading ? (\n <ActivityIndicator\n size=\"small\"\n color={textColor}\n style={iconStyle}\n />\n ) : null}\n {label ? (\n <Text numberOfLines={1} style={[textStyle, typography.button]}>\n {label}\n </Text>\n ) : null}\n </View>\n </Touchable>\n </Elevation>\n );\n};\n\nconst styles = StyleSheet.create({\n button: {\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n alignItems: \"center\",\n justifyContent: \"center\",\n width: Config.buttonIconSize,\n },\n fixed: {\n left: 0,\n right: 0,\n bottom: 0,\n height: 64,\n borderRadius: 0,\n },\n});\n\nexport default withTheme(FAB);\n"]}
1
+ {"version":3,"sources":["DeprecatedFAB.js"],"names":["React","ActivityIndicator","View","StyleSheet","color","Config","Text","Touchable","Elevation","withTheme","FAB","Icon","icon","disabled","type","loading","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","createElement","accessibilityState","accessibilityRole","name","size","numberOfLines","create","borderStyle","flexDirection","fixed","left","right","bottom"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst FAB = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, color: colorOverride, label, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride || colors.primary;\n if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n backgroundColor = buttonColor;\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n }\n else {\n textColor = colors.surface;\n }\n }\n else {\n backgroundColor = \"transparent\";\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n }\n else {\n textColor = buttonColor;\n }\n }\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n }\n else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n }\n else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n const buttonStyle = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n alignItems: \"center\",\n justifyContent: \"center\",\n };\n const buttonStyles = [styles.button, buttonStyle];\n const contentStyle = [styles.content];\n const textStyle = {\n textAlign: \"center\",\n color: textColor,\n };\n const iconStyle = [\n styles.icon,\n {\n width: Config.buttonIconSize,\n },\n ];\n if (type === \"standard\" || type === \"outline\") {\n buttonStyle.width = Config.FABSize;\n buttonStyle.height = Config.FABSize;\n buttonStyle.borderRadius = Config.FABBorderRadius;\n contentStyle.push({\n width: Config.FABSize,\n height: Config.FABSize,\n });\n }\n if (type === \"extended\" || type === \"fixed\") {\n iconStyle.push({\n marginLeft: 16,\n marginRight: -8,\n });\n textStyle.margin = 16;\n }\n if (type === \"fixed\") {\n buttonStyles.push({\n height: Config.FABFixedHeight,\n alignSelf: \"stretch\",\n });\n }\n return (React.createElement(Elevation, { style: [{ elevation }, style] },\n React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: buttonStyles },\n React.createElement(View, { style: styles.content },\n icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n label ? (React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, label)) : null))));\n};\nconst styles = StyleSheet.create({\n button: {\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n alignItems: \"center\",\n justifyContent: \"center\",\n width: Config.buttonIconSize,\n },\n fixed: {\n left: 0,\n right: 0,\n bottom: 0,\n height: 64,\n borderRadius: 0,\n },\n});\nexport default withTheme(FAB);\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  import * as React from "react";
4
2
  import { StyleSheet, View } from "react-native";
5
3
  import { withTheme } from "../theming";
@@ -13,6 +11,22 @@ const Divider = _ref => {
13
11
  },
14
12
  ...rest
15
13
  } = _ref;
14
+ return /*#__PURE__*/React.createElement(View, {
15
+ style: [{
16
+ backgroundColor: color || colors.divider,
17
+ height: StyleSheet.hairlineWidth
18
+ }, style],
19
+ ...rest
20
+ });
21
+ };
22
+
23
+ export default withTheme(Divider);
24
+ //# sourceMappingURL=Divider.js.mapor,
25
+ theme: {
26
+ colors
27
+ },
28
+ ...rest
29
+ } = _ref;
16
30
  return /*#__PURE__*/React.createElement(View, _extends({
17
31
  style: [{
18
32
  backgroundColor: color || colors.divider,
@@ -1 +1 @@
1
- {"version":3,"sources":["Divider.tsx"],"names":["React","StyleSheet","View","withTheme","Divider","style","color","theme","colors","rest","backgroundColor","divider","height","hairlineWidth"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAuD,cAAvD;AACA,SAASC,SAAT,QAA0B,YAA1B;;AASA,MAAMC,OAAwB,GAAG,QAK3B;AAAA,MAL4B;AAChCC,IAAAA,KADgC;AAEhCC,IAAAA,KAFgC;AAGhCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAHyB;AAIhC,OAAGC;AAJ6B,GAK5B;AACJ,sBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEC,MAAAA,eAAe,EAAEJ,KAAK,IAAIE,MAAM,CAACG,OADnC;AAEEC,MAAAA,MAAM,EAAEX,UAAU,CAACY;AAFrB,KADK,EAKLR,KALK;AADT,KAQMI,IARN,EADF;AAYD,CAlBD;;AAoBA,eAAeN,SAAS,CAACC,OAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n style?: StyleProp<ViewStyle>;\n color?: string;\n theme: typeof theme;\n};\n\nconst Divider: React.FC<Props> = ({\n style,\n color,\n theme: { colors },\n ...rest\n}) => {\n return (\n <View\n style={[\n {\n backgroundColor: color || colors.divider,\n height: StyleSheet.hairlineWidth,\n },\n style,\n ]}\n {...rest}\n />\n );\n};\n\nexport default withTheme(Divider);\n"]}
1
+ {"version":3,"sources":["Divider.js"],"names":["React","StyleSheet","View","withTheme","Divider","style","color","theme","colors","rest","createElement","backgroundColor","divider","height","hairlineWidth"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AACA,SAASC,SAAT,QAA0B,YAA1B;;AACA,MAAMC,OAAO,GAAG,QAAkD;AAAA,MAAjD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAAvB;AAAmC,OAAGC;AAAtC,GAAiD;AAC9D,sBAAQT,KAAK,CAACU,aAAN,CAAoBR,IAApB,EAA0B;AAAEG,IAAAA,KAAK,EAAE,CACnC;AACIM,MAAAA,eAAe,EAAEL,KAAK,IAAIE,MAAM,CAACI,OADrC;AAEIC,MAAAA,MAAM,EAAEZ,UAAU,CAACa;AAFvB,KADmC,EAKnCT,KALmC,CAAT;AAM3B,OAAGI;AANwB,GAA1B,CAAR;AAOH,CARD;;AASA,eAAeN,SAAS,CAACC,OAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport { withTheme } from \"../theming\";\nconst Divider = ({ style, color, theme: { colors }, ...rest }) => {\n return (React.createElement(View, { style: [\n {\n backgroundColor: color || colors.divider,\n height: StyleSheet.hairlineWidth,\n },\n style,\n ], ...rest }));\n};\nexport default withTheme(Divider);\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  import * as React from "react";
4
2
  import { Text, StyleSheet } from "react-native";
5
3
  import { extractStyles } from "../utilities";
@@ -18,12 +16,27 @@ export default function FormRow(_ref) {
18
16
  textStyles,
19
17
  viewStyles
20
18
  } = extractStyles(style);
21
- return /*#__PURE__*/React.createElement(Touchable, _extends({
19
+ return /*#__PURE__*/React.createElement(Touchable, {
22
20
  disabled: disabled,
23
21
  onPress: onPress,
24
22
  style: [styles.row, {
25
23
  flexDirection: direction
26
- }, viewStyles]
24
+ }, viewStyles],
25
+ ...rest
26
+ }, /*#__PURE__*/React.createElement(Text, {
27
+ style: textStyles
28
+ }, label), children);
29
+ }
30
+ const styles = StyleSheet.create({
31
+ row: {
32
+ marginLeft: 8,
33
+ marginRight: 8,
34
+ flexDirection: "row",
35
+ justifyContent: "space-between",
36
+ alignItems: "center"
37
+ }
38
+ });
39
+ //# sourceMappingURL=FormRow.js.maptyles]
27
40
  }, rest), /*#__PURE__*/React.createElement(Text, {
28
41
  style: textStyles
29
42
  }, label), children);