@draftbit/core 43.4.9-f2446b.0 → 43.4.9

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 (101) hide show
  1. package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js.map +1 -1
  2. package/lib/commonjs/components/ActionSheet/index.js.map +1 -1
  3. package/lib/commonjs/components/AnimatedCircularProgress.js +3 -11
  4. package/lib/commonjs/components/AnimatedCircularProgress.js.map +1 -1
  5. package/lib/commonjs/components/AspectRatio.js +3 -16
  6. package/lib/commonjs/components/AspectRatio.js.map +1 -1
  7. package/lib/commonjs/components/Button.js +11 -29
  8. package/lib/commonjs/components/Button.js.map +1 -1
  9. package/lib/commonjs/components/Card.js.map +1 -1
  10. package/lib/commonjs/components/CardBlock.js +5 -13
  11. package/lib/commonjs/components/CardBlock.js.map +1 -1
  12. package/lib/commonjs/components/CardContainerShortImage.js +5 -18
  13. package/lib/commonjs/components/CardContainerShortImage.js.map +1 -1
  14. package/lib/commonjs/components/CardInline.js.map +1 -1
  15. package/lib/commonjs/components/Carousel.js +5 -20
  16. package/lib/commonjs/components/Carousel.js.map +1 -1
  17. package/lib/commonjs/components/Checkbox/context.js +1 -1
  18. package/lib/commonjs/components/Checkbox/context.js.map +1 -1
  19. package/lib/commonjs/components/Checkbox/index.js.map +1 -1
  20. package/lib/commonjs/components/CircleImage.js +3 -17
  21. package/lib/commonjs/components/CircleImage.js.map +1 -1
  22. package/lib/commonjs/components/CircularProgress.js.map +1 -1
  23. package/lib/commonjs/components/Config.js.map +1 -1
  24. package/lib/commonjs/components/Container.js +5 -16
  25. package/lib/commonjs/components/Container.js.map +1 -1
  26. package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map +1 -1
  27. package/lib/commonjs/components/DeprecatedButton.js +4 -19
  28. package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
  29. package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -14
  30. package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
  31. package/lib/commonjs/components/Divider.js +3 -13
  32. package/lib/commonjs/components/Divider.js.map +1 -1
  33. package/lib/commonjs/components/Elevation.js +3 -14
  34. package/lib/commonjs/components/Elevation.js.map +1 -1
  35. package/lib/commonjs/components/Header.js.map +1 -1
  36. package/lib/commonjs/components/HeaderLarge.js.map +1 -1
  37. package/lib/commonjs/components/HeaderOverline.js.map +1 -1
  38. package/lib/commonjs/components/Image.js +4 -15
  39. package/lib/commonjs/components/Image.js.map +1 -1
  40. package/lib/commonjs/components/Justification.js +1 -2
  41. package/lib/commonjs/components/NumberInput.js +2 -13
  42. package/lib/commonjs/components/NumberInput.js.map +1 -1
  43. package/lib/commonjs/components/Picker/PickerComponent.android.js +6 -20
  44. package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -1
  45. package/lib/commonjs/components/Picker/PickerComponent.ios.js +10 -30
  46. package/lib/commonjs/components/Picker/PickerComponent.ios.js.map +1 -1
  47. package/lib/commonjs/components/Picker/PickerComponent.web.js +6 -20
  48. package/lib/commonjs/components/Picker/PickerComponent.web.js.map +1 -1
  49. package/lib/commonjs/components/Portal/PortalConsumer.js.map +1 -1
  50. package/lib/commonjs/components/Portal/PortalHost.js.map +1 -1
  51. package/lib/commonjs/components/Portal/PortalManager.js.map +1 -1
  52. package/lib/commonjs/components/ProgressIndicator.js.map +1 -1
  53. package/lib/commonjs/components/RadioButton/RadioButton.js +3 -15
  54. package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
  55. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +2 -11
  56. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
  57. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +5 -16
  58. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js.map +1 -1
  59. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +6 -23
  60. package/lib/commonjs/components/RadioButton/RadioButtonRow.js.map +1 -1
  61. package/lib/commonjs/components/ResizeMode.js +1 -2
  62. package/lib/commonjs/components/Row.js.map +1 -1
  63. package/lib/commonjs/components/RowBodyIcon.js.map +1 -1
  64. package/lib/commonjs/components/RowHeadlineImageCaption.js.map +1 -1
  65. package/lib/commonjs/components/RowHeadlineImageIcon.js.map +1 -1
  66. package/lib/commonjs/components/ScreenContainer.js +5 -18
  67. package/lib/commonjs/components/ScreenContainer.js.map +1 -1
  68. package/lib/commonjs/components/Slider.js +5 -22
  69. package/lib/commonjs/components/Slider.js.map +1 -1
  70. package/lib/commonjs/components/StarRating.js +5 -23
  71. package/lib/commonjs/components/StarRating.js.map +1 -1
  72. package/lib/commonjs/components/Surface.js +3 -10
  73. package/lib/commonjs/components/Surface.js.map +1 -1
  74. package/lib/commonjs/components/Swiper/Swiper.js.map +1 -1
  75. package/lib/commonjs/components/Swiper/SwiperItem.js.map +1 -1
  76. package/lib/commonjs/components/ToggleButton.js +3 -17
  77. package/lib/commonjs/components/ToggleButton.js.map +1 -1
  78. package/lib/commonjs/components/Touchable.js +3 -16
  79. package/lib/commonjs/components/Touchable.js.map +1 -1
  80. package/lib/commonjs/components/Touchable.web.js.map +1 -1
  81. package/lib/commonjs/components/Typography.js.map +1 -1
  82. package/lib/commonjs/components/useAuthState.js.map +1 -1
  83. package/lib/commonjs/mappings/ActionSheetCancel.js.map +1 -1
  84. package/lib/commonjs/mappings/ActionSheetItem.js.map +1 -1
  85. package/lib/commonjs/mappings/AudioPlayer.js.map +1 -1
  86. package/lib/commonjs/mappings/Button.js.map +1 -1
  87. package/lib/commonjs/mappings/CardContainer.js.map +1 -1
  88. package/lib/commonjs/mappings/DatePicker.js.map +1 -1
  89. package/lib/commonjs/mappings/ProgressBar.js.map +1 -1
  90. package/lib/commonjs/mappings/ProgressIndicator.js.map +1 -1
  91. package/lib/commonjs/mappings/RowHeadlineImageCaption.js.map +1 -1
  92. package/lib/commonjs/mappings/Text.js.map +1 -1
  93. package/lib/commonjs/mappings/TextArea.js.map +1 -1
  94. package/lib/module/components/DeprecatedCardWrapper.js +5 -4
  95. package/lib/module/components/DeprecatedCardWrapper.js.map +1 -1
  96. package/lib/module/components/RadioButton/index.js.map +1 -1
  97. package/lib/module/components/Switch.js +21 -10
  98. package/lib/module/components/Switch.js.map +1 -1
  99. package/lib/module/mappings/ActivityIndicator.js.map +1 -1
  100. package/lib/module/mappings/HeaderMedium.js.map +1 -1
  101. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"sources":["ActionSheetCancel.js"],"names":["ActionSheetCancel","label","color","style","onPress","React","createElement","ActionSheetItem"],"mappings":";;;;;;;AAAA;;AACA;;;;AACA,MAAMA,iBAAiB,GAAG,QAAkD;AAAA,MAAjD;AAAEC,IAAAA,KAAK,GAAG,QAAV;AAAoBC,IAAAA,KAApB;AAA2BC,IAAAA,KAA3B;AAAkCC,IAAAA;AAAlC,GAAiD;AACxE,sBAAQC,eAAMC,aAAN,CAAoBC,wBAApB,EAAqC;AAAEN,IAAAA,KAAK,EAAEA,KAAT;AAAgBC,IAAAA,KAAK,EAAEA,KAAK,IAAI,SAAhC;AAA2CC,IAAAA,KAAK,EAAE,CAACA,KAAD,CAAlD;AAA2DC,IAAAA,OAAO,EAAEA;AAApE,GAArC,CAAR;AACH,CAFD;;eAGeJ,iB","sourcesContent":["import React from \"react\";\nimport ActionSheetItem from \"./ActionSheetItem\";\nconst ActionSheetCancel = ({ label = \"Cancel\", color, style, onPress, }) => {\n return (React.createElement(ActionSheetItem, { label: label, color: color || \"#FF453A\", style: [style], onPress: onPress }));\n};\nexport default ActionSheetCancel;\n"]}
