@draftbit/core 44.1.11 → 44.1.12-03b384.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/Provider.js.map +1 -1
- package/lib/commonjs/components/Accordion/index.js.map +1 -1
- package/lib/commonjs/components/Config.js.map +1 -1
- package/lib/commonjs/components/Container.js +16 -5
- package/lib/commonjs/components/Container.js.map +1 -1
- package/lib/commonjs/components/DeprecatedButton.js +4 -19
- package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
- package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -14
- package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
- package/lib/commonjs/components/FAB.js +19 -5
- package/lib/commonjs/components/FAB.js.map +1 -1
- package/lib/commonjs/components/FormRow.js +18 -5
- package/lib/commonjs/components/FormRow.js.map +1 -1
- package/lib/commonjs/components/HeaderMedium.js.map +1 -1
- package/lib/commonjs/components/Layout.js +19 -38
- package/lib/commonjs/components/Layout.js.map +1 -1
- package/lib/commonjs/components/Picker/Picker.js +0 -6
- package/lib/commonjs/components/Portal/PortalManager.js.map +1 -1
- package/lib/commonjs/components/Swiper/Swiper.js.map +1 -1
- package/lib/commonjs/components/Switch.js +22 -10
- package/lib/commonjs/components/Switch.js.map +1 -1
- package/lib/commonjs/mappings/ActionSheetCancel.js.map +1 -1
- package/lib/commonjs/mappings/CardContainerRating.js.map +1 -1
- package/lib/commonjs/mappings/HeaderOverline.js.map +1 -1
- package/lib/commonjs/mappings/KeyboardAwareScrollView.js +6 -0
- package/lib/commonjs/mappings/KeyboardAwareScrollView.js.map +1 -1
- package/lib/commonjs/mappings/Modal.js.map +1 -1
- package/lib/commonjs/mappings/Picker.js +6 -2
- package/lib/commonjs/mappings/Picker.js.map +1 -1
- package/lib/commonjs/mappings/RadioButton.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageIcon.js.map +1 -1
- package/lib/commonjs/mappings/ScrollView.js.map +1 -1
- package/lib/commonjs/mappings/Video.js.map +1 -1
- package/lib/commonjs/theming.js.map +1 -1
- package/lib/module/mappings/AudioPlayer.js.map +1 -1
- package/lib/module/mappings/KeyboardAwareScrollView.js +7 -1
- package/lib/module/mappings/KeyboardAwareScrollView.js.map +1 -1
- package/lib/module/mappings/Picker.js +6 -2
- package/lib/module/mappings/Picker.js.map +1 -1
- package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts +11 -0
- package/package.json +2 -2
- package/src/mappings/KeyboardAwareScrollView.js +7 -1
- package/src/mappings/KeyboardAwareScrollView.ts +8 -0
- package/src/mappings/Picker.js +2 -2
- package/src/mappings/Picker.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Provider.
|
|
1
|
+
{"version":3,"sources":["Provider.js"],"names":["Provider","React","Component","render","createElement","PortalHost","ThemeProvider","theme","props","children"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AACe,MAAMA,QAAN,SAAuBC,KAAK,CAACC,SAA7B,CAAuC;AAClDC,EAAAA,MAAM,GAAG;AACL,wBAAQF,KAAK,CAACG,aAAN,CAAoBC,mBAApB,EAAgC,IAAhC,eACJJ,KAAK,CAACG,aAAN,CAAoBE,sBAApB,EAAmC;AAAEC,MAAAA,KAAK,EAAE,KAAKC,KAAL,CAAWD;AAApB,KAAnC,EAAgE,KAAKC,KAAL,CAAWC,QAA3E,CADI,CAAR;AAEH;;AAJiD","sourcesContent":["import * as React from \"react\";\nimport { ThemeProvider } from \"./theming\";\nimport PortalHost from \"./components/Portal/PortalHost\";\nexport default class Provider extends React.Component {\n render() {\n return (React.createElement(PortalHost, null,\n React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default as AccordionGroup } from \"./AccordionGroup\";\nexport { default as AccordionItem } from \"./AccordionItem\";\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Config.
|
|
1
|
+
{"version":3,"sources":["Config.ts"],"names":["getWindowDimensions","width","height","Dimensions","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","Platform","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","squareImageUrl","FABSize","FABBorderRadius","FABFixedHeight","cardContainerShortImageAspectRatio","rowSingleLineImageSize","rowMultiLineImageSize","rowSingleLineIconSize","rowMultiLineIconSize","headerIconSize","buttonIconSize","swiperInactiveDotSize","swiperActiveDotSize","fieldSearchBarFullIconSize","stepperButtonSize","radioButtonSize","topSafeAreaViewHeight"],"mappings":"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","sourcesContent":["import { Dimensions, Platform } from \"react-native\";\n\nconst getWindowDimensions = () => {\n const { width, height } = Dimensions.get(\"window\");\n return {\n windowWidth: width,\n windowHeight: height,\n };\n};\n\nconst { windowWidth, windowHeight } = getWindowDimensions();\n\nconst getFilters = (options: { width: number; height: number }) => {\n const { width, height } = options;\n const filters = [\"c_scale\", \"q_auto\", \"dpr_auto\"];\n\n if (width) filters.push(`w_${width}`);\n if (height) filters.push(`h_${height}`);\n\n return filters.join(\",\");\n};\n\nconst buildImageUrl = (\n options: { width: number; height: number },\n name: string\n) => {\n const filters = getFilters(options);\n return [\n \"https://res.cloudinary.com/altos/image/upload\",\n filters,\n `${name}.png`,\n ].join(\"/\");\n};\n\nconst getExtension = () => {\n return Platform.OS === \"web\" ? \".svg\" : \".png\";\n};\n\nexport default {\n windowWidth,\n windowHeight,\n avatarImageUrl: buildImageUrl(\n {\n width: 60,\n height: 60,\n },\n \"Avatar\"\n ),\n avatarImageSize: 60,\n cardImageSize: 200,\n cardImageUrl:\n \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n cardIconSize: 16,\n cardIconBackgroundOpacity: 0.24,\n cardIconElevation: 1,\n placeholderImageURL:\n \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n getPlaceholderImageUrl: (size: { width: number; height: number }) =>\n buildImageUrl(\n { width: size.width, height: size.height },\n \"image-placeholder_1\"\n ),\n squareImageUrl: buildImageUrl({ width: 100, height: 100 }, \"Avatar\"),\n FABSize: 40,\n FABBorderRadius: 20,\n FABFixedHeight: 64,\n cardContainerShortImageAspectRatio: 1,\n rowSingleLineImageSize: 24,\n rowMultiLineImageSize: 48,\n rowSingleLineIconSize: 24,\n rowMultiLineIconSize: 16,\n headerIconSize: 24,\n buttonIconSize: 24,\n swiperInactiveDotSize: 6,\n swiperActiveDotSize: 10,\n fieldSearchBarFullIconSize: 24,\n stepperButtonSize: 40,\n radioButtonSize: 24,\n topSafeAreaViewHeight: 0,\n // topSafeAreaViewHeight: Platform.OS === \"android\" ? Constants.statusBarHeight : 0\n};\n"]}
|
|
@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
19
|
|
|
20
20
|
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; }
|
|
21
21
|
|
|
22
|
-
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); }
|
|
23
|
-
|
|
24
22
|
const Container = _ref => {
|
|
25
23
|
let {
|
|
26
24
|
useThemeGutterPadding,
|
|
@@ -82,9 +80,10 @@ const Container = _ref => {
|
|
|
82
80
|
};
|
|
83
81
|
const Wrap = elevation ? _Elevation.default : _reactNative.View;
|
|
84
82
|
if (elevation) containerStyle.elevation = elevation;
|
|
85
|
-
return /*#__PURE__*/React.createElement(Wrap,
|
|
86
|
-
style: [containerStyle, style]
|
|
87
|
-
|
|
83
|
+
return /*#__PURE__*/React.createElement(Wrap, {
|
|
84
|
+
style: [containerStyle, style],
|
|
85
|
+
...rest
|
|
86
|
+
}, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
88
87
|
source: typeof backgroundImage === "string" ? {
|
|
89
88
|
uri: backgroundImage
|
|
90
89
|
} : backgroundImage,
|
|
@@ -101,5 +100,17 @@ const Container = _ref => {
|
|
|
101
100
|
|
|
102
101
|
var _default = (0, _theming.withTheme)(Container);
|
|
103
102
|
|
|
103
|
+
exports.default = _default;
|
|
104
|
+
//# sourceMappingURL=Container.js.map 1
|
|
105
|
+
}
|
|
106
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
107
|
+
style: innerStyle
|
|
108
|
+
}, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
109
|
+
style: innerStyle
|
|
110
|
+
}, children));
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
var _default = (0, _theming.withTheme)(Container);
|
|
114
|
+
|
|
104
115
|
exports.default = _default;
|
|
105
116
|
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Container.
|
|
1
|
+
{"version":3,"sources":["Container.js"],"names":["Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","StyleSheet","flatten","containerStyle","width","innerStyle","Wrap","Elevation","View","React","createElement","ImageBackground","source","uri","resizeMode"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,SAAS,GAAG,QACJ;AAAA,MADK;AAAEC,IAAAA,qBAAF;AAAyBC,IAAAA,WAAzB;AAAsCC,IAAAA,WAAtC;AAAmDC,IAAAA,eAAnD;AAAoEC,IAAAA,eAApE;AAAqFC,IAAAA,yBAArF;AAAgHC,IAAAA,SAAhH;AAA2HC,IAAAA,KAA3H;AAAkIC,IAAAA,QAAlI;AAA4IC,IAAAA,KAA5I;AAAmJ;AACtK,OAAGC;AADgB,GACL;AACV,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,QAAlB;AAA4BC,IAAAA,SAA5B;AAAuCC,IAAAA,UAAvC;AAAmDC,IAAAA,aAAnD;AAAkEC,IAAAA,YAAlE;AAAgFC,IAAAA,cAAhF;AAAgGC,IAAAA,UAAhG;AAA4GC,IAAAA,OAA5G;AAAqHC,IAAAA,UAArH;AAAiIC,IAAAA,aAAjI;AAAgJC,IAAAA,WAAhJ;AAA6JC,IAAAA,YAA7J;AAA2KC,IAAAA,eAA3K;AAA4LC,IAAAA,iBAA5L;AAA+M,OAAGC;AAAlN,MAAgOC,wBAAWC,OAAX,CAAmBtB,KAAnB,KAA6B,EAAnQ;AACA,QAAMuB,cAAc,GAAG;AACnB3B,IAAAA,eADmB;AAEnBF,IAAAA,WAFmB;AAGnBC,IAAAA,WAHmB;AAInB6B,IAAAA,KAAK,EAAE,MAJY;AAKnB,OAAGJ;AALgB,GAAvB;AAOA,QAAMK,UAAU,GAAG;AACfrB,IAAAA,IADe;AAEfC,IAAAA,QAFe;AAGfC,IAAAA,QAHe;AAIfC,IAAAA,SAJe;AAKfC,IAAAA,UALe;AAMfC,IAAAA,aANe;AAOfC,IAAAA,YAPe;AAQfC,IAAAA,cARe;AASfC,IAAAA,UATe;AAUfC,IAAAA,OAVe;AAWfC,IAAAA,UAXe;AAYfC,IAAAA,aAZe;AAafC,IAAAA,WAbe;AAcfC,IAAAA,YAde;AAefC,IAAAA,eAfe;AAgBfC,IAAAA,iBAAiB,EAAEA,iBAAiB,IAAI1B,qBAArB,GAA6C,EAA7C,GAAkD;AAhBtD,GAAnB;AAkBA,QAAMiC,IAAI,GAAG3B,SAAS,GAAG4B,kBAAH,GAAeC,iBAArC;AACA,MAAI7B,SAAJ,EACIwB,cAAc,CAACxB,SAAf,GAA2BA,SAA3B;AACJ,sBAAQ8B,KAAK,CAACC,aAAN,CAAoBJ,IAApB,EAA0B;AAAE1B,IAAAA,KAAK,EAAE,CAACuB,cAAD,EAAiBvB,KAAjB,CAAT;AAAkC,OAAGG;AAArC,GAA1B,EAAuEN,eAAe,gBAAIgC,KAAK,CAACC,aAAN,CAAoBC,4BAApB,EAAqC;AAAEC,IAAAA,MAAM,EAAE,OAAOnC,eAAP,KAA2B,QAA3B,GACvI;AAAEoC,MAAAA,GAAG,EAAEpC;AAAP,KADuI,GAEvIA,eAF6H;AAE5GqC,IAAAA,UAAU,EAAEpC,yBAFgG;AAErEE,IAAAA,KAAK,EAAE;AACjEI,MAAAA,IAAI,EAAE;AAD2D;AAF8D,GAArC,eAK9FyB,KAAK,CAACC,aAAN,CAAoBF,iBAApB,EAA0B;AAAE5B,IAAAA,KAAK,EAAEyB;AAAT,GAA1B,EAAiDxB,QAAjD,CAL8F,CAAJ,gBAK1B4B,KAAK,CAACC,aAAN,CAAoBF,iBAApB,EAA0B;AAAE5B,IAAAA,KAAK,EAAEyB;AAAT,GAA1B,EAAiDxB,QAAjD,CAL5D,CAAR;AAMH,CArCD;;eAsCe,wBAAUT,SAAV,C","sourcesContent":["import * as React from \"react\";\nimport { View, ImageBackground, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Elevation from \"./Elevation\";\nconst Container = ({ useThemeGutterPadding, borderColor, borderWidth, backgroundColor, backgroundImage, backgroundImageResizeMode, elevation, style, children, theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n...rest }) => {\n const { flex, flexGrow, flexWrap, flexBasis, flexShrink, flexDirection, alignContent, justifyContent, alignItems, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingVertical, paddingHorizontal, ...styleProp } = StyleSheet.flatten(style) || {};\n const containerStyle = {\n backgroundColor,\n borderColor,\n borderWidth,\n width: \"100%\",\n ...styleProp,\n };\n const innerStyle = {\n flex,\n flexGrow,\n flexWrap,\n flexBasis,\n flexShrink,\n flexDirection,\n alignContent,\n justifyContent,\n alignItems,\n padding,\n paddingTop,\n paddingBottom,\n paddingLeft,\n paddingRight,\n paddingVertical,\n paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,\n };\n const Wrap = elevation ? Elevation : View;\n if (elevation)\n containerStyle.elevation = elevation;\n return (React.createElement(Wrap, { style: [containerStyle, style], ...rest }, backgroundImage ? (React.createElement(ImageBackground, { source: typeof backgroundImage === \"string\"\n ? { uri: backgroundImage }\n : backgroundImage, resizeMode: backgroundImageResizeMode, style: {\n flex: 1,\n } },\n React.createElement(View, { style: innerStyle }, children))) : (React.createElement(View, { style: innerStyle }, children))));\n};\nexport default withTheme(Container);\n"]}
|
|
@@ -25,6 +25,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
25
25
|
|
|
26
26
|
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; }
|
|
27
27
|
|
|
28
|
+
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); }
|
|
29
|
+
|
|
28
30
|
const Button = _ref => {
|
|
29
31
|
let {
|
|
30
32
|
Icon,
|
|
@@ -126,7 +128,7 @@ const Button = _ref => {
|
|
|
126
128
|
alignSelf: "stretch",
|
|
127
129
|
...margins
|
|
128
130
|
}
|
|
129
|
-
}, /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
131
|
+
}, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
|
|
130
132
|
onPress: onPress,
|
|
131
133
|
accessibilityState: {
|
|
132
134
|
disabled
|
|
@@ -134,7 +136,7 @@ const Button = _ref => {
|
|
|
134
136
|
accessibilityRole: "button",
|
|
135
137
|
disabled: disabled || loading,
|
|
136
138
|
style: [styles.button, buttonStyle, innerStyles]
|
|
137
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
139
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
138
140
|
style: styles.content
|
|
139
141
|
}, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
140
142
|
style: iconStyle
|
|
@@ -169,22 +171,5 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
169
171
|
|
|
170
172
|
var _default = (0, _theming.withTheme)(Button);
|
|
171
173
|
|
|
172
|
-
exports.default = _default;
|
|
173
|
-
//# sourceMappingURL=DeprecatedButton.js.map
|
|
174
|
-
minWidth: 64,
|
|
175
|
-
borderStyle: "solid"
|
|
176
|
-
},
|
|
177
|
-
content: {
|
|
178
|
-
flexDirection: "row",
|
|
179
|
-
alignItems: "center",
|
|
180
|
-
justifyContent: "center"
|
|
181
|
-
},
|
|
182
|
-
icon: {
|
|
183
|
-
width: _Config.default.buttonIconSize
|
|
184
|
-
}
|
|
185
|
-
});
|
|
186
|
-
|
|
187
|
-
var _default = (0, _theming.withTheme)(Button);
|
|
188
|
-
|
|
189
174
|
exports.default = _default;
|
|
190
175
|
//# sourceMappingURL=DeprecatedButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DeprecatedButton.
|
|
1
|
+
{"version":3,"sources":["DeprecatedButton.tsx"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n ActivityIndicator,\n View,\n Text,\n StyleSheet,\n TouchableHighlightProps,\n StyleProp,\n ViewStyle,\n TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\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 button is component that the user can press to trigger an action.\n *\n * <div class=\"screenshots\">\n * <figure>\n * <img src=\"screenshots/button-1.png\" />\n * <figcaption>Text button</figcaption>\n * </figure>\n * <figure>\n * <img src=\"screenshots/button-2.png\" />\n * <figcaption>Outlined button</figcaption>\n * </figure>\n * <figure>\n * <img src=\"screenshots/button-3.png\" />\n * <figcaption>Contained button</figcaption>\n * </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n * <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n * Press me\n * </Button>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n disabled?: boolean;\n type?: \"solid\" | \"outline\" | \"text\";\n loading?: boolean;\n icon?: string;\n labelColor?: string;\n color?: string;\n children?: React.ReactNode;\n onPress: () => void;\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & TouchableHighlightProps &\n IconSlot;\n\nconst Button: React.FC<Props> = ({\n Icon,\n icon,\n disabled = false,\n type = \"solid\",\n loading = false,\n labelColor,\n color: colorOverride,\n children,\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 === \"solid\") {\n backgroundColor = buttonColor;\n\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = labelColor || colors.surface;\n }\n } else {\n backgroundColor = \"transparent\";\n\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = labelColor || 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 = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n };\n\n const textStyle: StyleProp<TextStyle> = {\n textAlign: \"center\",\n color: textColor,\n marginVertical: 16,\n marginHorizontal: 16,\n };\n\n const iconStyle = [\n styles.icon,\n {\n marginLeft: 16,\n marginRight: -8,\n width: Config.buttonIconSize,\n },\n ];\n\n const {\n margin,\n marginEnd,\n marginTop,\n marginLeft,\n marginRight,\n marginBottom,\n marginHorizontal,\n marginVertical,\n ...innerStyles\n } = StyleSheet.flatten(style || {});\n\n const margins = {\n margin,\n marginEnd,\n marginTop,\n marginLeft,\n marginRight,\n marginBottom,\n marginHorizontal,\n marginVertical,\n };\n\n return (\n <Elevation style={{ elevation, alignSelf: \"stretch\", ...margins }}>\n <Touchable\n {...rest}\n onPress={onPress}\n accessibilityState={{ disabled }}\n accessibilityRole=\"button\"\n disabled={disabled || loading}\n style={[styles.button, buttonStyle, innerStyles]}\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 <Text numberOfLines={1} style={[textStyle, typography.button]}>\n {children}\n </Text>\n </View>\n </Touchable>\n </Elevation>\n );\n};\n\nconst styles = StyleSheet.create({\n button: {\n minWidth: 64,\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n width: Config.buttonIconSize,\n },\n});\n\nexport default withTheme(Button);\n"]}
|
|
@@ -13,6 +13,8 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
+
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); }
|
|
17
|
+
|
|
16
18
|
const getWidth = numColumns => {
|
|
17
19
|
switch (numColumns) {
|
|
18
20
|
case 1:
|
|
@@ -35,20 +37,6 @@ const Card = _ref => {
|
|
|
35
37
|
...rest
|
|
36
38
|
} = _ref;
|
|
37
39
|
const width = getWidth(numColumns);
|
|
38
|
-
return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
|
|
39
|
-
disabled: !onPress,
|
|
40
|
-
onPress: onPress,
|
|
41
|
-
style: [style, {
|
|
42
|
-
width
|
|
43
|
-
}],
|
|
44
|
-
...rest
|
|
45
|
-
}, children);
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
var _default = (0, _theming.withTheme)(Card);
|
|
49
|
-
|
|
50
|
-
exports.default = _default;
|
|
51
|
-
//# sourceMappingURL=DeprecatedCardWrapper.js.map);
|
|
52
40
|
return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
|
|
53
41
|
disabled: !onPress,
|
|
54
42
|
onPress: onPress,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DeprecatedCardWrapper.
|
|
1
|
+
{"version":3,"sources":["DeprecatedCardWrapper.tsx"],"names":["getWidth","numColumns","Card","children","onPress","style","rest","width"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAYA,MAAMA,QAAQ,GAAIC,UAAD,IAAwB;AACvC,UAAQA,UAAR;AACE,SAAK,CAAL;AACE,aAAO,KAAP;;AACF,SAAK,CAAL;AACE,aAAO,KAAP;;AACF;AACE,aAAO,MAAP;AANJ;AAQD,CATD;;AAWA,MAAMC,IAAqB,GAAG,QAMxB;AAAA,MANyB;AAC7BD,IAAAA,UAAU,GAAG,CADgB;AAE7BE,IAAAA,QAF6B;AAG7BC,IAAAA,OAH6B;AAI7BC,IAAAA,KAJ6B;AAK7B,OAAGC;AAL0B,GAMzB;AACJ,QAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;AACA,sBACE,6BAAC,kBAAD;AACE,IAAA,QAAQ,EAAE,CAACG,OADb;AAEE,IAAA,OAAO,EAAEA,OAFX;AAGE,IAAA,KAAK,EAAE,CAACC,KAAD,EAAQ;AAAEE,MAAAA;AAAF,KAAR;AAHT,KAIMD,IAJN,GAMGH,QANH,CADF;AAUD,CAlBD;;eAoBe,wBAAUD,IAAV,C","sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n numColumns?: number;\n children?: React.ReactNode;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst getWidth = (numColumns: number) => {\n switch (numColumns) {\n case 1:\n return \"33%\";\n case 2:\n return \"50%\";\n default:\n return \"100%\";\n }\n};\n\nconst Card: React.FC<Props> = ({\n numColumns = 3,\n children,\n onPress,\n style,\n ...rest\n}) => {\n const width = getWidth(numColumns);\n return (\n <Touchable\n disabled={!onPress}\n onPress={onPress}\n style={[style, { width }]}\n {...rest}\n >\n {children}\n </Touchable>\n );\n};\n\nexport default withTheme(Card);\n"]}
|
|
@@ -15,8 +15,6 @@ 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
|
-
|
|
20
18
|
const FAB = _ref => {
|
|
21
19
|
let {
|
|
22
20
|
onPress,
|
|
@@ -40,7 +38,7 @@ const FAB = _ref => {
|
|
|
40
38
|
borderRadius: size / 2,
|
|
41
39
|
overflow: "hidden"
|
|
42
40
|
}, style]
|
|
43
|
-
}, /*#__PURE__*/React.createElement(_reactNative.Pressable,
|
|
41
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
44
42
|
onPress: onPress,
|
|
45
43
|
disabled: loading || disabled,
|
|
46
44
|
android_ripple: {
|
|
@@ -58,8 +56,9 @@ const FAB = _ref => {
|
|
|
58
56
|
borderRadius: size / 2,
|
|
59
57
|
backgroundColor
|
|
60
58
|
}];
|
|
61
|
-
}
|
|
62
|
-
|
|
59
|
+
},
|
|
60
|
+
...props
|
|
61
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
63
62
|
style: size > 50 ? {
|
|
64
63
|
marginTop: 2,
|
|
65
64
|
marginLeft: 2
|
|
@@ -89,5 +88,20 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
89
88
|
|
|
90
89
|
var _default = (0, _theming.withTheme)(FAB);
|
|
91
90
|
|
|
91
|
+
exports.default = _default;
|
|
92
|
+
//# sourceMappingURL=FAB.js.map backgroundColor: "#5a45ff",
|
|
93
|
+
justifyContent: "center",
|
|
94
|
+
alignItems: "center",
|
|
95
|
+
..._reactNative.Platform.select({
|
|
96
|
+
web: {
|
|
97
|
+
cursor: "pointer",
|
|
98
|
+
userSelect: "none"
|
|
99
|
+
}
|
|
100
|
+
})
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
|
|
104
|
+
var _default = (0, _theming.withTheme)(FAB);
|
|
105
|
+
|
|
92
106
|
exports.default = _default;
|
|
93
107
|
//# sourceMappingURL=FAB.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["FAB.
|
|
1
|
+
{"version":3,"sources":["FAB.js"],"names":["FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","React","createElement","View","width","height","borderRadius","overflow","Pressable","android_ripple","radius","pressed","styles","button","opacity","ActivityIndicator","marginTop","marginLeft","undefined","name","StyleSheet","create","justifyContent","alignItems","Platform","select","web","cursor","userSelect"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AACA,MAAMA,GAAG,GAAG,QAAiI;AAAA,MAAhI;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,QAAX;AAAqBC,IAAAA,OAArB;AAA8BC,IAAAA,QAAQ,GAAG,mBAAzC;AAA8DC,IAAAA,KAA9D;AAAqEC,IAAAA,KAArE;AAA4EC,IAAAA,SAA5E;AAAuFC,IAAAA,OAAvF;AAAgGC,IAAAA,IAAI,GAAG,EAAvG;AAA2GC,IAAAA,IAA3G;AAAiH,OAAGC;AAApH,GAAgI;AACzI,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AACA,sBAAQS,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEb,IAAAA,KAAK,EAAE,CACnC;AACIc,MAAAA,KAAK,EAAEV,IADX;AAEIW,MAAAA,MAAM,EAAEX,IAFZ;AAGIY,MAAAA,YAAY,EAAEZ,IAAI,GAAG,CAHzB;AAIIa,MAAAA,QAAQ,EAAE;AAJd,KADmC,EAOnCjB,KAPmC;AAAT,GAA1B,eASJW,KAAK,CAACC,aAAN,CAAoBM,sBAApB,EAA+B;AAAEtB,IAAAA,OAAO,EAAEA,OAAX;AAAoBC,IAAAA,QAAQ,EAAEC,OAAO,IAAID,QAAzC;AAAmDsB,IAAAA,cAAc,EAAE;AAC1FT,MAAAA,KAAK,EAAE,MADmF;AAE1FU,MAAAA,MAAM,EAAEhB,IAAI,GAAG;AAF2E,KAAnE;AAGxBJ,IAAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEqB,QAAAA;AAAF,OAAgB;AACvB,aAAO,CACHC,MAAM,CAACC,MADJ,EAEH;AACIC,QAAAA,OAAO,EAAEH,OAAO,IAAIxB,QAAX,GAAsB,IAAtB,GAA6B,CAD1C;AAEIiB,QAAAA,KAAK,EAAEV,IAFX;AAGIW,QAAAA,MAAM,EAAEX,IAHZ;AAIIY,QAAAA,YAAY,EAAEZ,IAAI,GAAG,CAJzB;AAKIG,QAAAA;AALJ,OAFG,CAAP;AAUH,KAd0B;AAcxB,OAAGD;AAdqB,GAA/B,eAeIK,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B,IAA1B,EAAgCf,OAAO,gBAAIa,KAAK,CAACC,aAAN,CAAoBa,8BAApB,EAAuC;AAAEzB,IAAAA,KAAK,EAAEI,IAAI,GAAG,EAAP,GAAY;AAAEsB,MAAAA,SAAS,EAAE,CAAb;AAAgBC,MAAAA,UAAU,EAAE;AAA5B,KAAZ,GAA8CC,SAAvD;AAAkExB,IAAAA,IAAI,EAAEA,IAAI,IAAI,EAAR,GAAa,OAAb,GAAuB,OAA/F;AAAwGM,IAAAA,KAAK,EAAEA;AAA/G,GAAvC,CAAJ,gBAAuKC,KAAK,CAACC,aAAN,CAAoBP,IAApB,EAA0B;AAAEwB,IAAAA,IAAI,EAAE9B,QAAR;AAAkBK,IAAAA,IAAI,EAAEA,IAAxB;AAA8BM,IAAAA,KAAK,EAAEA;AAArC,GAA1B,CAA9M,CAfJ,CATI,CAAR;AAyBH,CA5BD;;AA6BA,MAAMY,MAAM,GAAGQ,wBAAWC,MAAX,CAAkB;AAC7BR,EAAAA,MAAM,EAAE;AACJhB,IAAAA,eAAe,EAAE,SADb;AAEJyB,IAAAA,cAAc,EAAE,QAFZ;AAGJC,IAAAA,UAAU,EAAE,QAHR;AAIJ,OAAGC,sBAASC,MAAT,CAAgB;AACfC,MAAAA,GAAG,EAAE;AACDC,QAAAA,MAAM,EAAE,SADP;AAEDC,QAAAA,UAAU,EAAE;AAFX;AADU,KAAhB;AAJC;AADqB,CAAlB,CAAf;;eAae,wBAAU3C,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Pressable, ActivityIndicator, Platform, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nconst FAB = ({ onPress, disabled, loading, iconName = \"MaterialIcons/add\", style, theme, iconColor, bgColor, size = 50, Icon, ...props }) => {\n const backgroundColor = bgColor || theme.colors.primary;\n const color = iconColor || \"#FFF\";\n return (React.createElement(View, { style: [\n {\n width: size,\n height: size,\n borderRadius: size / 2,\n overflow: \"hidden\",\n },\n style,\n ] },\n React.createElement(Pressable, { onPress: onPress, disabled: loading || disabled, android_ripple: {\n color: \"#333\",\n radius: size / 4,\n }, style: ({ pressed }) => {\n return [\n styles.button,\n {\n opacity: pressed || disabled ? 0.75 : 1,\n width: size,\n height: size,\n borderRadius: size / 2,\n backgroundColor,\n },\n ];\n }, ...props },\n React.createElement(View, null, loading ? (React.createElement(ActivityIndicator, { style: size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined, size: size <= 50 ? \"small\" : \"large\", color: color })) : (React.createElement(Icon, { name: iconName, size: size, color: color }))))));\n};\nconst styles = StyleSheet.create({\n button: {\n backgroundColor: \"#5a45ff\",\n justifyContent: \"center\",\n alignItems: \"center\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n});\nexport default withTheme(FAB);\n"]}
|
|
@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
19
|
|
|
20
20
|
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; }
|
|
21
21
|
|
|
22
|
-
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); }
|
|
23
|
-
|
|
24
22
|
function FormRow(_ref) {
|
|
25
23
|
let {
|
|
26
24
|
disabled,
|
|
@@ -35,13 +33,28 @@ function FormRow(_ref) {
|
|
|
35
33
|
textStyles,
|
|
36
34
|
viewStyles
|
|
37
35
|
} = (0, _utilities.extractStyles)(style);
|
|
38
|
-
return /*#__PURE__*/React.createElement(_Touchable.default,
|
|
36
|
+
return /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
39
37
|
disabled: disabled,
|
|
40
38
|
onPress: onPress,
|
|
41
39
|
style: [styles.row, {
|
|
42
40
|
flexDirection: direction
|
|
43
|
-
}, viewStyles]
|
|
44
|
-
|
|
41
|
+
}, viewStyles],
|
|
42
|
+
...rest
|
|
43
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
44
|
+
style: textStyles
|
|
45
|
+
}, label), children);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
const styles = _reactNative.StyleSheet.create({
|
|
49
|
+
row: {
|
|
50
|
+
marginLeft: 8,
|
|
51
|
+
marginRight: 8,
|
|
52
|
+
flexDirection: "row",
|
|
53
|
+
justifyContent: "space-between",
|
|
54
|
+
alignItems: "center"
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=FormRow.js.mapE__*/React.createElement(_reactNative.Text, {
|
|
45
58
|
style: textStyles
|
|
46
59
|
}, label), children);
|
|
47
60
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["FormRow.
|
|
1
|
+
{"version":3,"sources":["FormRow.js"],"names":["FormRow","disabled","direction","children","label","style","onPress","rest","textStyles","viewStyles","React","createElement","Touchable","styles","row","flexDirection","Text","StyleSheet","create","marginLeft","marginRight","justifyContent","alignItems"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACe,SAASA,OAAT,OAAoF;AAAA,MAAnE;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAZ;AAAuBC,IAAAA,QAAvB;AAAiCC,IAAAA,KAAjC;AAAwCC,IAAAA,KAAxC;AAA+CC,IAAAA,OAA/C;AAAwD,OAAGC;AAA3D,GAAmE;AAC/F,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcJ,KAAd,CAAnC;AACA,sBAAQK,KAAK,CAACC,aAAN,CAAoBC,kBAApB,EAA+B;AAAEX,IAAAA,QAAQ,EAAEA,QAAZ;AAAsBK,IAAAA,OAAO,EAAEA,OAA/B;AAAwCD,IAAAA,KAAK,EAAE,CAACQ,MAAM,CAACC,GAAR,EAAa;AAAEC,MAAAA,aAAa,EAAEb;AAAjB,KAAb,EAA2CO,UAA3C,CAA/C;AAAuG,OAAGF;AAA1G,GAA/B,eACJG,KAAK,CAACC,aAAN,CAAoBK,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAEG;AAAT,GAA1B,EAAiDJ,KAAjD,CADI,EAEJD,QAFI,CAAR;AAGH;;AACD,MAAMU,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC7BJ,EAAAA,GAAG,EAAE;AACDK,IAAAA,UAAU,EAAE,CADX;AAEDC,IAAAA,WAAW,EAAE,CAFZ;AAGDL,IAAAA,aAAa,EAAE,KAHd;AAIDM,IAAAA,cAAc,EAAE,eAJf;AAKDC,IAAAA,UAAU,EAAE;AALX;AADwB,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { Text, StyleSheet } from \"react-native\";\nimport { extractStyles } from \"../utilities\";\nimport Touchable from \"./Touchable\";\nexport default function FormRow({ disabled, direction, children, label, style, onPress, ...rest }) {\n const { textStyles, viewStyles } = extractStyles(style);\n return (React.createElement(Touchable, { disabled: disabled, onPress: onPress, style: [styles.row, { flexDirection: direction }, viewStyles], ...rest },\n React.createElement(Text, { style: textStyles }, label),\n children));\n}\nconst styles = StyleSheet.create({\n row: {\n marginLeft: 8,\n marginRight: 8,\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["HeaderMedium.
|
|
1
|
+
{"version":3,"sources":["HeaderMedium.tsx"],"names":["HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline6","strong"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;;;;AAYA,MAAMA,YAA6B,GAAG,QAQhC;AAAA,MARiC;AACrCC,IAAAA,IADqC;AAErCC,IAAAA,KAFqC;AAGrCC,IAAAA,UAHqC;AAIrCC,IAAAA,IAJqC;AAKrCC,IAAAA,OAAO,GAAG,MAAM,CAAE,CALmB;AAMrCC,IAAAA,KANqC;AAOrCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAP8B,GAQjC;AACJ,sBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAER,IADR;AAEE,IAAA,cAAc,EAAEQ,UAAU,CAACC,SAF7B;AAGE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAHrB;AAIE,IAAA,KAAK,EAAET,KAJT;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,IAAI,EAAEC,IANR;AAOE,IAAA,OAAO,EAAEC,OAPX;AAQE,IAAA,KAAK,EAAEC;AART,IADF;AAYD,CArBD;;eAuBe,wBAAUN,YAAV,C","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title: string;\n buttonText: string;\n icon: string;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst HeaderMedium: React.FC<Props> = ({\n Icon,\n title,\n buttonText,\n icon,\n onPress = () => {},\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Header\n Icon={Icon}\n titleTypeStyle={typography.headline6}\n titleColor={colors.strong}\n title={title}\n buttonText={buttonText}\n icon={icon}\n onPress={onPress}\n style={style}\n />\n );\n};\n\nexport default withTheme(HeaderMedium);\n"]}
|
|
@@ -18,6 +18,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
18
18
|
|
|
19
19
|
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; }
|
|
20
20
|
|
|
21
|
+
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); }
|
|
22
|
+
|
|
21
23
|
function Center(_ref) {
|
|
22
24
|
let {
|
|
23
25
|
width = 240,
|
|
@@ -27,16 +29,15 @@ function Center(_ref) {
|
|
|
27
29
|
style,
|
|
28
30
|
...rest
|
|
29
31
|
} = _ref;
|
|
30
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
32
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
31
33
|
style: [{
|
|
32
34
|
justifyContent: "center",
|
|
33
35
|
alignItems: "center",
|
|
34
36
|
width,
|
|
35
37
|
height,
|
|
36
38
|
backgroundColor: bgColor
|
|
37
|
-
}, style]
|
|
38
|
-
|
|
39
|
-
}, children);
|
|
39
|
+
}, style]
|
|
40
|
+
}, rest), children);
|
|
40
41
|
}
|
|
41
42
|
|
|
42
43
|
function Circle(_ref2) {
|
|
@@ -48,7 +49,7 @@ function Circle(_ref2) {
|
|
|
48
49
|
...rest
|
|
49
50
|
} = _ref2;
|
|
50
51
|
const borderRadius = 1000;
|
|
51
|
-
return /*#__PURE__*/React.createElement(Center, {
|
|
52
|
+
return /*#__PURE__*/React.createElement(Center, _extends({
|
|
52
53
|
width: size,
|
|
53
54
|
height: size,
|
|
54
55
|
bgColor: bgColor,
|
|
@@ -56,9 +57,8 @@ function Circle(_ref2) {
|
|
|
56
57
|
backgroundColor: bgColor,
|
|
57
58
|
borderRadius,
|
|
58
59
|
overflow: "hidden"
|
|
59
|
-
}]
|
|
60
|
-
|
|
61
|
-
}, children);
|
|
60
|
+
}]
|
|
61
|
+
}, rest), children);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
function Square(_ref3) {
|
|
@@ -69,13 +69,12 @@ function Square(_ref3) {
|
|
|
69
69
|
style,
|
|
70
70
|
...rest
|
|
71
71
|
} = _ref3;
|
|
72
|
-
return /*#__PURE__*/React.createElement(Center, {
|
|
72
|
+
return /*#__PURE__*/React.createElement(Center, _extends({
|
|
73
73
|
style: style,
|
|
74
74
|
width: size,
|
|
75
75
|
height: size,
|
|
76
|
-
bgColor: bgColor
|
|
77
|
-
|
|
78
|
-
}, children);
|
|
76
|
+
bgColor: bgColor
|
|
77
|
+
}, rest), children);
|
|
79
78
|
}
|
|
80
79
|
|
|
81
80
|
function Row(_ref4) {
|
|
@@ -86,14 +85,14 @@ function Row(_ref4) {
|
|
|
86
85
|
style,
|
|
87
86
|
...rest
|
|
88
87
|
} = _ref4;
|
|
89
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
90
|
-
style: [style,
|
|
88
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
89
|
+
style: [style, // style goes first b/c we can't override these
|
|
90
|
+
{
|
|
91
91
|
alignItems,
|
|
92
92
|
flexDirection: "row",
|
|
93
93
|
justifyContent: justifyContent
|
|
94
|
-
}]
|
|
95
|
-
|
|
96
|
-
}, children);
|
|
94
|
+
}]
|
|
95
|
+
}, rest), children);
|
|
97
96
|
}
|
|
98
97
|
|
|
99
98
|
function Spacer(_ref5) {
|
|
@@ -106,15 +105,14 @@ function Spacer(_ref5) {
|
|
|
106
105
|
style,
|
|
107
106
|
...rest
|
|
108
107
|
} = _ref5;
|
|
109
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
108
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
110
109
|
style: [style, {
|
|
111
110
|
paddingRight: right,
|
|
112
111
|
paddingTop: top,
|
|
113
112
|
paddingLeft: left,
|
|
114
113
|
paddingBottom: bottom
|
|
115
|
-
}]
|
|
116
|
-
|
|
117
|
-
}, children);
|
|
114
|
+
}]
|
|
115
|
+
}, rest), children);
|
|
118
116
|
}
|
|
119
117
|
|
|
120
118
|
function Stack(_ref6) {
|
|
@@ -125,23 +123,6 @@ function Stack(_ref6) {
|
|
|
125
123
|
style,
|
|
126
124
|
...rest
|
|
127
125
|
} = _ref6;
|
|
128
|
-
return (
|
|
129
|
-
/*#__PURE__*/
|
|
130
|
-
// style must go first since we don't want justifyContent, alignItems overridden
|
|
131
|
-
React.createElement(_reactNative.View, {
|
|
132
|
-
style: [style, {
|
|
133
|
-
justifyContent,
|
|
134
|
-
alignItems
|
|
135
|
-
}],
|
|
136
|
-
...rest
|
|
137
|
-
}, children)
|
|
138
|
-
);
|
|
139
|
-
}
|
|
140
|
-
//# sourceMappingURL=Layout.js.maplex-start",
|
|
141
|
-
alignItems = "flex-start",
|
|
142
|
-
style,
|
|
143
|
-
...rest
|
|
144
|
-
} = _ref6;
|
|
145
126
|
return (
|
|
146
127
|
/*#__PURE__*/
|
|
147
128
|
// style must go first since we don't want justifyContent, alignItems overridden
|