@draftbit/core 44.1.9 → 44.1.11-4476d0.0
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/Container.js +1 -5
- package/lib/commonjs/components/Container.js.map +1 -1
- package/lib/commonjs/components/Picker/Picker.js +8 -3
- package/lib/commonjs/components/Picker/Picker.js.map +1 -1
- package/lib/module/components/Container.js +6 -22
- package/lib/module/components/Container.js.map +1 -1
- package/lib/module/components/Picker/Picker.js +2 -3
- package/lib/module/components/Picker/Picker.js.map +1 -1
- package/lib/module/mappings/ProgressBar.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Container.js +1 -2
- package/src/components/Container.tsx +1 -3
- package/src/components/Picker/Picker.js +1 -2
- package/src/components/Picker/Picker.tsx +1 -2
|
@@ -81,11 +81,7 @@ const Container = _ref => {
|
|
|
81
81
|
paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0
|
|
82
82
|
};
|
|
83
83
|
const Wrap = elevation ? _Elevation.default : _reactNative.View;
|
|
84
|
-
|
|
85
|
-
if (elevation) {
|
|
86
|
-
containerStyle.elevation = elevation;
|
|
87
|
-
}
|
|
88
|
-
|
|
84
|
+
if (elevation) containerStyle.elevation = elevation;
|
|
89
85
|
return /*#__PURE__*/React.createElement(Wrap, _extends({
|
|
90
86
|
style: [containerStyle, style]
|
|
91
87
|
}, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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"]}
|
|
@@ -121,7 +121,7 @@ const Picker = _ref => {
|
|
|
121
121
|
borderLeftWidth: 1
|
|
122
122
|
} : {}),
|
|
123
123
|
borderBottomWidth: 1,
|
|
124
|
-
borderColor:
|
|
124
|
+
borderColor: "green",
|
|
125
125
|
borderStyle: "solid"
|
|
126
126
|
},
|
|
127
127
|
...extractedBorderStyles,
|
|
@@ -136,8 +136,7 @@ const Picker = _ref => {
|
|
|
136
136
|
const platform = _reactNative.Platform.OS;
|
|
137
137
|
const stylesWithoutBordersAndMargins = { ...{
|
|
138
138
|
height: 60,
|
|
139
|
-
width: "100%"
|
|
140
|
-
flex: platform === "web" ? undefined : 1
|
|
139
|
+
width: "100%"
|
|
141
140
|
},
|
|
142
141
|
...(0, _lodash.omit)(viewStyles, [..._utilities.borderStyleNames, ..._utilities.marginStyleNames, "backgroundColor"])
|
|
143
142
|
};
|
|
@@ -311,4 +310,10 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
311
310
|
width: "100%"
|
|
312
311
|
}
|
|
313
312
|
});
|
|
313
|
+
//# sourceMappingURL=Picker.js.mapft: 0,
|
|
314
|
+
right: 0,
|
|
315
|
+
bottom: 0,
|
|
316
|
+
width: "100%"
|
|
317
|
+
}
|
|
318
|
+
});
|
|
314
319
|
//# sourceMappingURL=Picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Picker.tsx"],"names":["normalizeOptions","options","length","map","option","label","String","value","Error","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","internalValue","setInternalValue","React","useState","pickerVisible","togglePickerVisible","useReducer","state","useEffect","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","marginStyles","borderStyles","extractedBorderStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","platform","Platform","OS","stylesWithoutBordersAndMargins","height","width","flex","undefined","borderStyleNames","marginStyleNames","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","paddingLeft","assistiveTextLabel","paddingTop","primaryTextStyle","identity","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","StyleSheet","create","alignSelf","alignItems","flexDirection","justifyContent","paddingRight","position","bottom","left","right","opacity","top"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n extractStyles,\n extractBorderAndMarginStyles,\n borderStyleNames,\n marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n value: string;\n label: string;\n}\n\nexport type PickerProps = {\n error?: any;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle> & { height?: number };\n value?: string;\n options: PickerOption[] | string[];\n onValueChange: (value: string, index: number) => void;\n defaultValue?: string;\n assistiveText?: string;\n label?: string;\n iconColor?: string;\n iconSize?: number;\n leftIconMode?: \"inset\" | \"outset\";\n leftIconName?: string;\n placeholderTextColor?: string;\n rightIconName?: string;\n type?: \"solid\" | \"underline\";\n theme: Theme;\n Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n if (options.length === 0) {\n return [];\n }\n\n if (typeof options[0] === (\"string\" || \"number\")) {\n return (options as string[]).map((option) => ({\n label: String(option),\n value: String(option),\n }));\n }\n\n if (\n isObject(options[0]) &&\n options[0].value !== null &&\n options[0].label !== null\n ) {\n return (options as PickerOption[]).map((option) => {\n return {\n label: String(option.label),\n value: String(option.value),\n };\n });\n }\n\n throw new Error(\n 'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n );\n}\n\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n error,\n options = [],\n onValueChange,\n defaultValue,\n Icon,\n style,\n placeholder,\n value,\n disabled = false,\n theme,\n assistiveText,\n label,\n iconColor = unstyledColor,\n iconSize = 24,\n leftIconMode = \"inset\",\n leftIconName,\n placeholderTextColor = unstyledColor,\n rightIconName,\n type = \"solid\",\n}) => {\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, togglePickerVisible] = React.useReducer(\n (state) => !state,\n false\n );\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const normalizedOptions = normalizeOptions(options);\n\n const pickerOptions = placeholder\n ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n : normalizedOptions;\n\n const { colors } = theme;\n\n const { viewStyles, textStyles } = extractStyles(style);\n\n const { marginStyles, borderStyles: extractedBorderStyles } =\n extractBorderAndMarginStyles(viewStyles, [\"backgroundColor\"]);\n\n const borderStyles = {\n ...{\n ...(type === \"solid\"\n ? {\n borderTopLeftRadius: 5,\n borderTopRightRadius: 5,\n borderBottomRightRadius: 5,\n borderBottomLeftRadius: 5,\n borderTopWidth: 1,\n borderRightWidth: 1,\n borderLeftWidth: 1,\n }\n : {}),\n borderBottomWidth: 1,\n borderColor: unstyledColor,\n borderStyle: \"solid\",\n },\n ...extractedBorderStyles,\n ...(error ? { borderColor: errorColor } : {}),\n ...(disabled\n ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n : {}),\n };\n\n const platform = Platform.OS;\n\n const stylesWithoutBordersAndMargins = {\n ...{\n height: 60,\n width: \"100%\",\n flex: platform === \"web\" ? undefined : 1,\n },\n ...omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n \"backgroundColor\",\n ]),\n };\n\n const selectedLabel =\n internalValue &&\n ((pickerOptions as unknown as PickerOption[]).find(\n (option) => option.value === internalValue\n )?.label ??\n internalValue);\n\n const labelText = label ? (\n <Text\n style={{\n textAlign: textStyles.textAlign,\n color: unstyledColor,\n fontSize: 12,\n paddingBottom: 4,\n }}\n >\n {label}\n </Text>\n ) : null;\n\n const leftIconOutset = leftIconMode === \"outset\";\n\n const leftIcon = leftIconName ? (\n <Icon\n name={leftIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: 4,\n marginLeft: 4,\n }}\n />\n ) : null;\n\n const rightIcon = rightIconName ? (\n <Icon\n name={rightIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: -10,\n marginLeft: 8,\n }}\n />\n ) : null;\n\n const width = stylesWithoutBordersAndMargins?.width;\n\n const textAlign = textStyles?.textAlign;\n\n const paddingLeft =\n leftIconOutset &&\n (!textAlign || textAlign === \"left\" || textAlign === \"justify\")\n ? iconSize + 4\n : 0;\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width,\n paddingLeft,\n color: unstyledColor,\n fontSize: 12,\n paddingTop: 4,\n }}\n >\n {assistiveText}\n </Text>\n ) : null;\n\n const primaryTextStyle = {\n color: unstyledColor,\n fontSize: 14,\n ...pickBy(textStyles, identity),\n ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n ...(disabled ? { color: unstyledColor } : {}),\n };\n\n const handleValueChange = (newValue: string, itemIndex: number) => {\n if (!placeholder || itemIndex > 0) {\n onValueChange?.(newValue, itemIndex);\n }\n setInternalValue(newValue);\n };\n\n return (\n /* marginsContainer */\n <View style={[styles.marginsContainer, marginStyles]}>\n {/* touchableContainer */}\n <Touchable\n disabled={disabled}\n onPress={togglePickerVisible}\n style={styles.touchableContainer}\n >\n {/* outsetContainer */}\n <View\n pointerEvents=\"none\"\n style={[\n styles.outsetContainer,\n stylesWithoutBordersAndMargins,\n !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {leftIcon}\n\n {/* insetContainer */}\n <View\n style={[\n styles.insetContainer,\n leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {/* primaryTextContainer */}\n <View style={styles.primaryTextContainer}>\n {labelText}\n\n <Text style={primaryTextStyle}>\n {String(selectedLabel ?? placeholder)}\n </Text>\n </View>\n\n {rightIcon}\n </View>\n </View>\n {assistiveTextLabel}\n </Touchable>\n\n {/* iosPicker */}\n {platform === \"ios\" && pickerVisible ? (\n <Portal>\n <View\n style={[\n styles.iosPicker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <SafeAreaView style={styles.iosSafeArea}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={togglePickerVisible}\n style={styles.iosButton}\n >\n {\"Close\"}\n </Button>\n\n <NativePicker\n style={styles.iosNativePicker}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n ) : null}\n\n {/* nonIosPicker */}\n {platform !== \"ios\" ? (\n <NativePicker\n enabled={!disabled}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n ) : null}\n </View>\n );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n marginsContainer: {\n alignSelf: \"stretch\",\n },\n touchableContainer: {\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingLeft: 12,\n paddingRight: 12,\n },\n primaryTextContainer: {\n flex: 1,\n },\n iosPicker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n },\n iosButton: {\n alignSelf: \"flex-end\",\n },\n iosNativePicker: {\n backgroundColor: \"white\",\n },\n nonIosPicker: {\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n },\n});\n"]}
|
|
1
|
+
{"version":3,"sources":["Picker.tsx"],"names":["normalizeOptions","options","length","map","option","label","String","value","Error","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","internalValue","setInternalValue","React","useState","pickerVisible","togglePickerVisible","useReducer","state","useEffect","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","marginStyles","borderStyles","extractedBorderStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","platform","Platform","OS","stylesWithoutBordersAndMargins","height","width","borderStyleNames","marginStyleNames","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","paddingLeft","assistiveTextLabel","paddingTop","primaryTextStyle","identity","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","StyleSheet","create","alignSelf","alignItems","flexDirection","justifyContent","flex","paddingRight","position","bottom","left","right","opacity","top"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n extractStyles,\n extractBorderAndMarginStyles,\n borderStyleNames,\n marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n value: string;\n label: string;\n}\n\nexport type PickerProps = {\n error?: any;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle> & { height?: number };\n value?: string;\n options: PickerOption[] | string[];\n onValueChange: (value: string, index: number) => void;\n defaultValue?: string;\n assistiveText?: string;\n label?: string;\n iconColor?: string;\n iconSize?: number;\n leftIconMode?: \"inset\" | \"outset\";\n leftIconName?: string;\n placeholderTextColor?: string;\n rightIconName?: string;\n type?: \"solid\" | \"underline\";\n theme: Theme;\n Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n if (options.length === 0) {\n return [];\n }\n\n if (typeof options[0] === (\"string\" || \"number\")) {\n return (options as string[]).map((option) => ({\n label: String(option),\n value: String(option),\n }));\n }\n\n if (\n isObject(options[0]) &&\n options[0].value !== null &&\n options[0].label !== null\n ) {\n return (options as PickerOption[]).map((option) => {\n return {\n label: String(option.label),\n value: String(option.value),\n };\n });\n }\n\n throw new Error(\n 'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n );\n}\n\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n error,\n options = [],\n onValueChange,\n defaultValue,\n Icon,\n style,\n placeholder,\n value,\n disabled = false,\n theme,\n assistiveText,\n label,\n iconColor = unstyledColor,\n iconSize = 24,\n leftIconMode = \"inset\",\n leftIconName,\n placeholderTextColor = unstyledColor,\n rightIconName,\n type = \"solid\",\n}) => {\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, togglePickerVisible] = React.useReducer(\n (state) => !state,\n false\n );\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const normalizedOptions = normalizeOptions(options);\n\n const pickerOptions = placeholder\n ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n : normalizedOptions;\n\n const { colors } = theme;\n\n const { viewStyles, textStyles } = extractStyles(style);\n\n const { marginStyles, borderStyles: extractedBorderStyles } =\n extractBorderAndMarginStyles(viewStyles, [\"backgroundColor\"]);\n\n const borderStyles = {\n ...{\n ...(type === \"solid\"\n ? {\n borderTopLeftRadius: 5,\n borderTopRightRadius: 5,\n borderBottomRightRadius: 5,\n borderBottomLeftRadius: 5,\n borderTopWidth: 1,\n borderRightWidth: 1,\n borderLeftWidth: 1,\n }\n : {}),\n borderBottomWidth: 1,\n borderColor: \"green\",\n borderStyle: \"solid\",\n },\n ...extractedBorderStyles,\n ...(error ? { borderColor: errorColor } : {}),\n ...(disabled\n ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n : {}),\n };\n\n const platform = Platform.OS;\n\n const stylesWithoutBordersAndMargins = {\n ...{\n height: 60,\n width: \"100%\",\n },\n ...omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n \"backgroundColor\",\n ]),\n };\n\n const selectedLabel =\n internalValue &&\n ((pickerOptions as unknown as PickerOption[]).find(\n (option) => option.value === internalValue\n )?.label ??\n internalValue);\n\n const labelText = label ? (\n <Text\n style={{\n textAlign: textStyles.textAlign,\n color: unstyledColor,\n fontSize: 12,\n paddingBottom: 4,\n }}\n >\n {label}\n </Text>\n ) : null;\n\n const leftIconOutset = leftIconMode === \"outset\";\n\n const leftIcon = leftIconName ? (\n <Icon\n name={leftIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: 4,\n marginLeft: 4,\n }}\n />\n ) : null;\n\n const rightIcon = rightIconName ? (\n <Icon\n name={rightIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: -10,\n marginLeft: 8,\n }}\n />\n ) : null;\n\n const width = stylesWithoutBordersAndMargins?.width;\n\n const textAlign = textStyles?.textAlign;\n\n const paddingLeft =\n leftIconOutset &&\n (!textAlign || textAlign === \"left\" || textAlign === \"justify\")\n ? iconSize + 4\n : 0;\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width,\n paddingLeft,\n color: unstyledColor,\n fontSize: 12,\n paddingTop: 4,\n }}\n >\n {assistiveText}\n </Text>\n ) : null;\n\n const primaryTextStyle = {\n color: unstyledColor,\n fontSize: 14,\n ...pickBy(textStyles, identity),\n ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n ...(disabled ? { color: unstyledColor } : {}),\n };\n\n const handleValueChange = (newValue: string, itemIndex: number) => {\n if (!placeholder || itemIndex > 0) {\n onValueChange?.(newValue, itemIndex);\n }\n setInternalValue(newValue);\n };\n\n return (\n /* marginsContainer */\n <View style={[styles.marginsContainer, marginStyles]}>\n {/* touchableContainer */}\n <Touchable\n disabled={disabled}\n onPress={togglePickerVisible}\n style={styles.touchableContainer}\n >\n {/* outsetContainer */}\n <View\n pointerEvents=\"none\"\n style={[\n styles.outsetContainer,\n stylesWithoutBordersAndMargins,\n !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {leftIcon}\n\n {/* insetContainer */}\n <View\n style={[\n styles.insetContainer,\n leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {/* primaryTextContainer */}\n <View style={styles.primaryTextContainer}>\n {labelText}\n\n <Text style={primaryTextStyle}>\n {String(selectedLabel ?? placeholder)}\n </Text>\n </View>\n\n {rightIcon}\n </View>\n </View>\n {assistiveTextLabel}\n </Touchable>\n\n {/* iosPicker */}\n {platform === \"ios\" && pickerVisible ? (\n <Portal>\n <View\n style={[\n styles.iosPicker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <SafeAreaView style={styles.iosSafeArea}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={togglePickerVisible}\n style={styles.iosButton}\n >\n {\"Close\"}\n </Button>\n\n <NativePicker\n style={styles.iosNativePicker}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n ) : null}\n\n {/* nonIosPicker */}\n {platform !== \"ios\" ? (\n <NativePicker\n enabled={!disabled}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n ) : null}\n </View>\n );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n marginsContainer: {\n alignSelf: \"stretch\",\n },\n touchableContainer: {\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingLeft: 12,\n paddingRight: 12,\n },\n primaryTextContainer: {\n flex: 1,\n },\n iosPicker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n },\n iosButton: {\n alignSelf: \"flex-end\",\n },\n iosNativePicker: {\n backgroundColor: \"white\",\n },\n nonIosPicker: {\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n },\n});\n"]}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
1
3
|
import * as React from "react";
|
|
2
4
|
import { View, ImageBackground, StyleSheet } from "react-native";
|
|
3
5
|
import { withTheme } from "../theming";
|
|
@@ -63,15 +65,10 @@ const Container = _ref => {
|
|
|
63
65
|
paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0
|
|
64
66
|
};
|
|
65
67
|
const Wrap = elevation ? Elevation : View;
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
containerStyle
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
return /*#__PURE__*/React.createElement(Wrap, {
|
|
72
|
-
style: [containerStyle, style],
|
|
73
|
-
...rest
|
|
74
|
-
}, backgroundImage ? /*#__PURE__*/React.createElement(ImageBackground, {
|
|
68
|
+
if (elevation) containerStyle.elevation = elevation;
|
|
69
|
+
return /*#__PURE__*/React.createElement(Wrap, _extends({
|
|
70
|
+
style: [containerStyle, style]
|
|
71
|
+
}, rest), backgroundImage ? /*#__PURE__*/React.createElement(ImageBackground, {
|
|
75
72
|
source: typeof backgroundImage === "string" ? {
|
|
76
73
|
uri: backgroundImage
|
|
77
74
|
} : backgroundImage,
|
|
@@ -86,18 +83,5 @@ const Container = _ref => {
|
|
|
86
83
|
}, children));
|
|
87
84
|
};
|
|
88
85
|
|
|
89
|
-
export default withTheme(Container);
|
|
90
|
-
//# sourceMappingURL=Container.js.map,
|
|
91
|
-
resizeMode: backgroundImageResizeMode,
|
|
92
|
-
style: {
|
|
93
|
-
flex: 1
|
|
94
|
-
}
|
|
95
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
96
|
-
style: innerStyle
|
|
97
|
-
}, children)) : /*#__PURE__*/React.createElement(View, {
|
|
98
|
-
style: innerStyle
|
|
99
|
-
}, children));
|
|
100
|
-
};
|
|
101
|
-
|
|
102
86
|
export default withTheme(Container);
|
|
103
87
|
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Container.
|
|
1
|
+
{"version":3,"sources":["Container.tsx"],"names":["React","View","ImageBackground","StyleSheet","withTheme","Elevation","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","flatten","containerStyle","width","innerStyle","Wrap","uri"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,eAFF,EAKEC,UALF,QAOO,cAPP;AAQA,SAASC,SAAT,QAA0B,YAA1B;AAEA,OAAOC,SAAP,MAAsB,aAAtB;;AAiBA,MAAMC,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,MAkBF/B,UAAU,CAACgC,OAAX,CAAmBrB,KAAnB,KAA6B,EAlBjC;AAoBA,QAAMsB,cAAoC,GAAG;AAC3C1B,IAAAA,eAD2C;AAE3CF,IAAAA,WAF2C;AAG3CC,IAAAA,WAH2C;AAI3C4B,IAAAA,KAAK,EAAE,MAJoC;AAK3C,OAAGH;AALwC,GAA7C;AAQA,QAAMI,UAAgC,GAAG;AACvCpB,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,QAAMgC,IAAI,GAAG1B,SAAS,GAAGR,SAAH,GAAeJ,IAArC;AAEA,MAAIY,SAAJ,EAAeuB,cAAc,CAACvB,SAAf,GAA2BA,SAA3B;AAEf,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACuB,cAAD,EAAiBtB,KAAjB;AAAb,KAA0CG,IAA1C,GACGN,eAAe,gBACd,oBAAC,eAAD;AACE,IAAA,MAAM,EACJ,OAAOA,eAAP,KAA2B,QAA3B,GACI;AAAE6B,MAAAA,GAAG,EAAE7B;AAAP,KADJ,GAEIA,eAJR;AAME,IAAA,UAAU,EAAEC,yBANd;AAOE,IAAA,KAAK,EAAE;AACLM,MAAAA,IAAI,EAAE;AADD;AAPT,kBAWE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEoB;AAAb,KAA0BvB,QAA1B,CAXF,CADc,gBAed,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEuB;AAAb,KAA0BvB,QAA1B,CAhBJ,CADF;AAqBD,CArFD;;AAuFA,eAAeX,SAAS,CAACE,SAAD,CAAxB","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"]}
|
|
@@ -99,7 +99,7 @@ const Picker = _ref => {
|
|
|
99
99
|
borderLeftWidth: 1
|
|
100
100
|
} : {}),
|
|
101
101
|
borderBottomWidth: 1,
|
|
102
|
-
borderColor:
|
|
102
|
+
borderColor: "green",
|
|
103
103
|
borderStyle: "solid"
|
|
104
104
|
},
|
|
105
105
|
...extractedBorderStyles,
|
|
@@ -114,8 +114,7 @@ const Picker = _ref => {
|
|
|
114
114
|
const platform = Platform.OS;
|
|
115
115
|
const stylesWithoutBordersAndMargins = { ...{
|
|
116
116
|
height: 60,
|
|
117
|
-
width: "100%"
|
|
118
|
-
flex: platform === "web" ? undefined : 1
|
|
117
|
+
width: "100%"
|
|
119
118
|
},
|
|
120
119
|
...omit(viewStyles, [...borderStyleNames, ...marginStyleNames, "backgroundColor"])
|
|
121
120
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Picker.tsx"],"names":["React","View","StyleSheet","Text","Platform","omit","pickBy","identity","isObject","SafeAreaView","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","extractBorderAndMarginStyles","borderStyleNames","marginStyleNames","normalizeOptions","options","length","map","option","label","String","value","Error","unstyledColor","disabledColor","errorColor","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","internalValue","setInternalValue","useState","pickerVisible","togglePickerVisible","useReducer","state","useEffect","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","marginStyles","borderStyles","extractedBorderStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","platform","OS","stylesWithoutBordersAndMargins","height","width","flex","undefined","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","paddingLeft","assistiveTextLabel","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","create","alignSelf","alignItems","flexDirection","justifyContent","paddingRight","position","bottom","left","right","opacity","top"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n extractStyles,\n extractBorderAndMarginStyles,\n borderStyleNames,\n marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n value: string;\n label: string;\n}\n\nexport type PickerProps = {\n error?: any;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle> & { height?: number };\n value?: string;\n options: PickerOption[] | string[];\n onValueChange: (value: string, index: number) => void;\n defaultValue?: string;\n assistiveText?: string;\n label?: string;\n iconColor?: string;\n iconSize?: number;\n leftIconMode?: \"inset\" | \"outset\";\n leftIconName?: string;\n placeholderTextColor?: string;\n rightIconName?: string;\n type?: \"solid\" | \"underline\";\n theme: Theme;\n Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n if (options.length === 0) {\n return [];\n }\n\n if (typeof options[0] === (\"string\" || \"number\")) {\n return (options as string[]).map((option) => ({\n label: String(option),\n value: String(option),\n }));\n }\n\n if (\n isObject(options[0]) &&\n options[0].value !== null &&\n options[0].label !== null\n ) {\n return (options as PickerOption[]).map((option) => {\n return {\n label: String(option.label),\n value: String(option.value),\n };\n });\n }\n\n throw new Error(\n 'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n );\n}\n\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n error,\n options = [],\n onValueChange,\n defaultValue,\n Icon,\n style,\n placeholder,\n value,\n disabled = false,\n theme,\n assistiveText,\n label,\n iconColor = unstyledColor,\n iconSize = 24,\n leftIconMode = \"inset\",\n leftIconName,\n placeholderTextColor = unstyledColor,\n rightIconName,\n type = \"solid\",\n}) => {\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, togglePickerVisible] = React.useReducer(\n (state) => !state,\n false\n );\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const normalizedOptions = normalizeOptions(options);\n\n const pickerOptions = placeholder\n ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n : normalizedOptions;\n\n const { colors } = theme;\n\n const { viewStyles, textStyles } = extractStyles(style);\n\n const { marginStyles, borderStyles: extractedBorderStyles } =\n extractBorderAndMarginStyles(viewStyles, [\"backgroundColor\"]);\n\n const borderStyles = {\n ...{\n ...(type === \"solid\"\n ? {\n borderTopLeftRadius: 5,\n borderTopRightRadius: 5,\n borderBottomRightRadius: 5,\n borderBottomLeftRadius: 5,\n borderTopWidth: 1,\n borderRightWidth: 1,\n borderLeftWidth: 1,\n }\n : {}),\n borderBottomWidth: 1,\n borderColor: unstyledColor,\n borderStyle: \"solid\",\n },\n ...extractedBorderStyles,\n ...(error ? { borderColor: errorColor } : {}),\n ...(disabled\n ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n : {}),\n };\n\n const platform = Platform.OS;\n\n const stylesWithoutBordersAndMargins = {\n ...{\n height: 60,\n width: \"100%\",\n flex: platform === \"web\" ? undefined : 1,\n },\n ...omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n \"backgroundColor\",\n ]),\n };\n\n const selectedLabel =\n internalValue &&\n ((pickerOptions as unknown as PickerOption[]).find(\n (option) => option.value === internalValue\n )?.label ??\n internalValue);\n\n const labelText = label ? (\n <Text\n style={{\n textAlign: textStyles.textAlign,\n color: unstyledColor,\n fontSize: 12,\n paddingBottom: 4,\n }}\n >\n {label}\n </Text>\n ) : null;\n\n const leftIconOutset = leftIconMode === \"outset\";\n\n const leftIcon = leftIconName ? (\n <Icon\n name={leftIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: 4,\n marginLeft: 4,\n }}\n />\n ) : null;\n\n const rightIcon = rightIconName ? (\n <Icon\n name={rightIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: -10,\n marginLeft: 8,\n }}\n />\n ) : null;\n\n const width = stylesWithoutBordersAndMargins?.width;\n\n const textAlign = textStyles?.textAlign;\n\n const paddingLeft =\n leftIconOutset &&\n (!textAlign || textAlign === \"left\" || textAlign === \"justify\")\n ? iconSize + 4\n : 0;\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width,\n paddingLeft,\n color: unstyledColor,\n fontSize: 12,\n paddingTop: 4,\n }}\n >\n {assistiveText}\n </Text>\n ) : null;\n\n const primaryTextStyle = {\n color: unstyledColor,\n fontSize: 14,\n ...pickBy(textStyles, identity),\n ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n ...(disabled ? { color: unstyledColor } : {}),\n };\n\n const handleValueChange = (newValue: string, itemIndex: number) => {\n if (!placeholder || itemIndex > 0) {\n onValueChange?.(newValue, itemIndex);\n }\n setInternalValue(newValue);\n };\n\n return (\n /* marginsContainer */\n <View style={[styles.marginsContainer, marginStyles]}>\n {/* touchableContainer */}\n <Touchable\n disabled={disabled}\n onPress={togglePickerVisible}\n style={styles.touchableContainer}\n >\n {/* outsetContainer */}\n <View\n pointerEvents=\"none\"\n style={[\n styles.outsetContainer,\n stylesWithoutBordersAndMargins,\n !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {leftIcon}\n\n {/* insetContainer */}\n <View\n style={[\n styles.insetContainer,\n leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {/* primaryTextContainer */}\n <View style={styles.primaryTextContainer}>\n {labelText}\n\n <Text style={primaryTextStyle}>\n {String(selectedLabel ?? placeholder)}\n </Text>\n </View>\n\n {rightIcon}\n </View>\n </View>\n {assistiveTextLabel}\n </Touchable>\n\n {/* iosPicker */}\n {platform === \"ios\" && pickerVisible ? (\n <Portal>\n <View\n style={[\n styles.iosPicker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <SafeAreaView style={styles.iosSafeArea}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={togglePickerVisible}\n style={styles.iosButton}\n >\n {\"Close\"}\n </Button>\n\n <NativePicker\n style={styles.iosNativePicker}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n ) : null}\n\n {/* nonIosPicker */}\n {platform !== \"ios\" ? (\n <NativePicker\n enabled={!disabled}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n ) : null}\n </View>\n );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n marginsContainer: {\n alignSelf: \"stretch\",\n },\n touchableContainer: {\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingLeft: 12,\n paddingRight: 12,\n },\n primaryTextContainer: {\n flex: 1,\n },\n iosPicker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n },\n iosButton: {\n alignSelf: \"flex-end\",\n },\n iosNativePicker: {\n backgroundColor: \"white\",\n },\n nonIosPicker: {\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n },\n});\n"]}
|
|
1
|
+
{"version":3,"sources":["Picker.tsx"],"names":["React","View","StyleSheet","Text","Platform","omit","pickBy","identity","isObject","SafeAreaView","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","extractBorderAndMarginStyles","borderStyleNames","marginStyleNames","normalizeOptions","options","length","map","option","label","String","value","Error","unstyledColor","disabledColor","errorColor","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","internalValue","setInternalValue","useState","pickerVisible","togglePickerVisible","useReducer","state","useEffect","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","marginStyles","borderStyles","extractedBorderStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","platform","OS","stylesWithoutBordersAndMargins","height","width","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","paddingLeft","assistiveTextLabel","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","create","alignSelf","alignItems","flexDirection","justifyContent","flex","paddingRight","position","bottom","left","right","opacity","top"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n extractStyles,\n extractBorderAndMarginStyles,\n borderStyleNames,\n marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n value: string;\n label: string;\n}\n\nexport type PickerProps = {\n error?: any;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle> & { height?: number };\n value?: string;\n options: PickerOption[] | string[];\n onValueChange: (value: string, index: number) => void;\n defaultValue?: string;\n assistiveText?: string;\n label?: string;\n iconColor?: string;\n iconSize?: number;\n leftIconMode?: \"inset\" | \"outset\";\n leftIconName?: string;\n placeholderTextColor?: string;\n rightIconName?: string;\n type?: \"solid\" | \"underline\";\n theme: Theme;\n Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n if (options.length === 0) {\n return [];\n }\n\n if (typeof options[0] === (\"string\" || \"number\")) {\n return (options as string[]).map((option) => ({\n label: String(option),\n value: String(option),\n }));\n }\n\n if (\n isObject(options[0]) &&\n options[0].value !== null &&\n options[0].label !== null\n ) {\n return (options as PickerOption[]).map((option) => {\n return {\n label: String(option.label),\n value: String(option.value),\n };\n });\n }\n\n throw new Error(\n 'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n );\n}\n\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n error,\n options = [],\n onValueChange,\n defaultValue,\n Icon,\n style,\n placeholder,\n value,\n disabled = false,\n theme,\n assistiveText,\n label,\n iconColor = unstyledColor,\n iconSize = 24,\n leftIconMode = \"inset\",\n leftIconName,\n placeholderTextColor = unstyledColor,\n rightIconName,\n type = \"solid\",\n}) => {\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, togglePickerVisible] = React.useReducer(\n (state) => !state,\n false\n );\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const normalizedOptions = normalizeOptions(options);\n\n const pickerOptions = placeholder\n ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n : normalizedOptions;\n\n const { colors } = theme;\n\n const { viewStyles, textStyles } = extractStyles(style);\n\n const { marginStyles, borderStyles: extractedBorderStyles } =\n extractBorderAndMarginStyles(viewStyles, [\"backgroundColor\"]);\n\n const borderStyles = {\n ...{\n ...(type === \"solid\"\n ? {\n borderTopLeftRadius: 5,\n borderTopRightRadius: 5,\n borderBottomRightRadius: 5,\n borderBottomLeftRadius: 5,\n borderTopWidth: 1,\n borderRightWidth: 1,\n borderLeftWidth: 1,\n }\n : {}),\n borderBottomWidth: 1,\n borderColor: \"green\",\n borderStyle: \"solid\",\n },\n ...extractedBorderStyles,\n ...(error ? { borderColor: errorColor } : {}),\n ...(disabled\n ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n : {}),\n };\n\n const platform = Platform.OS;\n\n const stylesWithoutBordersAndMargins = {\n ...{\n height: 60,\n width: \"100%\",\n },\n ...omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n \"backgroundColor\",\n ]),\n };\n\n const selectedLabel =\n internalValue &&\n ((pickerOptions as unknown as PickerOption[]).find(\n (option) => option.value === internalValue\n )?.label ??\n internalValue);\n\n const labelText = label ? (\n <Text\n style={{\n textAlign: textStyles.textAlign,\n color: unstyledColor,\n fontSize: 12,\n paddingBottom: 4,\n }}\n >\n {label}\n </Text>\n ) : null;\n\n const leftIconOutset = leftIconMode === \"outset\";\n\n const leftIcon = leftIconName ? (\n <Icon\n name={leftIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: 4,\n marginLeft: 4,\n }}\n />\n ) : null;\n\n const rightIcon = rightIconName ? (\n <Icon\n name={rightIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: -10,\n marginLeft: 8,\n }}\n />\n ) : null;\n\n const width = stylesWithoutBordersAndMargins?.width;\n\n const textAlign = textStyles?.textAlign;\n\n const paddingLeft =\n leftIconOutset &&\n (!textAlign || textAlign === \"left\" || textAlign === \"justify\")\n ? iconSize + 4\n : 0;\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width,\n paddingLeft,\n color: unstyledColor,\n fontSize: 12,\n paddingTop: 4,\n }}\n >\n {assistiveText}\n </Text>\n ) : null;\n\n const primaryTextStyle = {\n color: unstyledColor,\n fontSize: 14,\n ...pickBy(textStyles, identity),\n ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n ...(disabled ? { color: unstyledColor } : {}),\n };\n\n const handleValueChange = (newValue: string, itemIndex: number) => {\n if (!placeholder || itemIndex > 0) {\n onValueChange?.(newValue, itemIndex);\n }\n setInternalValue(newValue);\n };\n\n return (\n /* marginsContainer */\n <View style={[styles.marginsContainer, marginStyles]}>\n {/* touchableContainer */}\n <Touchable\n disabled={disabled}\n onPress={togglePickerVisible}\n style={styles.touchableContainer}\n >\n {/* outsetContainer */}\n <View\n pointerEvents=\"none\"\n style={[\n styles.outsetContainer,\n stylesWithoutBordersAndMargins,\n !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {leftIcon}\n\n {/* insetContainer */}\n <View\n style={[\n styles.insetContainer,\n leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {/* primaryTextContainer */}\n <View style={styles.primaryTextContainer}>\n {labelText}\n\n <Text style={primaryTextStyle}>\n {String(selectedLabel ?? placeholder)}\n </Text>\n </View>\n\n {rightIcon}\n </View>\n </View>\n {assistiveTextLabel}\n </Touchable>\n\n {/* iosPicker */}\n {platform === \"ios\" && pickerVisible ? (\n <Portal>\n <View\n style={[\n styles.iosPicker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <SafeAreaView style={styles.iosSafeArea}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={togglePickerVisible}\n style={styles.iosButton}\n >\n {\"Close\"}\n </Button>\n\n <NativePicker\n style={styles.iosNativePicker}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n ) : null}\n\n {/* nonIosPicker */}\n {platform !== \"ios\" ? (\n <NativePicker\n enabled={!disabled}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n ) : null}\n </View>\n );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n marginsContainer: {\n alignSelf: \"stretch\",\n },\n touchableContainer: {\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingLeft: 12,\n paddingRight: 12,\n },\n primaryTextContainer: {\n flex: 1,\n },\n iosPicker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n },\n iosButton: {\n alignSelf: \"flex-end\",\n },\n iosNativePicker: {\n backgroundColor: \"white\",\n },\n nonIosPicker: {\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n },\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ProgressBar.
|
|
1
|
+
{"version":3,"sources":["ProgressBar.ts"],"names":["COMPONENT_TYPES","FORM_TYPES","GROUPS","PROP_TYPES","SEED_DATA","name","tag","description","category","deprecated","preview_image_url","supports_list_render","props","progress","group","data","label","formType","number","propType","NUMBER","defaultValue","min","max","step","precision","editable","required","color","basic","THEME","unfilledColor","borderRadius","borderWidth","borderColor","animationType","flatArray","STRING","options","layout","width","height"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,MAHF,EAIEC,UAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,cADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,WAAW,EAAE,kDAHf;AAIEC,EAAAA,QAAQ,EAAER,eAAe,CAACS,UAJ5B;AAKEC,EAAAA,iBAAiB,EAAE,sCALrB;AAMEC,EAAAA,oBAAoB,EAAE,KANxB;AAOEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAEZ,MAAM,CAACa,IADN;AAERC,MAAAA,KAAK,EAAE,UAFC;AAGRT,MAAAA,WAAW,EAAE,kDAHL;AAIRU,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MAJb;AAKRC,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MALb;AAMRC,MAAAA,YAAY,EAAE,GANN;AAORC,MAAAA,GAAG,EAAE,CAPG;AAQRC,MAAAA,GAAG,EAAE,CARG;AASRC,MAAAA,IAAI,EAAE,IATE;AAURC,MAAAA,SAAS,EAAE,CAVH;AAWRC,MAAAA,QAAQ,EAAE,IAXF;AAYRC,MAAAA,QAAQ,EAAE;AAZF,KADL;AAeLC,IAAAA,KAAK,EAAE;AACLd,MAAAA,KAAK,EAAEZ,MAAM,CAAC2B,KADT;AAELb,MAAAA,KAAK,EAAE,gBAFF;AAGLT,MAAAA,WAAW,EAAE,qCAHR;AAILU,MAAAA,QAAQ,EAAEhB,UAAU,CAAC2B,KAJhB;AAKLT,MAAAA,QAAQ,EAAEhB,UAAU,CAAC2B,KALhB;AAMLT,MAAAA,YAAY,EAAE,IANT;AAOLK,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KAfF;AAyBLI,IAAAA,aAAa,EAAE;AACbjB,MAAAA,KAAK,EAAEZ,MAAM,CAAC2B,KADD;AAEbb,MAAAA,KAAK,EAAE,gBAFM;AAGbT,MAAAA,WAAW,EACT,8GAJW;AAKbU,MAAAA,QAAQ,EAAEhB,UAAU,CAAC2B,KALR;AAMbT,MAAAA,QAAQ,EAAEhB,UAAU,CAAC2B,KANR;AAObT,MAAAA,YAAY,EAAE,IAPD;AAQbK,MAAAA,QAAQ,EAAE,IARG;AASbC,MAAAA,QAAQ,EAAE;AATG,KAzBV;AAoCLK,IAAAA,YAAY,EAAE;AACZlB,MAAAA,KAAK,EAAEZ,MAAM,CAAC2B,KADF;AAEZb,MAAAA,KAAK,EAAE,eAFK;AAGZT,MAAAA,WAAW,EAAE,8BAHD;AAIZU,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MAJT;AAKZC,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MALT;AAMZC,MAAAA,YAAY,EAAE,EANF;AAOZC,MAAAA,GAAG,EAAE,CAPO;AAQZC,MAAAA,GAAG,EAAE,GARO;AASZC,MAAAA,IAAI,EAAE,CATM;AAUZC,MAAAA,SAAS,EAAE,CAVC;AAWZC,MAAAA,QAAQ,EAAE,IAXE;AAYZC,MAAAA,QAAQ,EAAE;AAZE,KApCT;AAkDLM,IAAAA,WAAW,EAAE;AACXnB,MAAAA,KAAK,EAAEZ,MAAM,CAAC2B,KADH;AAEXb,MAAAA,KAAK,EAAE,cAFI;AAGXT,MAAAA,WAAW,EAAE,iDAHF;AAIXU,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MAJV;AAKXC,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MALV;AAMXC,MAAAA,YAAY,EAAE,CANH;AAOXC,MAAAA,GAAG,EAAE,CAPM;AAQXC,MAAAA,GAAG,EAAE,EARM;AASXC,MAAAA,IAAI,EAAE,CATK;AAUXC,MAAAA,SAAS,EAAE,CAVA;AAWXC,MAAAA,QAAQ,EAAE,IAXC;AAYXC,MAAAA,QAAQ,EAAE;AAZC,KAlDR;AAgELO,IAAAA,WAAW,EAAE;AACXpB,MAAAA,KAAK,EAAEZ,MAAM,CAAC2B,KADH;AAEXb,MAAAA,KAAK,EAAE,cAFI;AAGXT,MAAAA,WAAW,EAAE,2CAHF;AAIXU,MAAAA,QAAQ,EAAEhB,UAAU,CAAC2B,KAJV;AAKXT,MAAAA,QAAQ,EAAEhB,UAAU,CAAC2B,KALV;AAMXT,MAAAA,YAAY,EAAE,IANH;AAOXK,MAAAA,QAAQ,EAAE,IAPC;AAQXC,MAAAA,QAAQ,EAAE;AARC,KAhER;AA0ELQ,IAAAA,aAAa,EAAE;AACbrB,MAAAA,KAAK,EAAEZ,MAAM,CAAC2B,KADD;AAEbb,MAAAA,KAAK,EAAE,gBAFM;AAGbT,MAAAA,WAAW,EACT,6EAJW;AAKbU,MAAAA,QAAQ,EAAEhB,UAAU,CAACmC,SALR;AAMbjB,MAAAA,QAAQ,EAAEhB,UAAU,CAACkC,MANR;AAObhB,MAAAA,YAAY,EAAE,QAPD;AAQbiB,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,QAApB,CARI;AASbZ,MAAAA,QAAQ,EAAE,IATG;AAUbC,MAAAA,QAAQ,EAAE;AAVG;AA1EV,GAPT;AA8FEY,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,GADD;AAENC,IAAAA,MAAM,EAAE;AAFF;AA9FV,CADuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Progress Bar\",\n tag: \"ProgressBar\",\n description: \"A horizontal bar used to show completed progress\",\n category: COMPONENT_TYPES.deprecated,\n preview_image_url: \"{CLOUDINARY_URL}/Status_Progress.png\",\n supports_list_render: false,\n props: {\n progress: {\n group: GROUPS.data,\n label: \"Progress\",\n description: \"The amount of progress to display. A number 0-1.\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 0.5,\n min: 0,\n max: 1,\n step: 0.01,\n precision: 2,\n editable: true,\n required: true,\n },\n color: {\n group: GROUPS.basic,\n label: \"Progress Color\",\n description: \"Custom color for the progress shown\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n defaultValue: null,\n editable: true,\n required: true,\n },\n unfilledColor: {\n group: GROUPS.basic,\n label: \"Unfilled Color\",\n description:\n \"The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n defaultValue: null,\n editable: true,\n required: true,\n },\n borderRadius: {\n group: GROUPS.basic,\n label: \"Border Radius\",\n description: \"The border radius of the bar\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 10,\n min: 0,\n max: 100,\n step: 1,\n precision: 1,\n editable: true,\n required: true,\n },\n borderWidth: {\n group: GROUPS.basic,\n label: \"Border Width\",\n description: \"The width of the border that surrounds the bar.\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 1,\n min: 0,\n max: 15,\n step: 1,\n precision: 1,\n editable: true,\n required: true,\n },\n borderColor: {\n group: GROUPS.basic,\n label: \"Border Color\",\n description: \"Custom color for border of the entire bar\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n defaultValue: null,\n editable: true,\n required: true,\n },\n animationType: {\n group: GROUPS.basic,\n label: \"Animation Type\",\n description:\n \"The type of animation that occurs when the bar is filled(Default is Spring)\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"spring\",\n options: [\"decay\", \"timing\", \"spring\"],\n editable: true,\n required: true,\n },\n },\n layout: {\n width: 200,\n height: 20,\n },\n },\n];\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "44.1.
|
|
3
|
+
"version": "44.1.11-4476d0.0+4476d041",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
]
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "4476d0415f341d23248b783043e85fab49b8f6eb"
|
|
83
83
|
}
|
|
@@ -31,9 +31,8 @@ const Container = ({ useThemeGutterPadding, borderColor, borderWidth, background
|
|
|
31
31
|
paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
|
|
32
32
|
};
|
|
33
33
|
const Wrap = elevation ? Elevation : View;
|
|
34
|
-
if (elevation)
|
|
34
|
+
if (elevation)
|
|
35
35
|
containerStyle.elevation = elevation;
|
|
36
|
-
}
|
|
37
36
|
return (React.createElement(Wrap, { style: [containerStyle, style], ...rest }, backgroundImage ? (React.createElement(ImageBackground, { source: typeof backgroundImage === "string"
|
|
38
37
|
? { uri: backgroundImage }
|
|
39
38
|
: backgroundImage, resizeMode: backgroundImageResizeMode, style: {
|
|
@@ -88,9 +88,7 @@ const Container: React.FC<Props> = ({
|
|
|
88
88
|
|
|
89
89
|
const Wrap = elevation ? Elevation : View;
|
|
90
90
|
|
|
91
|
-
if (elevation)
|
|
92
|
-
containerStyle.elevation = elevation;
|
|
93
|
-
}
|
|
91
|
+
if (elevation) containerStyle.elevation = elevation;
|
|
94
92
|
|
|
95
93
|
return (
|
|
96
94
|
<Wrap style={[containerStyle, style]} {...rest}>
|
|
@@ -67,7 +67,7 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
|
|
|
67
67
|
}
|
|
68
68
|
: {}),
|
|
69
69
|
borderBottomWidth: 1,
|
|
70
|
-
borderColor:
|
|
70
|
+
borderColor: "green",
|
|
71
71
|
borderStyle: "solid",
|
|
72
72
|
},
|
|
73
73
|
...extractedBorderStyles,
|
|
@@ -81,7 +81,6 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
|
|
|
81
81
|
...{
|
|
82
82
|
height: 60,
|
|
83
83
|
width: "100%",
|
|
84
|
-
flex: platform === "web" ? undefined : 1,
|
|
85
84
|
},
|
|
86
85
|
...omit(viewStyles, [
|
|
87
86
|
...borderStyleNames,
|
|
@@ -154,7 +154,7 @@ const Picker: React.FC<PickerProps> = ({
|
|
|
154
154
|
}
|
|
155
155
|
: {}),
|
|
156
156
|
borderBottomWidth: 1,
|
|
157
|
-
borderColor:
|
|
157
|
+
borderColor: "green",
|
|
158
158
|
borderStyle: "solid",
|
|
159
159
|
},
|
|
160
160
|
...extractedBorderStyles,
|
|
@@ -170,7 +170,6 @@ const Picker: React.FC<PickerProps> = ({
|
|
|
170
170
|
...{
|
|
171
171
|
height: 60,
|
|
172
172
|
width: "100%",
|
|
173
|
-
flex: platform === "web" ? undefined : 1,
|
|
174
173
|
},
|
|
175
174
|
...omit(viewStyles, [
|
|
176
175
|
...borderStyleNames,
|