1
+ {"version":3,"sources":["ActionSheetCancel.tsx"],"names":["ActionSheetCancel","label","color","style","onPress"],"mappings":";;;;;;;AAAA;;AAEA;;;;AASA,MAAMA,iBAAkC,GAAG,QAKrC;AAAA,MALsC;AAC1CC,IAAAA,KAAK,GAAG,QADkC;AAE1CC,IAAAA,KAF0C;AAG1CC,IAAAA,KAH0C;AAI1CC,IAAAA;AAJ0C,GAKtC;AACJ,sBACE,6BAAC,wBAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,KAAK,EAAEC,KAAK,IAAI,SAFlB;AAGE,IAAA,KAAK,EAAE,CAACC,KAAD,CAHT;AAIE,IAAA,OAAO,EAAEC;AAJX,IADF;AAQD,CAdD;;eAgBeJ,iB","sourcesContent":["import React from \"react\";\nimport { StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport ActionSheetItem from \"./ActionSheetItem\";\n\ntype Props = {\n label: string;\n color: string;\n style?: StyleProp<ViewStyle | TextStyle>;\n onPress?: () => void;\n};\n\nconst ActionSheetCancel: React.FC<Props> = ({\n label = \"Cancel\",\n color,\n style,\n onPress,\n}) => {\n return (\n <ActionSheetItem\n label={label}\n color={color || \"#FF453A\"}\n style={[style]}\n onPress={onPress}\n />\n );\n};\n\nexport default ActionSheetCancel;\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { default as ActionSheet } from \"./ActionSheet\";\nexport { default as ActionSheetItem } from \"./ActionSheetItem\";\nexport { default as ActionSheetCancel } from \"./ActionSheetCancel\";\n"]}
1
+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { default as ActionSheet } from \"./ActionSheet\";\nexport { default as ActionSheetItem } from \"./ActionSheetItem\";\nexport { default as ActionSheetCancel } from \"./ActionSheetCancel\";\n"]}
@@ -17,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
17
17
 
18
18
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
19
 
20
+ 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); }
21
+
20
22
  const AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
21
23
 
