@draftbit/core 44.2.1-ada448.0 → 44.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Accordion/index.js.map +1 -1
- package/lib/commonjs/components/ActionSheet/index.js.map +1 -1
- package/lib/commonjs/components/CircularProgress.js.map +1 -1
- package/lib/commonjs/components/Container.js +5 -16
- package/lib/commonjs/components/Container.js.map +1 -1
- package/lib/commonjs/components/Divider.js +3 -13
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/components/FAB.js +5 -19
- package/lib/commonjs/components/FAB.js.map +1 -1
- package/lib/commonjs/components/FormRow.js +5 -18
- package/lib/commonjs/components/FormRow.js.map +1 -1
- package/lib/commonjs/components/Picker/Picker.js +289 -26
- package/lib/commonjs/components/Picker/Picker.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/Card.js.map +1 -1
- package/lib/commonjs/mappings/Picker.js +7 -1
- package/lib/commonjs/mappings/Picker.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageIcon.js.map +1 -1
- package/lib/commonjs/mappings/TextArea.js.map +1 -1
- package/lib/commonjs/utilities.js +19 -0
- package/lib/commonjs/utilities.js.map +1 -1
- package/lib/module/components/Accordion/AccordionItem.js +22 -5
- package/lib/module/components/Layout.js +24 -26
- package/lib/module/components/Layout.js.map +1 -1
- package/lib/module/components/Picker/Picker.js +281 -28
- package/lib/module/components/Picker/Picker.js.map +1 -1
- package/lib/module/components/useAuthState.js.map +1 -1
- package/lib/module/mappings/Picker.js +8 -2
- package/lib/module/mappings/Picker.js.map +1 -1
- package/lib/module/utilities.js +12 -1
- package/lib/module/utilities.js.map +1 -1
- package/lib/typescript/src/components/Picker/Picker.d.ts +28 -4
- package/lib/typescript/src/mappings/Picker.d.ts +21 -0
- package/lib/typescript/src/utilities.d.ts +7 -0
- package/package.json +2 -3
- package/src/components/Picker/Picker.js +227 -17
- package/src/components/Picker/Picker.tsx +416 -34
- package/src/mappings/Picker.js +3 -1
- package/src/mappings/Picker.ts +4 -0
- package/src/utilities.js +49 -1
- package/src/utilities.ts +65 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default as AccordionGroup } from \"./AccordionGroup\";\nexport { default as AccordionItem } from \"./AccordionItem\";\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CircularProgress.js"],"names":["CircularProgress","React","Component","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","startAngle","endAngle","start","polarToCartesian","end","largeArcFlag","d","join","fill","min","max","render","size","width","backgroundWidth","tintColor","tintTransparency","backgroundColor","style","rotation","lineCap","arcSweepAngle","children","childrenContainerStyle","padding","renderCap","dashedBackground","gap","dashedTint","props","maxWidthCircle","sizeWithPadding","currentFillAngle","clampFill","backgroundPath","circlePath","circlePathItem","coordinate","cap","center","offset","localChildrenContainerStyle","position","left","top","height","borderRadius","alignItems","justifyContent","overflow","strokeDasharrayTint","Object","values","map","value","toString","strokeDasharrayBackground","createElement","View","Svg","G","originX","originY","Path","stroke","strokeWidth","strokeLinecap","strokeDasharray"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View } from \"react-native\";\nimport { Svg, Path, G } from \"react-native-svg\";\nclass CircularProgress extends React.Component {\n polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {\n var angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;\n return {\n x: centerX + radius * Math.cos(angleInRadians),\n y: centerY + radius * Math.sin(angleInRadians),\n };\n };\n circlePath = (x, y, radius, startAngle, endAngle) => {\n var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);\n var end = this.polarToCartesian(x, y, radius, startAngle);\n var largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\n var d = [\n \"M\",\n start.x,\n start.y,\n \"A\",\n radius,\n radius,\n 0,\n largeArcFlag,\n 0,\n end.x,\n end.y,\n ];\n return d.join(\" \");\n };\n clampFill = (fill) => Math.min(100, Math.max(0, fill));\n render() {\n const { size, width, backgroundWidth, tintColor = \"black\", tintTransparency = true, backgroundColor, style, rotation = 90, lineCap = \"butt\", arcSweepAngle = 360, fill, children, childrenContainerStyle, padding = 0, renderCap, dashedBackground = { width: 0, gap: 0 }, dashedTint = { width: 0, gap: 0 }, } = this.props;\n const maxWidthCircle = backgroundWidth\n ? Math.max(width, backgroundWidth)\n : width;\n const sizeWithPadding = size / 2 + padding / 2;\n const radius = size / 2 - maxWidthCircle / 2 - padding / 2;\n const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;\n const backgroundPath = this.circlePath(sizeWithPadding, sizeWithPadding, radius, tintTransparency ? 0 : currentFillAngle, arcSweepAngle);\n const circlePathItem = this.circlePath(sizeWithPadding, sizeWithPadding, radius, 0, currentFillAngle);\n const coordinate = this.polarToCartesian(sizeWithPadding, sizeWithPadding, radius, currentFillAngle);\n const cap = renderCap ? renderCap({ center: coordinate }) : null;\n const offset = size - maxWidthCircle * 2;\n const localChildrenContainerStyle = [\n {\n position: \"absolute\",\n left: maxWidthCircle + padding / 2,\n top: maxWidthCircle + padding / 2,\n width: offset,\n height: offset,\n borderRadius: offset / 2,\n alignItems: \"center\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n },\n childrenContainerStyle,\n ];\n const strokeDasharrayTint = dashedTint.gap > 0\n ? Object.values(dashedTint)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n const strokeDasharrayBackground = dashedBackground.gap > 0\n ? Object.values(dashedBackground)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n return (React.createElement(View, { style: style },\n React.createElement(Svg, { width: size + padding, height: size + padding },\n React.createElement(G, { rotation: rotation, originX: (size + padding) / 2, originY: (size + padding) / 2 },\n backgroundColor && (React.createElement(Path, { d: backgroundPath, stroke: backgroundColor, strokeWidth: backgroundWidth || width, strokeLinecap: lineCap, strokeDasharray: strokeDasharrayBackground, fill: \"transparent\" })),\n fill > 0 && (React.createElement(Path, { d: circlePathItem, stroke: tintColor, strokeWidth: width, strokeLinecap: lineCap, strokeDasharray: strokeDasharrayTint, fill: \"transparent\" })),\n cap)),\n children && (React.createElement(View, { style: localChildrenContainerStyle }, children(fill)))));\n }\n}\nexport default CircularProgress;\n"]}
|
|
1
|
+
{"version":3,"sources":["CircularProgress.tsx"],"names":["CircularProgress","React","Component","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","startAngle","endAngle","start","polarToCartesian","end","largeArcFlag","d","join","fill","min","max","render","size","width","backgroundWidth","tintColor","tintTransparency","backgroundColor","style","rotation","lineCap","arcSweepAngle","children","childrenContainerStyle","padding","renderCap","dashedBackground","gap","dashedTint","props","maxWidthCircle","sizeWithPadding","currentFillAngle","clampFill","backgroundPath","circlePath","circlePathItem","coordinate","cap","center","offset","localChildrenContainerStyle","position","left","top","height","borderRadius","alignItems","justifyContent","overflow","strokeDasharrayTint","Object","values","map","value","toString","strokeDasharrayBackground"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport { Svg, Path, G } from \"react-native-svg\";\n\nexport type Props = {\n size: number;\n width: number;\n backgroundWidth?: number;\n tintColor?: string;\n tintTransparency?: boolean;\n backgroundColor?: string;\n style?: StyleProp<ViewStyle>;\n rotation?: string | number | undefined;\n lineCap?: \"butt\" | \"square\" | \"round\" | undefined;\n arcSweepAngle?: number;\n fill: number;\n children?: (fill: number) => React.ReactNode;\n childrenContainerStyle?: StyleProp<ViewStyle>;\n padding?: number;\n renderCap?: (obj: { center: { x: number; y: number } }) => React.ReactNode;\n dashedBackground?: { width: number; gap: number };\n dashedTint?: { width: number; gap: number };\n};\n\nclass CircularProgress extends React.Component<Props> {\n polarToCartesian = (\n centerX: number,\n centerY: number,\n radius: number,\n angleInDegrees: number\n ): { x: number; y: number } => {\n var angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;\n return {\n x: centerX + radius * Math.cos(angleInRadians),\n y: centerY + radius * Math.sin(angleInRadians),\n };\n };\n\n circlePath = (\n x: number,\n y: number,\n radius: number,\n startAngle: number,\n endAngle: number\n ): string => {\n var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);\n var end = this.polarToCartesian(x, y, radius, startAngle);\n var largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\n var d = [\n \"M\",\n start.x,\n start.y,\n \"A\",\n radius,\n radius,\n 0,\n largeArcFlag,\n 0,\n end.x,\n end.y,\n ];\n return d.join(\" \");\n };\n\n clampFill = (fill: number) => Math.min(100, Math.max(0, fill));\n\n render() {\n const {\n size,\n width,\n backgroundWidth,\n tintColor = \"black\",\n tintTransparency = true,\n backgroundColor,\n style,\n rotation = 90,\n lineCap = \"butt\",\n arcSweepAngle = 360,\n fill,\n children,\n childrenContainerStyle,\n padding = 0,\n renderCap,\n dashedBackground = { width: 0, gap: 0 },\n dashedTint = { width: 0, gap: 0 },\n } = this.props;\n\n const maxWidthCircle = backgroundWidth\n ? Math.max(width, backgroundWidth)\n : width;\n const sizeWithPadding = size / 2 + padding / 2;\n const radius = size / 2 - maxWidthCircle / 2 - padding / 2;\n\n const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;\n const backgroundPath = this.circlePath(\n sizeWithPadding,\n sizeWithPadding,\n radius,\n tintTransparency ? 0 : currentFillAngle,\n arcSweepAngle\n );\n const circlePathItem = this.circlePath(\n sizeWithPadding,\n sizeWithPadding,\n radius,\n 0,\n currentFillAngle\n );\n const coordinate = this.polarToCartesian(\n sizeWithPadding,\n sizeWithPadding,\n radius,\n currentFillAngle\n );\n const cap = renderCap ? renderCap({ center: coordinate }) : null;\n\n const offset = size - maxWidthCircle * 2;\n\n const localChildrenContainerStyle: StyleProp<ViewStyle>[] = [\n {\n position: \"absolute\",\n left: maxWidthCircle + padding / 2,\n top: maxWidthCircle + padding / 2,\n width: offset,\n height: offset,\n borderRadius: offset / 2,\n alignItems: \"center\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n },\n childrenContainerStyle,\n ];\n\n const strokeDasharrayTint =\n dashedTint.gap > 0\n ? Object.values(dashedTint)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n\n const strokeDasharrayBackground =\n dashedBackground.gap > 0\n ? Object.values(dashedBackground)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n\n return (\n <View style={style}>\n <Svg width={size + padding} height={size + padding}>\n <G\n rotation={rotation}\n originX={(size + padding) / 2}\n originY={(size + padding) / 2}\n >\n {backgroundColor && (\n <Path\n d={backgroundPath}\n stroke={backgroundColor}\n strokeWidth={backgroundWidth || width}\n strokeLinecap={lineCap}\n strokeDasharray={strokeDasharrayBackground}\n fill=\"transparent\"\n />\n )}\n {fill > 0 && (\n <Path\n d={circlePathItem}\n stroke={tintColor}\n strokeWidth={width}\n strokeLinecap={lineCap}\n strokeDasharray={strokeDasharrayTint}\n fill=\"transparent\"\n />\n )}\n {cap}\n </G>\n </Svg>\n {children && (\n <View style={localChildrenContainerStyle}>{children(fill)}</View>\n )}\n </View>\n );\n }\n}\n\nexport default CircularProgress;\n"]}
|
|
@@ -19,6 +19,8 @@ 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
|
+
|
|
22
24
|
const Container = _ref => {
|
|
23
25
|
let {
|
|
24
26
|
useThemeGutterPadding,
|
|
@@ -80,10 +82,9 @@ const Container = _ref => {
|
|
|
80
82
|
};
|
|
81
83
|
const Wrap = elevation ? _Elevation.default : _reactNative.View;
|
|
82
84
|
if (elevation) containerStyle.elevation = elevation;
|
|
83
|
-
return /*#__PURE__*/React.createElement(Wrap, {
|
|
84
|
-
style: [containerStyle, style]
|
|
85
|
-
|
|
86
|
-
}, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
85
|
+
return /*#__PURE__*/React.createElement(Wrap, _extends({
|
|
86
|
+
style: [containerStyle, style]
|
|
87
|
+
}, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
87
88
|
source: typeof backgroundImage === "string" ? {
|
|
88
89
|
uri: backgroundImage
|
|
89
90
|
} : backgroundImage,
|
|
@@ -100,17 +101,5 @@ const Container = _ref => {
|
|
|
100
101
|
|
|
101
102
|
var _default = (0, _theming.withTheme)(Container);
|
|
102
103
|
|
|
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
|
-
|
|
115
104
|
exports.default = _default;
|
|
116
105
|
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Container.
|
|
1
|
+
{"version":3,"sources":["Container.tsx"],"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","uri"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AAEA;;;;;;;;;;AAiBA,MAAMA,SAA0B,GAAG,QAY7B;AAAA,MAZ8B;AAClCC,IAAAA,qBADkC;AAElCC,IAAAA,WAFkC;AAGlCC,IAAAA,WAHkC;AAIlCC,IAAAA,eAJkC;AAKlCC,IAAAA,eALkC;AAMlCC,IAAAA,yBANkC;AAOlCC,IAAAA,SAPkC;AAQlCC,IAAAA,KARkC;AASlCC,IAAAA,QATkC;AAUlCC,IAAAA,KAVkC;AAU3B;AACP,OAAGC;AAX+B,GAY9B;AACJ,QAAM;AACJC,IAAAA,IADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,aANI;AAOJC,IAAAA,YAPI;AAQJC,IAAAA,cARI;AASJC,IAAAA,UATI;AAUJC,IAAAA,OAVI;AAWJC,IAAAA,UAXI;AAYJC,IAAAA,aAZI;AAaJC,IAAAA,WAbI;AAcJC,IAAAA,YAdI;AAeJC,IAAAA,eAfI;AAgBJC,IAAAA,iBAhBI;AAiBJ,OAAGC;AAjBC,MAkBFC,wBAAWC,OAAX,CAAmBtB,KAAnB,KAA6B,EAlBjC;AAoBA,QAAMuB,cAAoC,GAAG;AAC3C3B,IAAAA,eAD2C;AAE3CF,IAAAA,WAF2C;AAG3CC,IAAAA,WAH2C;AAI3C6B,IAAAA,KAAK,EAAE,MAJoC;AAK3C,OAAGJ;AALwC,GAA7C;AAQA,QAAMK,UAAgC,GAAG;AACvCrB,IAAAA,IADuC;AAEvCC,IAAAA,QAFuC;AAGvCC,IAAAA,QAHuC;AAIvCC,IAAAA,SAJuC;AAKvCC,IAAAA,UALuC;AAMvCC,IAAAA,aANuC;AAOvCC,IAAAA,YAPuC;AAQvCC,IAAAA,cARuC;AASvCC,IAAAA,UATuC;AAUvCC,IAAAA,OAVuC;AAWvCC,IAAAA,UAXuC;AAYvCC,IAAAA,aAZuC;AAavCC,IAAAA,WAbuC;AAcvCC,IAAAA,YAduC;AAevCC,IAAAA,eAfuC;AAgBvCC,IAAAA,iBAAiB,EAAEA,iBAAiB,IAAI1B,qBAArB,GAA6C,EAA7C,GAAkD;AAhB9B,GAAzC;AAmBA,QAAMiC,IAAI,GAAG3B,SAAS,GAAG4B,kBAAH,GAAeC,iBAArC;AAEA,MAAI7B,SAAJ,EAAewB,cAAc,CAACxB,SAAf,GAA2BA,SAA3B;AAEf,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACwB,cAAD,EAAiBvB,KAAjB;AAAb,KAA0CG,IAA1C,GACGN,eAAe,gBACd,oBAAC,4BAAD;AACE,IAAA,MAAM,EACJ,OAAOA,eAAP,KAA2B,QAA3B,GACI;AAAEgC,MAAAA,GAAG,EAAEhC;AAAP,KADJ,GAEIA,eAJR;AAME,IAAA,UAAU,EAAEC,yBANd;AAOE,IAAA,KAAK,EAAE;AACLM,MAAAA,IAAI,EAAE;AADD;AAPT,kBAWE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEqB;AAAb,KAA0BxB,QAA1B,CAXF,CADc,gBAed,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEwB;AAAb,KAA0BxB,QAA1B,CAhBJ,CADF;AAqBD,CArFD;;eAuFe,wBAAUT,SAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n ImageBackground,\n ImageSourcePropType,\n StyleProp,\n StyleSheet,\n ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\n\nimport Elevation from \"./Elevation\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { ResizeModeType } from \"./ResizeMode\";\n\ntype Props = {\n theme: Theme;\n useThemeGutterPadding: boolean;\n borderColor: string;\n borderWidth: number;\n backgroundColor: string;\n backgroundImage?: string | ImageSourcePropType;\n backgroundImageResizeMode?: ResizeModeType;\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n children?: React.ReactNode;\n};\n\nconst Container: React.FC<Props> = ({\n useThemeGutterPadding,\n borderColor,\n borderWidth,\n backgroundColor,\n backgroundImage,\n backgroundImageResizeMode,\n elevation,\n style,\n children,\n theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...rest\n}) => {\n const {\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,\n ...styleProp\n } = StyleSheet.flatten(style) || {};\n\n const containerStyle: StyleProp<ViewStyle> = {\n backgroundColor,\n borderColor,\n borderWidth,\n width: \"100%\",\n ...styleProp,\n };\n\n const innerStyle: StyleProp<ViewStyle> = {\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\n const Wrap = elevation ? Elevation : View;\n\n if (elevation) containerStyle.elevation = elevation;\n\n return (\n <Wrap style={[containerStyle, style]} {...rest}>\n {backgroundImage ? (\n <ImageBackground\n source={\n typeof backgroundImage === \"string\"\n ? { uri: backgroundImage }\n : backgroundImage\n }\n resizeMode={backgroundImageResizeMode}\n style={{\n flex: 1,\n }}\n >\n <View style={innerStyle}>{children}</View>\n </ImageBackground>\n ) : (\n <View style={innerStyle}>{children}</View>\n )}\n </Wrap>\n );\n};\n\nexport default withTheme(Container);\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 Divider = _ref => {
|
|
19
21
|
let {
|
|
20
22
|
style,
|
|
@@ -24,19 +26,7 @@ const Divider = _ref => {
|
|
|
24
26
|
},
|
|
25
27
|
...rest
|
|
26
28
|
} = _ref;
|
|
27
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
28
|
-
style: [{
|
|
29
|
-
backgroundColor: color || colors.divider,
|
|
30
|
-
height: _reactNative.StyleSheet.hairlineWidth
|
|
31
|
-
}, style],
|
|
32
|
-
...rest
|
|
33
|
-
});
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
var _default = (0, _theming.withTheme)(Divider);
|
|
37
|
-
|
|
38
|
-
exports.default = _default;
|
|
39
|
-
//# sourceMappingURL=Divider.js.map /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
29
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
40
30
|
style: [{
|
|
41
31
|
backgroundColor: color || colors.divider,
|
|
42
32
|
height: _reactNative.StyleSheet.hairlineWidth
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Divider.
|
|
1
|
+
{"version":3,"sources":["Divider.tsx"],"names":["Divider","style","color","theme","colors","rest","backgroundColor","divider","height","StyleSheet","hairlineWidth"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AASA,MAAMA,OAAwB,GAAG,QAK3B;AAAA,MAL4B;AAChCC,IAAAA,KADgC;AAEhCC,IAAAA,KAFgC;AAGhCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAHyB;AAIhC,OAAGC;AAJ6B,GAK5B;AACJ,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEC,MAAAA,eAAe,EAAEJ,KAAK,IAAIE,MAAM,CAACG,OADnC;AAEEC,MAAAA,MAAM,EAAEC,wBAAWC;AAFrB,KADK,EAKLT,KALK;AADT,KAQMI,IARN,EADF;AAYD,CAlBD;;eAoBe,wBAAUL,OAAV,C","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n style?: StyleProp<ViewStyle>;\n color?: string;\n theme: typeof theme;\n};\n\nconst Divider: React.FC<Props> = ({\n style,\n color,\n theme: { colors },\n ...rest\n}) => {\n return (\n <View\n style={[\n {\n backgroundColor: color || colors.divider,\n height: StyleSheet.hairlineWidth,\n },\n style,\n ]}\n {...rest}\n />\n );\n};\n\nexport default withTheme(Divider);\n"]}
|
|
@@ -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 FAB = _ref => {
|
|
19
21
|
let {
|
|
20
22
|
onPress,
|
|
@@ -38,7 +40,7 @@ const FAB = _ref => {
|
|
|
38
40
|
borderRadius: size / 2,
|
|
39
41
|
overflow: "hidden"
|
|
40
42
|
}, style]
|
|
41
|
-
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
43
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
42
44
|
onPress: onPress,
|
|
43
45
|
disabled: loading || disabled,
|
|
44
46
|
android_ripple: {
|
|
@@ -56,9 +58,8 @@ const FAB = _ref => {
|
|
|
56
58
|
borderRadius: size / 2,
|
|
57
59
|
backgroundColor
|
|
58
60
|
}];
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
61
|
+
}
|
|
62
|
+
}, props), /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
62
63
|
style: size > 50 ? {
|
|
63
64
|
marginTop: 2,
|
|
64
65
|
marginLeft: 2
|
|
@@ -88,20 +89,5 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
88
89
|
|
|
89
90
|
var _default = (0, _theming.withTheme)(FAB);
|
|
90
91
|
|
|
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
|
-
|
|
106
92
|
exports.default = _default;
|
|
107
93
|
//# sourceMappingURL=FAB.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["FAB.
|
|
1
|
+
{"version":3,"sources":["FAB.tsx"],"names":["FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","marginTop","marginLeft","undefined","StyleSheet","create","justifyContent","alignItems","Platform","select","web","cursor","userSelect"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;;;;;;;AAiBA,MAAMA,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,sBAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,iBAAD,QACGR,OAAO,gBACN,oBAAC,8BAAD;AACE,IAAA,KAAK,EAAEM,IAAI,GAAG,EAAP,GAAY;AAAEgB,MAAAA,SAAS,EAAE,CAAb;AAAgBC,MAAAA,UAAU,EAAE;AAA5B,KAAZ,GAA8CC,SADvD;AAEE,IAAA,IAAI,EAAElB,IAAI,IAAI,EAAR,GAAa,OAAb,GAAuB,OAF/B;AAGE,IAAA,KAAK,EAAEM;AAHT,IADM,gBAON,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAEK,IAA5B;AAAkC,IAAA,KAAK,EAAEM;AAAzC,IARJ,CArBF,CAXF,CADF;AA+CD,CA/DD;;AAiEA,MAAMO,MAAM,GAAGM,wBAAWC,MAAX,CAAkB;AAC/BN,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENkB,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAGC,sBAASC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;;eAce,wBAAUpC,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Pressable,\n ActivityIndicator,\n StyleProp,\n ViewStyle,\n PressableProps,\n Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n disabled?: boolean;\n loading?: boolean;\n size?: number;\n bgColor?: string;\n iconColor?: string;\n iconName?: string;\n onPress: () => void;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n} & PressableProps &\n IconSlot;\n\nconst FAB: React.FC<Props> = ({\n onPress,\n disabled,\n loading,\n iconName = \"MaterialIcons/add\",\n style,\n theme,\n iconColor,\n bgColor,\n size = 50,\n Icon,\n ...props\n}) => {\n const backgroundColor = bgColor || theme.colors.primary;\n const color = iconColor || \"#FFF\";\n\n return (\n <View\n style={[\n {\n width: size,\n height: size,\n borderRadius: size / 2,\n overflow: \"hidden\",\n },\n style,\n ]}\n >\n <Pressable\n onPress={onPress}\n disabled={loading || disabled}\n android_ripple={{\n color: \"#333\",\n radius: size / 4,\n }}\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 }}\n {...props}\n >\n <View>\n {loading ? (\n <ActivityIndicator\n style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}\n size={size <= 50 ? \"small\" : \"large\"}\n color={color}\n />\n ) : (\n <Icon name={iconName} size={size} color={color} />\n )}\n </View>\n </Pressable>\n </View>\n );\n};\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});\n\nexport default withTheme(FAB);\n"]}
|
|
@@ -19,6 +19,8 @@ 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
|
+
|
|
22
24
|
function FormRow(_ref) {
|
|
23
25
|
let {
|
|
24
26
|
disabled,
|
|
@@ -33,28 +35,13 @@ function FormRow(_ref) {
|
|
|
33
35
|
textStyles,
|
|
34
36
|
viewStyles
|
|
35
37
|
} = (0, _utilities.extractStyles)(style);
|
|
36
|
-
return /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
38
|
+
return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
|
|
37
39
|
disabled: disabled,
|
|
38
40
|
onPress: onPress,
|
|
39
41
|
style: [styles.row, {
|
|
40
42
|
flexDirection: direction
|
|
41
|
-
}, viewStyles]
|
|
42
|
-
|
|
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, {
|
|
43
|
+
}, viewStyles]
|
|
44
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
58
45
|
style: textStyles
|
|
59
46
|
}, label), children);
|
|
60
47
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["FormRow.
|
|
1
|
+
{"version":3,"sources":["FormRow.tsx"],"names":["FormRow","disabled","direction","children","label","style","onPress","rest","textStyles","viewStyles","styles","row","flexDirection","StyleSheet","create","marginLeft","marginRight","justifyContent","alignItems"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAWe,SAASA,OAAT,OAQL;AAAA,MARsB;AAC9BC,IAAAA,QAD8B;AAE9BC,IAAAA,SAF8B;AAG9BC,IAAAA,QAH8B;AAI9BC,IAAAA,KAJ8B;AAK9BC,IAAAA,KAL8B;AAM9BC,IAAAA,OAN8B;AAO9B,OAAGC;AAP2B,GAQtB;AACR,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcJ,KAAd,CAAnC;AACA,sBACE,oBAAC,kBAAD;AACE,IAAA,QAAQ,EAAEJ,QADZ;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,KAAK,EAAE,CAACI,MAAM,CAACC,GAAR,EAAa;AAAEC,MAAAA,aAAa,EAAEV;AAAjB,KAAb,EAA2CO,UAA3C;AAHT,KAIMF,IAJN,gBAME,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC;AAAb,KAA0BJ,KAA1B,CANF,EAOGD,QAPH,CADF;AAWD;;AAED,MAAMO,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,GAAG,EAAE;AACHI,IAAAA,UAAU,EAAE,CADT;AAEHC,IAAAA,WAAW,EAAE,CAFV;AAGHJ,IAAAA,aAAa,EAAE,KAHZ;AAIHK,IAAAA,cAAc,EAAE,eAJb;AAKHC,IAAAA,UAAU,EAAE;AALT;AAD0B,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\nimport { RowDirection } from \"@draftbit/types\";\nimport { extractStyles } from \"../utilities\";\nimport Touchable from \"./Touchable\";\n\ntype Props = {\n disabled?: boolean;\n label: string;\n direction: RowDirection;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n};\n\nexport default function FormRow({\n disabled,\n direction,\n children,\n label,\n style,\n onPress,\n ...rest\n}: Props) {\n const { textStyles, viewStyles } = extractStyles(style);\n return (\n <Touchable\n disabled={disabled}\n onPress={onPress}\n style={[styles.row, { flexDirection: direction }, viewStyles]}\n {...rest}\n >\n <Text style={textStyles}>{label}</Text>\n {children}\n </Touchable>\n );\n}\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"]}
|