22
24
  const AnimatedCircularProgress = _ref => {
@@ -67,17 +69,7 @@ const AnimatedCircularProgress = _ref => {
67
69
  React.useEffect(() => {
68
70
  animate();
69
71
  }, [fill, animate]);
70
- return /*#__PURE__*/React.createElement(AnimatedProgress, { ...other,
71
- style: other.style,
72
- childrenContainerStyle: other.childrenContainerStyle,
73
- fill: fillAnimation,
74
- tintColor: animateColor()
75
- });
76
- };
77
-
78
- var _default = AnimatedCircularProgress;
79
- exports.default = _default;
80
- //# sourceMappingURL=AnimatedCircularProgress.js.map/React.createElement(AnimatedProgress, _extends({}, other, {
72
+ return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
81
73
  style: other.style,
82
74
  childrenContainerStyle: other.childrenContainerStyle,
83
75
  fill: fillAnimation,
@@ -1 +1 @@
1
- {"version":3,"sources":["AnimatedCircularProgress.js"],"names":["AnimatedProgress","Animated","createAnimatedComponent","CircularProgress","AnimatedCircularProgress","duration","easing","Easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","React","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","createElement","style","childrenContainerStyle"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AACA,MAAMA,gBAAgB,GAAGC,sBAASC,uBAAT,CAAiCC,yBAAjC,CAAzB;;AACA,MAAMC,wBAAwB,GAAG,QAA8K;AAAA,MAA7K;AAAEC,IAAAA,QAAQ,GAAG,GAAb;AAAkBC,IAAAA,MAAM,GAAGC,oBAAOC,GAAP,CAAWD,oBAAOE,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,IAAkBC,KAAK,CAACC,QAAN,CAAe,IAAIlB,sBAASmB,KAAb,CAAmBT,OAAnB,CAAf,CAAxB;AACA,QAAMU,OAAO,GAAGH,KAAK,CAACI,WAAN,CAAkB,YAA2B;AAAA,QAA1BC,KAA0B,uEAAlB,CAAC,CAAiB;AAAA,QAAdC,GAAc;AAAA,QAATf,IAAS;AACzD,UAAMgB,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBb,IAArC;AACA,UAAMgB,IAAI,GAAGF,GAAG,IAAInB,QAApB;AACA,UAAMsB,GAAG,GAAGlB,IAAI,IAAIH,MAApB;AACA,UAAMsB,SAAS,GAAGhB,eAAlB;;AACA,UAAMiB,IAAI,GAAG5B,sBAAS6B,MAAT,CAAgBb,aAAhB,EAA+B;AACxCL,MAAAA,eAAe,EAAEgB,SADuB;AAExCH,MAAAA,OAFwC;AAGxCnB,MAAAA,MAAM,EAAEqB,GAHgC;AAIxCtB,MAAAA,QAAQ,EAAEqB;AAJ8B,KAA/B,CAAb;;AAMAG,IAAAA,IAAI,CAACE,KAAL,CAAWjB,mBAAX;AACA,WAAOe,IAAP;AACH,GAbe,EAab,CACCxB,QADD,EAECC,MAFD,EAGCI,IAHD,EAICE,eAJD,EAKCK,aALD,EAMCH,mBAND,CAba,CAAhB;;AAqBA,QAAMkB,YAAY,GAAG,MAAM;AACvB,QAAI,CAACnB,kBAAL,EAAyB;AACrB,aAAOE,SAAP;AACH;;AACD,UAAMkB,aAAa,GAAGhB,aAAa,CAACiB,WAAd,CAA0B;AAC5CC,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADgC;AAE5CC,MAAAA,WAAW,EAAE,CAACrB,SAAD,EAAYF,kBAAZ;AAF+B,KAA1B,CAAtB;AAIA,WAAOoB,aAAP;AACH,GATD;;AAUAf,EAAAA,KAAK,CAACmB,SAAN,CAAgB,MAAM;AAClBhB,IAAAA,OAAO;AACV,GAFD,EAEG,CAACX,IAAD,EAAOW,OAAP,CAFH;AAGA,sBAAQH,KAAK,CAACoB,aAAN,CAAoBtC,gBAApB,EAAsC,EAAE,GAAGgB,KAAL;AAAYuB,IAAAA,KAAK,EAAEvB,KAAK,CAACuB,KAAzB;AAAgCC,IAAAA,sBAAsB,EAAExB,KAAK,CAACwB,sBAA9D;AAAsF9B,IAAAA,IAAI,EAAEO,aAA5F;AAA2GF,IAAAA,SAAS,EAAEiB,YAAY;AAAlI,GAAtC,CAAR;AACH,CArCD;;eAsCe5B,wB","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
+ {"version":3,"sources":["AnimatedCircularProgress.tsx"],"names":["AnimatedProgress","Animated","createAnimatedComponent","CircularProgress","AnimatedCircularProgress","duration","easing","Easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","React","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","style","childrenContainerStyle"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;;;;;;;;;AAGA,MAAMA,gBAAgB,GAAGC,sBAASC,uBAAT,CAAiCC,yBAAjC,CAAzB;;AAWA,MAAMC,wBAAyC,GAAG,QAU5C;AAAA,MAV6C;AACjDC,IAAAA,QAAQ,GAAG,GADsC;AAEjDC,IAAAA,MAAM,GAAGC,oBAAOC,GAAP,CAAWD,oBAAOE,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,IAAkBC,KAAK,CAACC,QAAN,CACtB,IAAIlB,sBAASmB,KAAb,CAAmBT,OAAnB,CADsB,CAAxB;AAIA,QAAMU,OAAO,GAAGH,KAAK,CAACI,WAAN,CACd,YAIkC;AAAA,QAHhCC,KAGgC,uEAHhB,CAAC,CAGe;AAAA,QAFhCC,GAEgC;AAAA,QADhCf,IACgC;AAChC,UAAMgB,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBb,IAArC;AACA,UAAMgB,IAAI,GAAGF,GAAG,IAAInB,QAApB;AACA,UAAMsB,GAAG,GAAGlB,IAAI,IAAIH,MAApB;AACA,UAAMsB,SAAS,GAAGhB,eAAlB;;AAEA,UAAMiB,IAAI,GAAG5B,sBAAS6B,MAAT,CAAgBb,aAAhB,EAA+B;AAC1CL,MAAAA,eAAe,EAAEgB,SADyB;AAE1CH,MAAAA,OAF0C;AAG1CnB,MAAAA,MAAM,EAAEqB,GAHkC;AAI1CtB,MAAAA,QAAQ,EAAEqB;AAJgC,KAA/B,CAAb;;AAMAG,IAAAA,IAAI,CAACE,KAAL,CAAWjB,mBAAX;AAEA,WAAOe,IAAP;AACD,GApBa,EAqBd,CACExB,QADF,EAEEC,MAFF,EAGEI,IAHF,EAIEE,eAJF,EAKEK,aALF,EAMEH,mBANF,CArBc,CAAhB;;AA+BA,QAAMkB,YAAY,GAAG,MAAM;AACzB,QAAI,CAACnB,kBAAL,EAAyB;AACvB,aAAOE,SAAP;AACD;;AAED,UAAMkB,aAAa,GAAGhB,aAAa,CAACiB,WAAd,CAA0B;AAC9CC,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADkC;AAE9CC,MAAAA,WAAW,EAAE,CAACrB,SAAD,EAAYF,kBAAZ;AAFiC,KAA1B,CAAtB;AAKA,WAAOoB,aAAP;AACD,GAXD;;AAaAf,EAAAA,KAAK,CAACmB,SAAN,CAAgB,MAAM;AACpBhB,IAAAA,OAAO;AACR,GAFD,EAEG,CAACX,IAAD,EAAOW,OAAP,CAFH;AAIA,sBACE,oBAAC,gBAAD,eACML,KADN;AAEE,IAAA,KAAK,EAAEA,KAAK,CAACsB,KAFf;AAGE,IAAA,sBAAsB,EACpBtB,KAAK,CAACuB,sBAJV;AAQE,IAAA,IAAI,EAAEtB,aARR;AASE,IAAA,SAAS,EAAEe,YAAY;AATzB,KADF;AAaD,CA5ED;;eA8Ee5B,wB","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"]}
@@ -11,6 +11,8 @@ var _reactNative = require("react-native");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
14
+ 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); }
15
+
14
16
  const AspectRatio = props => {
15
17
  const [layout, setLayout] = _react.default.useState(null);
16
18
 
@@ -41,22 +43,7 @@ const AspectRatio = props => {
41
43
  }
42
44
  }
43
45
 
44
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, { ...props,
45
- style: style,
46
- onLayout: _ref => {
47
- let {
48
- nativeEvent: {
49
- layout: l
50
- }
51
- } = _ref;
52
- return setLayout(l);
53
- }
54
- }, props.children);
55
- };
56
-
57
- var _default = AspectRatio;
58
- exports.default = _default;
59
- //# sourceMappingURL=AspectRatio.js.mapateElement(_reactNative.View, _extends({}, props, {
46
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
60
47
  style: style,
61
48
  onLayout: _ref => {
62
49
  let {
@@ -1 +1 @@
1
- {"version":3,"sources":["AspectRatio.js"],"names":["AspectRatio","props","layout","setLayout","React","useState","aspectRatio","inputStyle","StyleSheet","flatten","style","width","height","push","createElement","View","onLayout","nativeEvent","l","children"],"mappings":";;;;;;;AAAA;;AACA;;;;AACA,MAAMA,WAAW,GAAIC,KAAD,IAAW;AAC3B,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAe,IAAf,CAA5B;;AACA,QAAM;AAAEC,IAAAA,WAAW,GAAG,CAAhB;AAAmB,OAAGC;AAAtB,MAAqCC,wBAAWC,OAAX,CAAmBR,KAAK,CAACS,KAAzB,KAAmC,EAA9E;AACA,QAAMA,KAAK,GAAG,CAACH,UAAD,EAAa;AAAED,IAAAA;AAAF,GAAb,CAAd;;AACA,MAAIJ,MAAJ,EAAY;AACR,UAAM;AAAES,MAAAA,KAAK,GAAG,CAAV;AAAaC,MAAAA,MAAM,GAAG;AAAtB,QAA4BV,MAAlC;;AACA,QAAIS,KAAK,KAAK,CAAd,EAAiB;AACbD,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAK,EAAEC,MAAM,IAAI,IAAIN,WAAR,CAAf;AAAqCM,QAAAA;AAArC,OAAX;AACH,KAFD,MAGK;AACDF,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAF;AAASC,QAAAA,MAAM,EAAED,KAAK,IAAI,IAAIL,WAAR;AAAtB,OAAX;AACH;AACJ;;AACD,sBAAQF,eAAMU,aAAN,CAAoBC,iBAApB,EAA0B,EAAE,GAAGd,KAAL;AAAYS,IAAAA,KAAK,EAAEA,KAAnB;AAA0BM,IAAAA,QAAQ,EAAE;AAAA,UAAC;AAAEC,QAAAA,WAAW,EAAE;AAAEf,UAAAA,MAAM,EAAEgB;AAAV;AAAf,OAAD;AAAA,aAAoCf,SAAS,CAACe,CAAD,CAA7C;AAAA;AAApC,GAA1B,EAAkHjB,KAAK,CAACkB,QAAxH,CAAR;AACH,CAdD;;eAeenB,W","sourcesContent":["import React from \"react\";\nimport { View, StyleSheet, } from \"react-native\";\nconst AspectRatio = (props) => {\n const [layout, setLayout] = React.useState(null);\n const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};\n const style = [inputStyle, { aspectRatio }];\n if (layout) {\n const { width = 0, height = 0 } = layout;\n if (width === 0) {\n style.push({ width: height * (1 / aspectRatio), height });\n }\n else {\n style.push({ width, height: width * (1 / aspectRatio) });\n }\n }\n return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));\n};\nexport default AspectRatio;\n"]}
1
+ {"version":3,"sources":["AspectRatio.tsx"],"names":["AspectRatio","props","layout","setLayout","React","useState","aspectRatio","inputStyle","StyleSheet","flatten","style","width","height","push","nativeEvent","l","children"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAaA,MAAMA,WAA4B,GAAIC,KAAD,IAAW;AAC9C,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAuC,IAAvC,CAA5B;;AACA,QAAM;AAAEC,IAAAA,WAAW,GAAG,CAAhB;AAAmB,OAAGC;AAAtB,MACJC,wBAAWC,OAAX,CAAmBR,KAAK,CAACS,KAAzB,KAAmC,EADrC;AAEA,QAAMA,KAAK,GAAG,CAACH,UAAD,EAAa;AAAED,IAAAA;AAAF,GAAb,CAAd;;AAEA,MAAIJ,MAAJ,EAAY;AACV,UAAM;AAAES,MAAAA,KAAK,GAAG,CAAV;AAAaC,MAAAA,MAAM,GAAG;AAAtB,QAA4BV,MAAlC;;AACA,QAAIS,KAAK,KAAK,CAAd,EAAiB;AACfD,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAK,EAAEC,MAAM,IAAI,IAAIN,WAAR,CAAf;AAAqCM,QAAAA;AAArC,OAAX;AACD,KAFD,MAEO;AACLF,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAF;AAASC,QAAAA,MAAM,EAAED,KAAK,IAAI,IAAIL,WAAR;AAAtB,OAAX;AACD;AACF;;AACD,sBACE,6BAAC,iBAAD,eACML,KADN;AAEE,IAAA,KAAK,EAAES,KAFT;AAGE,IAAA,QAAQ,EAAE;AAAA,UAAC;AAAEI,QAAAA,WAAW,EAAE;AAAEZ,UAAAA,MAAM,EAAEa;AAAV;AAAf,OAAD;AAAA,aAAoCZ,SAAS,CAACY,CAAD,CAA7C;AAAA;AAHZ,MAKGd,KAAK,CAACe,QALT,CADF;AASD,CAvBD;;eAyBehB,W","sourcesContent":["import React from \"react\";\nimport {\n View,\n StyleSheet,\n LayoutRectangle,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\n\ntype Props = {\n children?: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n};\n\nconst AspectRatio: React.FC<Props> = (props) => {\n const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n const { aspectRatio = 1, ...inputStyle } =\n StyleSheet.flatten(props.style) || {};\n const style = [inputStyle, { aspectRatio }];\n\n if (layout) {\n const { width = 0, height = 0 } = layout;\n if (width === 0) {\n style.push({ width: height * (1 / aspectRatio), height });\n } else {\n style.push({ width, height: width * (1 / aspectRatio) });\n }\n }\n return (\n <View\n {...props}\n style={style}\n onLayout={({ nativeEvent: { layout: l } }) => setLayout(l)}\n >\n {props.children}\n </View>\n );\n};\n\nexport default AspectRatio;\n"]}
@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
15
15
 
16
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
17
 
18
+ 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); }
19
+
18
20
  const CONSTANTS = {
19
21
  baseHeight: 42,
20
22
  borderRadius: 4,
@@ -71,7 +73,7 @@ function Base(_ref) {
71
73
  buttonStyles.justifyContent = "flex-end";
72
74
  }
73
75
 
74
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
76
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
75
77
  onPress: onPress,
76
78
  disabled: disabled || loading,
77
79
  style: _ref2 => {
@@ -81,9 +83,8 @@ function Base(_ref) {
81
83
  return [styles.base, {
82
84
  opacity: pressed || disabled ? 0.75 : 1
83
85
  }, buttonStyles];
84
- },
85
- ...props
86
- }, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
86
+ }
87
+ }, props), loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
87
88
  size: "small",
88
89
  color: color,
89
90
  style: styles.loading
@@ -103,14 +104,13 @@ const Solid = _ref3 => {
103
104
  theme,
104
105
  ...props
105
106
  } = _ref3;
106
- return /*#__PURE__*/React.createElement(Base, {
107
+ return /*#__PURE__*/React.createElement(Base, _extends({
107
108
  style: [{
108
109
  color: "#FFF",
109
110
  borderRadius: theme.roundness,
110
111
  backgroundColor: theme.colors.primary
111
- }, style],
112
- ...props
113
- });
112
+ }, style]
113
+ }, props));
114
114
  };
115
115
 
116
116
  const ButtonSolid = (0, _theming.withTheme)(Solid);
@@ -122,14 +122,13 @@ const Outline = _ref4 => {
122
122
  theme,
123
123
  ...props
124
124
  } = _ref4;
125
- return /*#__PURE__*/React.createElement(Base, {
125
+ return /*#__PURE__*/React.createElement(Base, _extends({
126
126
  style: [styles.outline, {
127
127
  borderRadius: theme.roundness,
128
128
  borderColor: theme.colors.primary,
129
129
  color: theme.colors.primary
130
- }, style],
131
- ...props
132
- });
130
+ }, style]
131
+ }, props));
133
132
  };
134
133
 
135
134
  const ButtonOutline = (0, _theming.withTheme)(Outline);
@@ -178,21 +177,4 @@ const styles = _reactNative.StyleSheet.create({
178
177
  })
179
178
  }
180
179
  });
181
- //# sourceMappingURL=Button.js.map loading: {
182
- marginRight: 6
183
- },
184
- icon: { ..._reactNative.Platform.select({
185
- web: {
186
- marginTop: 1,
187
- marginRight: 4,
188
- alignSelf: "center"
189
- },
190
- default: {
191
- marginBottom: 2,
192
- marginRight: 4,
193
- alignSelf: "center"
194
- }
195
- })
196
- }
197
- });
198
180
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["Button.js"],"names":["CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","StyleSheet","flatten","titleStyles","justifyContent","React","createElement","Pressable","pressed","styles","base","opacity","ActivityIndicator","size","name","Text","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","Outline","outline","borderColor","ButtonOutline","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","Platform","select","web","cursor","userSelect","borderWidth","bare","undefined","marginRight","marginTop","alignSelf","default","marginBottom"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Text, Pressable, Platform, StyleSheet, ActivityIndicator, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nconst CONSTANTS = {\n baseHeight: 42,\n borderRadius: 4,\n padding: 8,\n icon: 24,\n};\nfunction Base({ Icon, icon, title, onPress, loading, disabled, style, ...props }) {\n const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...buttonStyles } = StyleSheet.flatten(style || {});\n const titleStyles = {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n };\n if (textAlign === \"left\") {\n buttonStyles.justifyContent = \"flex-start\";\n }\n if (textAlign === \"right\") {\n buttonStyles.justifyContent = \"flex-end\";\n }\n return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {\n return [\n styles.base,\n {\n opacity: pressed || disabled ? 0.75 : 1,\n },\n buttonStyles,\n ];\n }, ...props },\n loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: color, style: styles.loading })) : null,\n icon && !loading ? (React.createElement(Icon, { name: icon, color: color, style: styles.icon, size: CONSTANTS.icon })) : null,\n React.createElement(Text, { style: titleStyles }, title)));\n}\nconst Solid = ({ style, theme, ...props }) => {\n return (React.createElement(Base, { style: [\n {\n color: \"#FFF\",\n borderRadius: theme.roundness,\n backgroundColor: theme.colors.primary,\n },\n style,\n ], ...props }));\n};\nconst ButtonSolid = withTheme(Solid);\nexport { ButtonSolid };\nconst Outline = ({ style, theme, ...props }) => {\n return (React.createElement(Base, { style: [\n styles.outline,\n {\n borderRadius: theme.roundness,\n borderColor: theme.colors.primary,\n color: theme.colors.primary,\n },\n style,\n ], ...props }));\n};\nconst ButtonOutline = withTheme(Outline);\nexport { ButtonOutline };\nconst styles = StyleSheet.create({\n base: {\n position: \"relative\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: CONSTANTS.baseHeight,\n paddingHorizontal: 12,\n fontFamily: \"System\",\n fontWeight: \"700\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n outline: {\n backgroundColor: \"transparent\",\n borderWidth: 1,\n },\n bare: {\n backgroundColor: \"transparent\",\n padding: 0,\n minHeight: undefined,\n },\n loading: {\n marginRight: 6,\n },\n icon: {\n ...Platform.select({\n web: {\n marginTop: 1,\n marginRight: 4,\n alignSelf: \"center\",\n },\n default: {\n marginBottom: 2,\n marginRight: 4,\n alignSelf: \"center\",\n },\n }),\n },\n});\n"]}
1
+ {"version":3,"sources":["Button.tsx"],"names":["CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","StyleSheet","flatten","titleStyles","justifyContent","pressed","styles","base","opacity","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","Outline","outline","borderColor","ButtonOutline","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","Platform","select","web","cursor","userSelect","borderWidth","bare","undefined","marginRight","marginTop","alignSelf","default","marginBottom"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n Text,\n Pressable,\n Platform,\n StyleSheet,\n TextStyle,\n PressableProps,\n ActivityIndicator,\n} from \"react-native\";\n\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst CONSTANTS = {\n baseHeight: 42,\n borderRadius: 4,\n padding: 8,\n icon: 24,\n};\n\ntype BaseProps = {\n title: string;\n disabled: boolean;\n loading: boolean;\n style?: TextStyle;\n onPress: () => void;\n icon?: string;\n} & PressableProps &\n IconSlot;\n\ntype Props = {\n title: string;\n disabled: boolean;\n loading: boolean;\n style?: TextStyle;\n onPress: () => void;\n icon?: string;\n theme: Theme;\n} & PressableProps &\n IconSlot;\n\nfunction Base({\n Icon,\n icon,\n title,\n onPress,\n loading,\n disabled,\n style,\n ...props\n}: BaseProps): JSX.Element {\n const {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n ...buttonStyles\n } = StyleSheet.flatten(style || ({} as TextStyle));\n\n const titleStyles: TextStyle = {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n };\n\n if (textAlign === \"left\") {\n buttonStyles.justifyContent = \"flex-start\";\n }\n\n if (textAlign === \"right\") {\n buttonStyles.justifyContent = \"flex-end\";\n }\n\n return (\n <Pressable\n onPress={onPress}\n disabled={disabled || loading}\n style={({ pressed }) => {\n return [\n styles.base,\n {\n opacity: pressed || disabled ? 0.75 : 1,\n },\n buttonStyles,\n ];\n }}\n {...props}\n >\n {loading ? (\n <ActivityIndicator size=\"small\" color={color} style={styles.loading} />\n ) : null}\n {icon && !loading ? (\n <Icon\n name={icon}\n color={color as string}\n style={styles.icon}\n size={CONSTANTS.icon}\n />\n ) : null}\n <Text style={titleStyles}>{title}</Text>\n </Pressable>\n );\n}\n\nconst Solid = ({ style, theme, ...props }: Props): JSX.Element => {\n return (\n <Base\n style={[\n {\n color: \"#FFF\",\n borderRadius: theme.roundness,\n backgroundColor: theme.colors.primary,\n },\n style,\n ]}\n {...props}\n />\n );\n};\n\nconst ButtonSolid: any = withTheme(Solid);\nexport { ButtonSolid };\n\nconst Outline = ({ style, theme, ...props }: Props): JSX.Element => {\n return (\n <Base\n style={[\n styles.outline,\n {\n borderRadius: theme.roundness,\n borderColor: theme.colors.primary,\n color: theme.colors.primary,\n },\n style,\n ]}\n {...props}\n />\n );\n};\n\nconst ButtonOutline: any = withTheme(Outline);\nexport { ButtonOutline };\n\nconst styles = StyleSheet.create({\n base: {\n position: \"relative\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: CONSTANTS.baseHeight,\n paddingHorizontal: 12,\n fontFamily: \"System\",\n fontWeight: \"700\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n outline: {\n backgroundColor: \"transparent\",\n borderWidth: 1,\n },\n bare: {\n backgroundColor: \"transparent\",\n padding: 0,\n minHeight: undefined,\n },\n loading: {\n marginRight: 6,\n },\n icon: {\n ...Platform.select({\n web: {\n marginTop: 1,\n marginRight: 4,\n alignSelf: \"center\",\n },\n default: {\n marginBottom: 2,\n marginRight: 4,\n alignSelf: \"center\",\n },\n }),\n },\n});\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Card.js"],"names":["ICON_SIZE","Config","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","React","createElement","Surface","style","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","Pressable","disabled","pressed","opacity","name","size","color","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","StyleSheet","flatten","innerPadding","Image","source","uri","resizeMode","View","Title","text","Subtitle","marginTop","Caption"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { StyleSheet, View, Pressable, } from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\nexport const TopRightCircleIcon = withTheme(({ Icon, icon, theme, onPress, }) => {\n return (React.createElement(Surface, { style: {\n justifyContent: \"center\",\n alignItems: \"center\",\n elevation: ICON_ELEVATION,\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: \"rgba(0, 0, 0, 0.1)\",\n } },\n React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n return [\n {\n opacity: pressed ? 0.8 : 1,\n },\n ];\n } },\n React.createElement(Icon, { name: icon, size: ICON_SIZE, color: theme.colors.surface }))));\n});\nconst Card = ({ Icon, image = Config.cardImageUrl, title, subtitle, description, textCentered, icon, aspectRatio = 1.5, elevation = 2, style, onPress, onPressIcon, titleStyle, subtitleStyle, descriptionStyle, theme, children, }) => {\n const { backgroundColor: bgColor, padding, ...styles } = StyleSheet.flatten(style || {});\n const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n const innerPadding = padding ? padding : 12;\n return (React.createElement(Surface, { style: [{ elevation, backgroundColor }, styles] },\n React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n return [\n {\n opacity: pressed ? 0.8 : 1,\n },\n ];\n } },\n React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n React.createElement(View, { style: { padding: innerPadding } },\n React.createElement(View, { style: { alignItems: textCentered ? \"center\" : \"flex-start\" } },\n title || (title && title !== \"\") ? (React.createElement(Title, { text: title, style: titleStyle })) : null,\n subtitle || (subtitle && subtitle !== \"\") ? (React.createElement(Subtitle, { text: subtitle, style: subtitleStyle })) : null,\n description || (description && description !== \"\") ? (React.createElement(View, { style: { marginTop: 4 } },\n React.createElement(Caption, { text: description, style: descriptionStyle }))) : null,\n children)),\n icon ? (React.createElement(TopRightCircleIcon, { Icon: Icon, icon: icon, onPress: onPressIcon })) : null)));\n};\nexport default withTheme(Card);\n"]}
1
+ {"version":3,"sources":["Card.tsx"],"names":["ICON_SIZE","Config","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","pressed","opacity","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","style","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","StyleSheet","flatten","innerPadding","uri","marginTop"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n StyleSheet,\n View,\n ImageSourcePropType,\n StyleProp,\n ViewStyle,\n TextStyle,\n Pressable,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\n\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\n\nexport const TopRightCircleIcon = withTheme(\n ({\n Icon,\n icon,\n theme,\n onPress,\n }: {\n icon: string;\n theme: Theme;\n onPress?: () => void;\n } & IconSlot) => {\n return (\n <Surface\n style={{\n justifyContent: \"center\",\n alignItems: \"center\",\n elevation: ICON_ELEVATION,\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: \"rgba(0, 0, 0, 0.1)\",\n }}\n >\n <Pressable\n disabled={!onPress}\n onPress={onPress}\n style={({ pressed }) => {\n return [\n {\n opacity: pressed ? 0.8 : 1,\n },\n ];\n }}\n >\n <Icon name={icon} size={ICON_SIZE} color={theme.colors.surface} />\n </Pressable>\n </Surface>\n );\n }\n);\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n subtitle?: string;\n description?: string;\n textCentered: boolean;\n icon?: string;\n aspectRatio?: number;\n elevation?: number;\n numColumns?: number;\n theme: Theme;\n titleStyle?: StyleProp<TextStyle>;\n subtitleStyle?: StyleProp<TextStyle>;\n descriptionStyle?: StyleProp<TextStyle>;\n style?: StyleProp<ViewStyle>;\n onPress?: () => void;\n onPressIcon?: () => void;\n children?: React.ReactNode;\n} & IconSlot;\n\nconst Card: React.FC<Props> = ({\n Icon,\n image = Config.cardImageUrl,\n title,\n subtitle,\n description,\n textCentered,\n icon,\n aspectRatio = 1.5,\n elevation = 2,\n style,\n onPress,\n onPressIcon,\n titleStyle,\n subtitleStyle,\n descriptionStyle,\n theme,\n children,\n}) => {\n const {\n backgroundColor: bgColor,\n padding,\n ...styles\n } = StyleSheet.flatten(style || {});\n\n const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n const innerPadding = padding ? padding : 12;\n\n return (\n <Surface style={[{ elevation, backgroundColor }, styles]}>\n <Pressable\n disabled={!onPress}\n onPress={onPress}\n style={({ pressed }) => {\n return [\n {\n opacity: pressed ? 0.8 : 1,\n },\n ];\n }}\n >\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n <View style={{ padding: innerPadding }}>\n <View style={{ alignItems: textCentered ? \"center\" : \"flex-start\" }}>\n {title || (title && title !== \"\") ? (\n <Title text={title} style={titleStyle} />\n ) : null}\n {subtitle || (subtitle && subtitle !== \"\") ? (\n <Subtitle text={subtitle} style={subtitleStyle} />\n ) : null}\n {description || (description && description !== \"\") ? (\n <View style={{ marginTop: 4 }}>\n <Caption text={description} style={descriptionStyle} />\n </View>\n ) : null}\n {children}\n </View>\n </View>\n {icon ? (\n <TopRightCircleIcon Icon={Icon} icon={icon} onPress={onPressIcon} />\n ) : null}\n </Pressable>\n </Surface>\n );\n};\n\nexport default withTheme(Card);\n"]}
@@ -21,6 +21,8 @@ var _Config = _interopRequireDefault(require("./Config"));
21
21
 
22
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
23
 
24
+ 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); }
25
+
24
26
  const CardBlock = _ref => {
25
27
  let {
26
28
  image = _Config.default.cardImageUrl,
@@ -60,12 +62,11 @@ const CardBlock = _ref => {
60
62
  const rightDescriptionStyles = [typography.subtitle2, {
61
63
  color: colors.light
62
64
  }];
63
- return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
65
+ return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
64
66
  style: style,
65
67
  onPress: onPress,
66
- numColumns: numColumns,
67
- ...rest
68
- }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
68
+ numColumns: numColumns
69
+ }, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
69
70
  style: {
70
71
  backgroundColor: colors.background
71
72
  }
@@ -117,14 +118,5 @@ const CardBlock = _ref => {
117
118
 
118
119
  var _default = (0, _theming.withTheme)(CardBlock);
119
120
 
120
- exports.default = _default;
121
- //# sourceMappingURL=CardBlock.js.map }, leftDescription), rightDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
122
- numberOfLines: 1,
123
- style: rightDescriptionStyles
124
- }, rightDescription) : null) : null));
125
- };
126
-
127
- var _default = (0, _theming.withTheme)(CardBlock);
128
-
129
121
  exports.default = _default;
130
122
  //# sourceMappingURL=CardBlock.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["CardBlock.js"],"names":["CardBlock","image","Config","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","React","createElement","Card","View","backgroundColor","background","Elevation","borderRadius","Image","source","uri","resizeMode","flexDirection","alignItems","justifyContent","marginTop","Text","numberOfLines","strong","body2","medium"],"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 CardBlock = ({ image = Config.cardImageUrl, title, leftDescription, rightDescription, titleCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n let titleJustification;\n let titleStyle;\n if (titleCentered && !leftDescription && !rightDescription) {\n titleJustification = \"center\";\n }\n else {\n titleJustification = \"space-between\";\n }\n if (numColumns === 1) {\n titleStyle = typography.button;\n }\n else if (numColumns === 2) {\n titleStyle = typography.headline6;\n }\n else {\n titleStyle = typography.headline5;\n }\n const rightDescriptionStyles = [\n typography.subtitle2,\n { color: colors.light },\n ];\n return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n React.createElement(View, { style: { backgroundColor: colors.background } },\n React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n React.createElement(Image, { style: {\n borderRadius: roundness,\n aspectRatio,\n }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" })),\n title ? (React.createElement(View, { style: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: titleJustification,\n marginTop: numColumns === 3 ? 16 : 12,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title),\n !leftDescription && rightDescription ? (React.createElement(Text, { style: rightDescriptionStyles }, rightDescription)) : null)) : null,\n leftDescription ? (React.createElement(View, { style: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\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: rightDescriptionStyles }, rightDescription)) : null)) : null)));\n};\nexport default withTheme(CardBlock);\n"]}
1
+ {"version":3,"sources":["CardBlock.tsx"],"names":["CardBlock","image","Config","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","backgroundColor","background","borderRadius","uri","flexDirection","alignItems","justifyContent","marginTop","strong","body2","medium"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n ImageSourcePropType,\n View,\n Text,\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\";\nimport { justificationType } from \"./Justification\";\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n leftDescription?: string;\n rightDescription?: string;\n titleCentered: boolean;\n aspectRatio?: number;\n elevation?: number;\n numColumns?: number;\n theme: typeof theme;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n};\n\nconst CardBlock: React.FC<Props> = ({\n image = Config.cardImageUrl,\n title,\n leftDescription,\n rightDescription,\n titleCentered,\n aspectRatio = 1.5,\n elevation = 2,\n numColumns = 3,\n theme: { colors, roundness, typography },\n style,\n onPress,\n ...rest\n}) => {\n let titleJustification: justificationType;\n\n let titleStyle;\n if (titleCentered && !leftDescription && !rightDescription) {\n titleJustification = \"center\";\n } else {\n titleJustification = \"space-between\";\n }\n\n if (numColumns === 1) {\n titleStyle = typography.button;\n } else if (numColumns === 2) {\n titleStyle = typography.headline6;\n } else {\n titleStyle = typography.headline5;\n }\n\n const rightDescriptionStyles = [\n typography.subtitle2,\n { color: colors.light },\n ];\n\n return (\n <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n <View style={{ backgroundColor: colors.background }}>\n <Elevation style={{ elevation, borderRadius: roundness }}>\n <Image\n style={{\n borderRadius: roundness,\n aspectRatio,\n }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n </Elevation>\n {title ? (\n <View\n style={{\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: titleJustification,\n marginTop: numColumns === 3 ? 16 : 12,\n }}\n >\n <Text\n numberOfLines={1}\n style={[titleStyle, { color: colors.strong }]}\n >\n {title}\n </Text>\n {!leftDescription && rightDescription ? (\n <Text style={rightDescriptionStyles}>{rightDescription}</Text>\n ) : null}\n </View>\n ) : null}\n {leftDescription ? (\n <View\n style={{\n flexDirection: \"row\",\n justifyContent: \"space-between\",\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 numberOfLines={1} style={rightDescriptionStyles}>\n {rightDescription}\n </Text>\n ) : null}\n </View>\n ) : null}\n </View>\n </Card>\n );\n};\n\nexport default withTheme(CardBlock);\n"]}
@@ -21,6 +21,8 @@ var _Config = _interopRequireDefault(require("./Config"));
21
21
 
22
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
23
 
24
+ 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); }
25
+
24
26
  const CardContainerShortImage = _ref => {
25
27
  let {
26
28
  image = _Config.default.squareImageUrl,
@@ -38,11 +40,10 @@ const CardContainerShortImage = _ref => {
38
40
  onPress,
39
41
  ...rest
40
42
  } = _ref;
41
- return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
43
+ return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
42
44
  style: style,
43
- onPress: onPress,
44
- ...rest
45
- }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
45
+ onPress: onPress
46
+ }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
46
47
  style: {
47
48
  elevation,
48
49
  borderRadius: roundness
@@ -92,19 +93,5 @@ const CardContainerShortImage = _ref => {
92
93
 
93
94
  var _default = (0, _theming.withTheme)(CardContainerShortImage);
94
95
 
95
- exports.default = _default;
96
- //# sourceMappingURL=CardContainerShortImage.js.mapteElement(_Image.default, {
97
- style: {
98
- aspectRatio
99
- },
100
- source: typeof image === "string" ? {
101
- uri: image
102
- } : image,
103
- resizeMode: "cover"
104
- }))));
105
- };
106
-
107
- var _default = (0, _theming.withTheme)(CardContainerShortImage);
108
-
109
96
  exports.default = _default;
110
97
  //# sourceMappingURL=CardContainerShortImage.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["CardContainerShortImage.js"],"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","React","createElement","Card","Elevation","borderRadius","View","overflow","flexDirection","justifyContent","Image","source","uri","resizeMode","padding","backgroundColor","surface","flex","Text","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
+ {"version":3,"sources":["CardContainerShortImage.tsx"],"names":["CardContainerShortImage","image","Config","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;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,uBAAwC,GAAG,QAW3C;AAAA,MAX4C;AAChDC,IAAAA,KAAK,GAAGC,gBAAOC,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,6BAAC,8BAAD;AAAM,IAAA,KAAK,EAAEF,KAAb;AAAoB,IAAA,OAAO,EAAEC;AAA7B,KAA0CC,IAA1C,gBACE,6BAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLP,MAAAA,SADK;AAELQ,MAAAA,YAAY,EAAEL;AAFT;AADT,kBAME,6BAAC,iBAAD;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,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEmB,MAAAA,GAAG,EAAEnB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IATJ,eAeE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLoB,MAAAA,OAAO,EAAE,EADJ;AAELC,MAAAA,eAAe,EAAEZ,MAAM,CAACa,OAFnB;AAGLC,MAAAA,IAAI,EAAE;AAHD;AADT,kBAOE,6BAAC,iBAAD;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,6BAAC,iBAAD;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,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEmB,MAAAA,GAAG,EAAEnB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IAzCJ,CANF,CADF,CADF;AA2DD,CAvED;;eAyEe,wBAAUD,uBAAV,C","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 +1 @@
1
- {"version":3,"sources":["CardInline.js"],"names":["CardInline","image","Config","cardImageUrl","title","subtitle","aspectRatio","elevation","style","titleStyle","subtitleStyle","onPress","alignItems","justifyContent","width","height","StyleSheet","flatten","imageStyles","React","createElement","Surface","Pressable","disabled","pressed","opacity","Image","source","uri","resizeMode","View","styles","overlay","Title","color","text","Subtitle","create","position","top","bottom","left","right","padding","backgroundColor"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAPA;AAQA,MAAMA,UAAU,GAAG,QAAoI;AAAA,MAAnI;AAAEC,IAAAA,KAAK,GAAGC,gBAAOC,YAAjB;AAA+BC,IAAAA,KAA/B;AAAsCC,IAAAA,QAAtC;AAAgDC,IAAAA,WAAW,GAAG,GAA9D;AAAmEC,IAAAA,SAAS,GAAG,CAA/E;AAAkFC,IAAAA,KAAlF;AAAyFC,IAAAA,UAAzF;AAAqGC,IAAAA,aAArG;AAAoHC,IAAAA;AAApH,GAAmI;;AACnJ,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,cAAd;AAA8BC,IAAAA,KAA9B;AAAqCC,IAAAA;AAArC,MAAgDC,wBAAWC,OAAX,CAAmBT,KAAK,IAAI,EAA5B,CAAtD;;AACA,QAAMU,WAAW,GAAGJ,KAAK,IAAIC,MAAT,GAAkB;AAAED,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAlB,GAAsC;AAAET,IAAAA;AAAF,GAA1D;AACA,sBAAQa,eAAMC,aAAN,CAAoBC,gBAApB,EAA6B;AAAEb,IAAAA,KAAK,EAAE,CAAC;AAAED,MAAAA;AAAF,KAAD,EAAgBC,KAAhB;AAAT,GAA7B,eACJW,eAAMC,aAAN,CAAoBE,sBAApB,EAA+B;AAAEC,IAAAA,QAAQ,EAAE,CAACZ,OAAb;AAAsBA,IAAAA,OAAO,EAAEA,OAA/B;AAAwCH,IAAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEgB,QAAAA;AAAF,OAAgB;AACvF,aAAO,CACH;AACIC,QAAAA,OAAO,EAAED,OAAO,GAAG,GAAH,GAAS;AAD7B,OADG,CAAP;AAKH;AAN0B,GAA/B,eAOIL,eAAMC,aAAN,CAAoBM,cAApB,EAA2B;AAAElB,IAAAA,KAAK,EAAEU,WAAT;AAAsBS,IAAAA,MAAM,EAAE,OAAO1B,KAAP,KAAiB,QAAjB,GAA4B;AAAE2B,MAAAA,GAAG,EAAE3B;AAAP,KAA5B,GAA6CA,KAA3E;AAAkF4B,IAAAA,UAAU,EAAE;AAA9F,GAA3B,CAPJ,eAQIV,eAAMC,aAAN,CAAoBU,iBAApB,EAA0B;AAAEtB,IAAAA,KAAK,EAAE,CAACuB,MAAM,CAACC,OAAR,EAAiB;AAAEnB,MAAAA,cAAF;AAAkBD,MAAAA;AAAlB,KAAjB;AAAT,GAA1B,EACIR,KAAK,gBAAIe,eAAMC,aAAN,CAAoBa,iBAApB,EAA2B;AAAEzB,IAAAA,KAAK,EAAE,CAAC;AAAE0B,MAAAA,KAAK,EAAE;AAAT,KAAD,EAAqBzB,UAArB,CAAT;AAA2C0B,IAAAA,IAAI,EAAE/B;AAAjD,GAA3B,CAAJ,GAA4F,IADrG,EAEIC,QAAQ,gBAAIc,eAAMC,aAAN,CAAoBgB,oBAApB,EAA8B;AAAE5B,IAAAA,KAAK,EAAE,CAAC;AAAE0B,MAAAA,KAAK,EAAE;AAAT,KAAD,EAAwCxB,aAAxC,CAAT;AAAiEyB,IAAAA,IAAI,EAAE9B;AAAvE,GAA9B,CAAJ,GAAwH,IAFpI,CARJ,CADI,CAAR;AAYH,CAfD;;AAgBA,MAAM0B,MAAM,GAAGf,wBAAWqB,MAAX,CAAkB;AAC7BL,EAAAA,OAAO,EAAE;AACLM,IAAAA,QAAQ,EAAE,UADL;AAELC,IAAAA,GAAG,EAAE,CAFA;AAGLC,IAAAA,MAAM,EAAE,CAHH;AAILC,IAAAA,IAAI,EAAE,CAJD;AAKLC,IAAAA,KAAK,EAAE,CALF;AAMLC,IAAAA,OAAO,EAAE,EANJ;AAOLC,IAAAA,eAAe,EAAE;AAPZ;AADoB,CAAlB,CAAf;;eAWe,wBAAU5C,UAAV,C","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { Pressable, View, StyleSheet, } from \"react-native\";\nimport { Title, Subtitle } from \"./Typography\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport Config from \"./Config\";\nimport { withTheme } from \"../theming\";\nconst CardInline = ({ image = Config.cardImageUrl, title, subtitle, aspectRatio = 1.5, elevation = 2, style, titleStyle, subtitleStyle, onPress, }) => {\n const { alignItems, justifyContent, width, height } = StyleSheet.flatten(style || {});\n const imageStyles = width && height ? { width, height } : { aspectRatio };\n return (React.createElement(Surface, { style: [{ elevation }, style] },\n React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n return [\n {\n opacity: pressed ? 0.8 : 1,\n },\n ];\n } },\n React.createElement(Image, { style: imageStyles, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n React.createElement(View, { style: [styles.overlay, { justifyContent, alignItems }] },\n title ? (React.createElement(Title, { style: [{ color: \"white\" }, titleStyle], text: title })) : null,\n subtitle ? (React.createElement(Subtitle, { style: [{ color: \"rgba(255, 255, 255, 0.7)\" }, subtitleStyle], text: subtitle })) : null))));\n};\nconst styles = StyleSheet.create({\n overlay: {\n position: \"absolute\",\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n padding: 16,\n backgroundColor: \"rgba(0, 0, 0, 0.2)\",\n },\n});\nexport default withTheme(CardInline);\n"]}
1
+ {"version":3,"sources":["CardInline.tsx"],"names":["CardInline","image","Config","cardImageUrl","title","subtitle","aspectRatio","elevation","style","titleStyle","subtitleStyle","onPress","alignItems","justifyContent","width","height","StyleSheet","flatten","imageStyles","pressed","opacity","uri","styles","overlay","color","create","position","top","bottom","left","right","padding","backgroundColor"],"mappings":";;;;;;;AACA;;AACA;;AASA;;AACA;;AACA;;AACA;;AACA;;;;AAfA;AA+BA,MAAMA,UAA2B,GAAG,QAU9B;AAAA,MAV+B;AACnCC,IAAAA,KAAK,GAAGC,gBAAOC,YADoB;AAEnCC,IAAAA,KAFmC;AAGnCC,IAAAA,QAHmC;AAInCC,IAAAA,WAAW,GAAG,GAJqB;AAKnCC,IAAAA,SAAS,GAAG,CALuB;AAMnCC,IAAAA,KANmC;AAOnCC,IAAAA,UAPmC;AAQnCC,IAAAA,aARmC;AASnCC,IAAAA;AATmC,GAU/B;;AACJ,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,cAAd;AAA8BC,IAAAA,KAA9B;AAAqCC,IAAAA;AAArC,MAAgDC,wBAAWC,OAAX,CACpDT,KAAK,IAAI,EAD2C,CAAtD;;AAGA,QAAMU,WAAW,GAAGJ,KAAK,IAAIC,MAAT,GAAkB;AAAED,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAlB,GAAsC;AAAET,IAAAA;AAAF,GAA1D;AACA,sBACE,6BAAC,gBAAD;AAAS,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA;AAAF,KAAD,EAAgBC,KAAhB;AAAhB,kBACE,6BAAC,sBAAD;AACE,IAAA,QAAQ,EAAE,CAACG,OADb;AAEE,IAAA,OAAO,EAAEA,OAFX;AAGE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEQ,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACL;AACEC,QAAAA,OAAO,EAAED,OAAO,GAAG,GAAH,GAAS;AAD3B,OADK,CAAP;AAKD;AATH,kBAWE,6BAAC,cAAD;AACE,IAAA,KAAK,EAAED,WADT;AAEE,IAAA,MAAM,EAAE,OAAOjB,KAAP,KAAiB,QAAjB,GAA4B;AAAEoB,MAAAA,GAAG,EAAEpB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IAXF,eAgBE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACqB,MAAM,CAACC,OAAR,EAAiB;AAAEV,MAAAA,cAAF;AAAkBD,MAAAA;AAAlB,KAAjB;AAAb,KACGR,KAAK,gBACJ,6BAAC,iBAAD;AAAO,IAAA,KAAK,EAAE,CAAC;AAAEoB,MAAAA,KAAK,EAAE;AAAT,KAAD,EAAqBf,UAArB,CAAd;AAAgD,IAAA,IAAI,EAAEL;AAAtD,IADI,GAEF,IAHN,EAIGC,QAAQ,gBACP,6BAAC,oBAAD;AACE,IAAA,KAAK,EAAE,CAAC;AAAEmB,MAAAA,KAAK,EAAE;AAAT,KAAD,EAAwCd,aAAxC,CADT;AAEE,IAAA,IAAI,EAAEL;AAFR,IADO,GAKL,IATN,CAhBF,CADF,CADF;AAgCD,CA/CD;;AAiDA,MAAMiB,MAAM,GAAGN,wBAAWS,MAAX,CAAkB;AAC/BF,EAAAA,OAAO,EAAE;AACPG,IAAAA,QAAQ,EAAE,UADH;AAEPC,IAAAA,GAAG,EAAE,CAFE;AAGPC,IAAAA,MAAM,EAAE,CAHD;AAIPC,IAAAA,IAAI,EAAE,CAJC;AAKPC,IAAAA,KAAK,EAAE,CALA;AAMPC,IAAAA,OAAO,EAAE,EANF;AAOPC,IAAAA,eAAe,EAAE;AAPV;AADsB,CAAlB,CAAf;;eAYe,wBAAUhC,UAAV,C","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport {\n Pressable,\n View,\n ImageSourcePropType,\n StyleProp,\n ViewStyle,\n TextStyle,\n StyleSheet,\n} from \"react-native\";\nimport { Title, Subtitle } from \"./Typography\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport Config from \"./Config\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n subtitle?: string;\n aspectRatio?: number;\n elevation?: number;\n theme: typeof theme;\n style?: StyleProp<ViewStyle>;\n titleStyle?: StyleProp<TextStyle>;\n subtitleStyle?: StyleProp<TextStyle>;\n onPress: () => void;\n};\n\nconst CardInline: React.FC<Props> = ({\n image = Config.cardImageUrl,\n title,\n subtitle,\n aspectRatio = 1.5,\n elevation = 2,\n style,\n titleStyle,\n subtitleStyle,\n onPress,\n}) => {\n const { alignItems, justifyContent, width, height } = StyleSheet.flatten(\n style || {}\n );\n const imageStyles = width && height ? { width, height } : { aspectRatio };\n return (\n <Surface style={[{ elevation }, style]}>\n <Pressable\n disabled={!onPress}\n onPress={onPress}\n style={({ pressed }) => {\n return [\n {\n opacity: pressed ? 0.8 : 1,\n },\n ];\n }}\n >\n <Image\n style={imageStyles}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n <View style={[styles.overlay, { justifyContent, alignItems }]}>\n {title ? (\n <Title style={[{ color: \"white\" }, titleStyle]} text={title} />\n ) : null}\n {subtitle ? (\n <Subtitle\n style={[{ color: \"rgba(255, 255, 255, 0.7)\" }, subtitleStyle]}\n text={subtitle}\n />\n ) : null}\n </View>\n </Pressable>\n </Surface>\n );\n};\n\nconst styles = StyleSheet.create({\n overlay: {\n position: \"absolute\",\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n padding: 16,\n backgroundColor: \"rgba(0, 0, 0, 0.2)\",\n },\n});\n\nexport default withTheme(CardInline);\n"]}