@draftbit/core 46.1.1 → 46.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Picker/Picker.js +5 -7
- package/lib/commonjs/components/Picker/Picker.js.map +1 -1
- package/lib/commonjs/mappings/CheckboxGroup.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageCaption.js.map +1 -1
- package/lib/commonjs/mappings/Swiper.js.map +1 -1
- package/lib/module/components/Picker/Picker.js +5 -4
- package/lib/module/components/Picker/Picker.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Picker/Picker.js +5 -4
- package/src/components/Picker/Picker.tsx +6 -8
|
@@ -66,8 +66,6 @@ const disabledColor = "rgb(240, 240, 240)";
|
|
|
66
66
|
const errorColor = "rgba(255, 69, 100, 1)";
|
|
67
67
|
|
|
68
68
|
const Picker = _ref => {
|
|
69
|
-
var _find;
|
|
70
|
-
|
|
71
69
|
let {
|
|
72
70
|
error,
|
|
73
71
|
options = [],
|
|
@@ -159,7 +157,10 @@ const Picker = _ref => {
|
|
|
159
157
|
...extractedMarginStyles
|
|
160
158
|
};
|
|
161
159
|
const stylesWithoutBordersAndMargins = (0, _lodash.omit)(viewStyles, [..._utilities.borderStyleNames, ..._utilities.marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
|
|
162
|
-
const
|
|
160
|
+
const optionExists = internalValue ? pickerOptions.find(option => option.value === internalValue) : {
|
|
161
|
+
label: null
|
|
162
|
+
};
|
|
163
|
+
const selectedLabel = optionExists && optionExists.label ? optionExists.label : placeholder;
|
|
163
164
|
const labelText = label ? /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
164
165
|
style: {
|
|
165
166
|
textAlign: textStyles.textAlign,
|
|
@@ -250,7 +251,7 @@ const Picker = _ref => {
|
|
|
250
251
|
style: styles.primaryTextContainer
|
|
251
252
|
}, labelText, /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
252
253
|
style: primaryTextStyle
|
|
253
|
-
}, String(selectedLabel
|
|
254
|
+
}, String(selectedLabel))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
254
255
|
style: [styles.iosPicker, {
|
|
255
256
|
backgroundColor: colors.divider
|
|
256
257
|
}]
|
|
@@ -358,7 +359,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
358
359
|
maxHeight: deviceHeight
|
|
359
360
|
}
|
|
360
361
|
});
|
|
361
|
-
//# sourceMappingURL=Picker.js.map deviceHeight
|
|
362
|
-
}
|
|
363
|
-
});
|
|
364
362
|
//# sourceMappingURL=Picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["normalizeOptions","options","length","map","option","label","String","value","isObject","Error","width","deviceWidth","height","deviceHeight","Dimensions","get","isIos","Platform","OS","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","React","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","extractStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","extractBorderAndMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","omit","borderStyleNames","marginStyleNames","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","pickBy","identity","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","withTheme","StyleSheet","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"sources":["Picker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n Dimensions,\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 { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\nconst isIos = Platform.OS === \"ios\";\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 androidPickerRef = React.useRef<any | undefined>(undefined);\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n\n const togglePickerVisible = () => {\n setPickerVisible(!pickerVisible);\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 React.useEffect(() => {\n if (pickerVisible && androidPickerRef.current) {\n androidPickerRef?.current?.focus();\n }\n }, [pickerVisible, androidPickerRef]);\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 additionalBorderStyles = [\"backgroundColor\"];\n\n const additionalMarginStyles = [\n \"bottom\",\n \"height\",\n \"left\",\n \"maxHeight\",\n \"maxWidth\",\n \"minHeight\",\n \"minWidth\",\n \"overflow\",\n \"position\",\n \"right\",\n \"top\",\n \"width\",\n \"zIndex\",\n ];\n\n const {\n borderStyles: extractedBorderStyles,\n marginStyles: extractedMarginStyles,\n } = extractBorderAndMarginStyles(\n viewStyles,\n additionalBorderStyles,\n additionalMarginStyles\n );\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 marginStyles = {\n height: 60,\n ...extractedMarginStyles,\n };\n\n const stylesWithoutBordersAndMargins = omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n ...additionalBorderStyles,\n ...additionalMarginStyles,\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 textAlign = textStyles?.textAlign;\n\n const calculateLeftPadding = () => {\n if (leftIconOutset) {\n if (textAlign === \"center\") {\n return iconSize - Math.abs(8 - iconSize);\n }\n\n return iconSize + 8;\n }\n\n return 0;\n };\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width: \"100%\",\n paddingLeft: calculateLeftPadding(),\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 {isIos && 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 {!isIos && pickerVisible ? (\n <NativePicker\n enabled={pickerVisible}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n ref={androidPickerRef}\n onBlur={() => setPickerVisible(false)}\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 alignItems: \"center\",\n width: \"100%\",\n maxWidth: deviceWidth,\n },\n touchableContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"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 width: \"100%\",\n maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n maxWidth: deviceWidth,\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 maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["normalizeOptions","options","length","map","option","label","String","value","isObject","Error","width","deviceWidth","height","deviceHeight","Dimensions","get","isIos","Platform","OS","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","React","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","extractStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","extractBorderAndMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","omit","borderStyleNames","marginStyleNames","optionExists","find","selectedLabel","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","pickBy","identity","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","withTheme","StyleSheet","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"sources":["Picker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n Dimensions,\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 { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\nconst isIos = Platform.OS === \"ios\";\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 androidPickerRef = React.useRef<any | undefined>(undefined);\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n\n const togglePickerVisible = () => {\n setPickerVisible(!pickerVisible);\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 React.useEffect(() => {\n if (pickerVisible && androidPickerRef.current) {\n androidPickerRef?.current?.focus();\n }\n }, [pickerVisible, androidPickerRef]);\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 additionalBorderStyles = [\"backgroundColor\"];\n\n const additionalMarginStyles = [\n \"bottom\",\n \"height\",\n \"left\",\n \"maxHeight\",\n \"maxWidth\",\n \"minHeight\",\n \"minWidth\",\n \"overflow\",\n \"position\",\n \"right\",\n \"top\",\n \"width\",\n \"zIndex\",\n ];\n\n const {\n borderStyles: extractedBorderStyles,\n marginStyles: extractedMarginStyles,\n } = extractBorderAndMarginStyles(\n viewStyles,\n additionalBorderStyles,\n additionalMarginStyles\n );\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 marginStyles = {\n height: 60,\n ...extractedMarginStyles,\n };\n\n const stylesWithoutBordersAndMargins = omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n ...additionalBorderStyles,\n ...additionalMarginStyles,\n ]);\n\n const optionExists = internalValue\n ? pickerOptions.find((option) => option.value === internalValue)\n : { label: null };\n\n const selectedLabel =\n optionExists && optionExists.label ? optionExists.label : placeholder;\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 textAlign = textStyles?.textAlign;\n\n const calculateLeftPadding = () => {\n if (leftIconOutset) {\n if (textAlign === \"center\") {\n return iconSize - Math.abs(8 - iconSize);\n }\n\n return iconSize + 8;\n }\n\n return 0;\n };\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width: \"100%\",\n paddingLeft: calculateLeftPadding(),\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}>{String(selectedLabel)}</Text>\n </View>\n\n {rightIcon}\n </View>\n </View>\n {assistiveTextLabel}\n </Touchable>\n\n {/* iosPicker */}\n {isIos && 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 {!isIos && pickerVisible ? (\n <NativePicker\n enabled={pickerVisible}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n ref={androidPickerRef}\n onBlur={() => setPickerVisible(false)}\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 alignItems: \"center\",\n width: \"100%\",\n maxWidth: deviceWidth,\n },\n touchableContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"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 width: \"100%\",\n maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n maxWidth: deviceWidth,\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 maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n});\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","values","createTextProp","group","GROUPS","data","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","ARRAY","label","description","required","defaultValue","fieldName","createFieldNameProp","handlerPropName","valuePropName"],"sources":["CheckboxGroup.
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","values","createTextProp","group","GROUPS","data","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","ARRAY","label","description","required","defaultValue","fieldName","createFieldNameProp","handlerPropName","valuePropName"],"sources":["CheckboxGroup.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n createTextProp,\n PROP_TYPES,\n createFieldNameProp,\n createDirectionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Checkbox Group\",\n tag: \"CheckboxGroup\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n values: createTextProp({\n group: GROUPS.data,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.ARRAY,\n label: \"Values\",\n description: \"Currently selected values of the checkbox group\",\n required: true,\n defaultValue: null,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"checkboxGroupValue\",\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,gBADiB;EAEvBC,GAAG,EAAE,eAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,GADN;IAELC,MAAM,EAAE,IAAAC,qBAAA,EAAe;MACrBC,KAAK,EAAEC,aAAA,CAAOC,IADO;MAErBC,QAAQ,EAAEC,iBAAA,CAAWC,SAFA;MAGrBC,QAAQ,EAAEC,iBAAA,CAAWC,KAHA;MAIrBC,KAAK,EAAE,QAJc;MAKrBC,WAAW,EAAE,iDALQ;MAMrBC,QAAQ,EAAE,IANW;MAOrBC,YAAY,EAAE;IAPO,CAAf,CAFH;IAWLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BF,YAAY,EAAE,oBADe;MAE7BG,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAApB;EAXN;AANgB,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","caption","layout","image","ASSET","subtitle"],"sources":["RowHeadlineImageCaption.js"],"sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Single Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned image and headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned headline text and subtitle text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned image, headline text, and subtitle text, and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n];\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG,CACrB;EACIC,IAAI,EAAE,kCADV;EAEIC,GAAG,EAAE,yBAFT;EAGIC,WAAW,EAAE,sEAHjB;EAIIC,QAAQ,EAAEC,sBAAA,CAAgBC,GAJ9B;EAKIC,iBAAiB,EAAE,qDALvB;EAMIC,oBAAoB,EAAE,IAN1B;EAOIC,KAAK,EAAE;IACHC,KAAK,EAAE;MACHC,KAAK,EAAEC,aAAA,CAAOC,IADX;MAEHC,KAAK,EAAE,OAFJ;MAGHX,WAAW,EAAE,0BAHV;MAIHY,QAAQ,EAAEC,iBAAA,CAAWC,MAJlB;MAKHC,QAAQ,EAAEC,iBAAA,CAAWC,MALlB;MAMHC,YAAY,EAAE,4BANX;MAOHC,QAAQ,EAAE,IAPP;MAQHC,QAAQ,EAAE;IARP,CADJ;IAWHC,OAAO,EAAE;MACLb,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,SAFF;MAGLX,WAAW,EAAE,yBAHR;MAILY,QAAQ,EAAEC,iBAAA,CAAWC,MAJhB;MAKLC,QAAQ,EAAEC,iBAAA,CAAWC,MALhB;MAMLC,YAAY,EAAE,MANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL;EAXN,CAPX;EA6BIE,MAAM,EAAE;AA7BZ,CADqB,EAgCrB;EACIxB,IAAI,EAAE,wCADV;EAEIC,GAAG,EAAE,yBAFT;EAGIC,WAAW,EAAE,gFAHjB;EAIIC,QAAQ,EAAEC,sBAAA,CAAgBC,GAJ9B;EAKIC,iBAAiB,EAAE,0DALvB;EAMIC,oBAAoB,EAAE,IAN1B;EAOIC,KAAK,EAAE;IACHC,KAAK,EAAE;MACHC,KAAK,EAAEC,aAAA,CAAOC,IADX;MAEHC,KAAK,EAAE,OAFJ;MAGHX,WAAW,EAAE,0BAHV;MAIHY,QAAQ,EAAEC,iBAAA,CAAWC,MAJlB;MAKHC,QAAQ,EAAEC,iBAAA,CAAWC,MALlB;MAMHC,YAAY,EAAE,4BANX;MAOHC,QAAQ,EAAE,IAPP;MAQHC,QAAQ,EAAE;IARP,CADJ;IAWHC,OAAO,EAAE;MACLb,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,SAFF;MAGLX,WAAW,EAAE,yBAHR;MAILY,QAAQ,EAAEC,iBAAA,CAAWC,MAJhB;MAKLC,QAAQ,EAAEC,iBAAA,CAAWC,MALhB;MAMLC,YAAY,EAAE,MANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CAXN;IAqBHG,KAAK,EAAE;MACHf,KAAK,EAAEC,aAAA,CAAOC,IADX;MAEHC,KAAK,EAAE,OAFJ;MAGHX,WAAW,EAAE,kBAHV;MAIHY,QAAQ,EAAEC,iBAAA,CAAWU,KAJlB;MAKHR,QAAQ,EAAEC,iBAAA,CAAWQ,KALlB;MAMHN,YAAY,EAAE,IANX;MAOHC,QAAQ,EAAE,IAPP;MAQHC,QAAQ,EAAE;IARP;EArBJ,CAPX;EAuCIE,MAAM,EAAE;AAvCZ,CAhCqB,EAyErB;EACIxB,IAAI,EAAE,kCADV;EAEIC,GAAG,EAAE,yBAFT;EAGIC,WAAW,EAAE,wFAHjB;EAIIC,QAAQ,EAAEC,sBAAA,CAAgBC,GAJ9B;EAKIC,iBAAiB,EAAE,qDALvB;EAMIC,oBAAoB,EAAE,IAN1B;EAOIC,KAAK,EAAE;IACHC,KAAK,EAAE;MACHC,KAAK,EAAEC,aAAA,CAAOC,IADX;MAEHC,KAAK,EAAE,OAFJ;MAGHX,WAAW,EAAE,0BAHV;MAIHY,QAAQ,EAAEC,iBAAA,CAAWC,MAJlB;MAKHC,QAAQ,EAAEC,iBAAA,CAAWC,MALlB;MAMHC,YAAY,EAAE,4BANX;MAOHC,QAAQ,EAAE,IAPP;MAQHC,QAAQ,EAAE;IARP,CADJ;IAWHK,QAAQ,EAAE;MACNjB,KAAK,EAAEC,aAAA,CAAOC,IADR;MAENC,KAAK,EAAE,UAFD;MAGNX,WAAW,EAAE,0BAHP;MAINY,QAAQ,EAAEC,iBAAA,CAAWC,MAJf;MAKNC,QAAQ,EAAEC,iBAAA,CAAWC,MALf;MAMNC,YAAY,EAAE,WANR;MAONC,QAAQ,EAAE,IAPJ;MAQNC,QAAQ,EAAE;IARJ,CAXP;IAqBHC,OAAO,EAAE;MACLb,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,SAFF;MAGLX,WAAW,EAAE,yBAHR;MAILY,QAAQ,EAAEC,iBAAA,CAAWC,MAJhB;MAKLC,QAAQ,EAAEC,iBAAA,CAAWC,MALhB;MAMLC,YAAY,EAAE,MANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL;EArBN,CAPX;EAuCIE,MAAM,EAAE;AAvCZ,CAzEqB,EAkHrB;EACIxB,IAAI,EAAE,wCADV;EAEIC,GAAG,EAAE,yBAFT;EAGIC,WAAW,EAAE,iGAHjB;EAIIC,QAAQ,EAAEC,sBAAA,CAAgBC,GAJ9B;EAKIC,iBAAiB,EAAE,qDALvB;EAMIC,oBAAoB,EAAE,IAN1B;EAOIC,KAAK,EAAE;IACHC,KAAK,EAAE;MACHC,KAAK,EAAEC,aAAA,CAAOC,IADX;MAEHC,KAAK,EAAE,OAFJ;MAGHX,WAAW,EAAE,0BAHV;MAIHY,QAAQ,EAAEC,iBAAA,CAAWC,MAJlB;MAKHC,QAAQ,EAAEC,iBAAA,CAAWC,MALlB;MAMHC,YAAY,EAAE,4BANX;MAOHC,QAAQ,EAAE,IAPP;MAQHC,QAAQ,EAAE;IARP,CADJ;IAWHK,QAAQ,EAAE;MACNjB,KAAK,EAAEC,aAAA,CAAOC,IADR;MAENC,KAAK,EAAE,UAFD;MAGNX,WAAW,EAAE,0BAHP;MAINY,QAAQ,EAAEC,iBAAA,CAAWC,MAJf;MAKNC,QAAQ,EAAEC,iBAAA,CAAWC,MALf;MAMNC,YAAY,EAAE,WANR;MAONC,QAAQ,EAAE,IAPJ;MAQNC,QAAQ,EAAE;IARJ,CAXP;IAqBHC,OAAO,EAAE;MACLb,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,SAFF;MAGLX,WAAW,EAAE,yBAHR;MAILY,QAAQ,EAAEC,iBAAA,CAAWC,MAJhB;MAKLC,QAAQ,EAAEC,iBAAA,CAAWC,MALhB;MAMLC,YAAY,EAAE,MANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CArBN;IA+BHG,KAAK,EAAE;MACHf,KAAK,EAAEC,aAAA,CAAOC,IADX;MAEHC,KAAK,EAAE,OAFJ;MAGHX,WAAW,EAAE,kBAHV;MAIHY,QAAQ,EAAEC,iBAAA,CAAWU,KAJlB;MAKHR,QAAQ,EAAEC,iBAAA,CAAWQ,KALlB;MAMHN,YAAY,EAAE,IANX;MAOHC,QAAQ,EAAE,IAPP;MAQHC,QAAQ,EAAE;IARP;EA/BJ,CAPX;EAiDIE,MAAM,EAAE;AAjDZ,CAlHqB,CAAlB"}
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","caption","layout","image","ASSET","subtitle"],"sources":["RowHeadlineImageCaption.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Single Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned image and headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url:\n \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned headline text and subtitle text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned image, headline text, and subtitle text, and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n];\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","layout","height","width","props","from","createNumberProp","group","GROUPS","basic","label","loop","createBoolProp","timeout","defaultValue","vertical","prevTitle","createTextProp","nextTitle","prevTitleColor","createColorProp","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"sources":["Swiper.
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","layout","height","width","props","from","createNumberProp","group","GROUPS","basic","label","loop","createBoolProp","timeout","defaultValue","vertical","prevTitle","createTextProp","nextTitle","prevTitleColor","createColorProp","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"sources":["Swiper.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createNumberProp,\n createTextProp,\n createColorProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Swiper\",\n tag: \"Swiper\",\n description: \"Swiper container\",\n category: COMPONENT_TYPES.container,\n layout: {\n height: 300,\n width: \"100%\",\n },\n props: {\n from: createNumberProp({\n group: GROUPS.basic,\n label: \"Initial Slide\",\n }),\n loop: createBoolProp({\n group: GROUPS.basic,\n label: \"Loop\",\n }),\n timeout: createNumberProp({\n group: GROUPS.basic,\n label: \"Timeout\",\n defaultValue: 0,\n }),\n vertical: createBoolProp({\n group: GROUPS.basic,\n label: \"Vertical\",\n defaultValue: false,\n }),\n prevTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Previous Title\",\n defaultValue: \"\",\n }),\n nextTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Next Title\",\n defaultValue: \"\",\n }),\n prevTitleColor: createColorProp({\n label: \"Previous Title Color\",\n }),\n nextTitleColor: createColorProp({\n label: \"Next Title Color\",\n }),\n dotColor: createColorProp({\n label: \"Dot Color\",\n defaultValue: \"light\",\n }),\n dotActiveColor: createColorProp({\n label: \"Dot Active Color\",\n defaultValue: \"primary\",\n }),\n dotsTouchable: createBoolProp({\n group: GROUPS.basic,\n label: \"Dots Touchable\",\n defaultValue: true,\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,QADiB;EAEvBC,GAAG,EAAE,QAFkB;EAGvBC,WAAW,EAAE,kBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,SAJH;EAKvBC,MAAM,EAAE;IACNC,MAAM,EAAE,GADF;IAENC,KAAK,EAAE;EAFD,CALe;EASvBC,KAAK,EAAE;IACLC,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBC,KAAK,EAAE;IAFc,CAAjB,CADD;IAKLC,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACnBL,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBC,KAAK,EAAE;IAFY,CAAf,CALD;IASLG,OAAO,EAAE,IAAAP,uBAAA,EAAiB;MACxBC,KAAK,EAAEC,aAAA,CAAOC,KADU;MAExBC,KAAK,EAAE,SAFiB;MAGxBI,YAAY,EAAE;IAHU,CAAjB,CATJ;IAcLC,QAAQ,EAAE,IAAAH,qBAAA,EAAe;MACvBL,KAAK,EAAEC,aAAA,CAAOC,KADS;MAEvBC,KAAK,EAAE,UAFgB;MAGvBI,YAAY,EAAE;IAHS,CAAf,CAdL;IAmBLE,SAAS,EAAE,IAAAC,qBAAA,EAAe;MACxBV,KAAK,EAAEC,aAAA,CAAOC,KADU;MAExBC,KAAK,EAAE,gBAFiB;MAGxBI,YAAY,EAAE;IAHU,CAAf,CAnBN;IAwBLI,SAAS,EAAE,IAAAD,qBAAA,EAAe;MACxBV,KAAK,EAAEC,aAAA,CAAOC,KADU;MAExBC,KAAK,EAAE,YAFiB;MAGxBI,YAAY,EAAE;IAHU,CAAf,CAxBN;IA6BLK,cAAc,EAAE,IAAAC,sBAAA,EAAgB;MAC9BV,KAAK,EAAE;IADuB,CAAhB,CA7BX;IAgCLW,cAAc,EAAE,IAAAD,sBAAA,EAAgB;MAC9BV,KAAK,EAAE;IADuB,CAAhB,CAhCX;IAmCLY,QAAQ,EAAE,IAAAF,sBAAA,EAAgB;MACxBV,KAAK,EAAE,WADiB;MAExBI,YAAY,EAAE;IAFU,CAAhB,CAnCL;IAuCLS,cAAc,EAAE,IAAAH,sBAAA,EAAgB;MAC9BV,KAAK,EAAE,kBADuB;MAE9BI,YAAY,EAAE;IAFgB,CAAhB,CAvCX;IA2CLU,aAAa,EAAE,IAAAZ,qBAAA,EAAe;MAC5BL,KAAK,EAAEC,aAAA,CAAOC,KADc;MAE5BC,KAAK,EAAE,gBAFqB;MAG5BI,YAAY,EAAE;IAHc,CAAf;EA3CV;AATgB,CAAlB"}
|
|
@@ -43,8 +43,6 @@ const disabledColor = "rgb(240, 240, 240)";
|
|
|
43
43
|
const errorColor = "rgba(255, 69, 100, 1)";
|
|
44
44
|
|
|
45
45
|
const Picker = _ref => {
|
|
46
|
-
var _find;
|
|
47
|
-
|
|
48
46
|
let {
|
|
49
47
|
error,
|
|
50
48
|
options = [],
|
|
@@ -136,7 +134,10 @@ const Picker = _ref => {
|
|
|
136
134
|
...extractedMarginStyles
|
|
137
135
|
};
|
|
138
136
|
const stylesWithoutBordersAndMargins = omit(viewStyles, [...borderStyleNames, ...marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
|
|
139
|
-
const
|
|
137
|
+
const optionExists = internalValue ? pickerOptions.find(option => option.value === internalValue) : {
|
|
138
|
+
label: null
|
|
139
|
+
};
|
|
140
|
+
const selectedLabel = optionExists && optionExists.label ? optionExists.label : placeholder;
|
|
140
141
|
const labelText = label ? /*#__PURE__*/React.createElement(Text, {
|
|
141
142
|
style: {
|
|
142
143
|
textAlign: textStyles.textAlign,
|
|
@@ -227,7 +228,7 @@ const Picker = _ref => {
|
|
|
227
228
|
style: styles.primaryTextContainer
|
|
228
229
|
}, labelText, /*#__PURE__*/React.createElement(Text, {
|
|
229
230
|
style: primaryTextStyle
|
|
230
|
-
}, String(selectedLabel
|
|
231
|
+
}, String(selectedLabel))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
|
|
231
232
|
style: [styles.iosPicker, {
|
|
232
233
|
backgroundColor: colors.divider
|
|
233
234
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","Text","Platform","Dimensions","omit","pickBy","identity","isObject","SafeAreaView","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","extractBorderAndMarginStyles","borderStyleNames","marginStyleNames","normalizeOptions","options","length","map","option","label","String","value","Error","width","deviceWidth","height","deviceHeight","get","isIos","OS","unstyledColor","disabledColor","errorColor","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"sources":["Picker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n Dimensions,\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 { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\nconst isIos = Platform.OS === \"ios\";\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 androidPickerRef = React.useRef<any | undefined>(undefined);\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n\n const togglePickerVisible = () => {\n setPickerVisible(!pickerVisible);\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 React.useEffect(() => {\n if (pickerVisible && androidPickerRef.current) {\n androidPickerRef?.current?.focus();\n }\n }, [pickerVisible, androidPickerRef]);\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 additionalBorderStyles = [\"backgroundColor\"];\n\n const additionalMarginStyles = [\n \"bottom\",\n \"height\",\n \"left\",\n \"maxHeight\",\n \"maxWidth\",\n \"minHeight\",\n \"minWidth\",\n \"overflow\",\n \"position\",\n \"right\",\n \"top\",\n \"width\",\n \"zIndex\",\n ];\n\n const {\n borderStyles: extractedBorderStyles,\n marginStyles: extractedMarginStyles,\n } = extractBorderAndMarginStyles(\n viewStyles,\n additionalBorderStyles,\n additionalMarginStyles\n );\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 marginStyles = {\n height: 60,\n ...extractedMarginStyles,\n };\n\n const stylesWithoutBordersAndMargins = omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n ...additionalBorderStyles,\n ...additionalMarginStyles,\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 textAlign = textStyles?.textAlign;\n\n const calculateLeftPadding = () => {\n if (leftIconOutset) {\n if (textAlign === \"center\") {\n return iconSize - Math.abs(8 - iconSize);\n }\n\n return iconSize + 8;\n }\n\n return 0;\n };\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width: \"100%\",\n paddingLeft: calculateLeftPadding(),\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 {isIos && 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 {!isIos && pickerVisible ? (\n <NativePicker\n enabled={pickerVisible}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n ref={androidPickerRef}\n onBlur={() => setPickerVisible(false)}\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 alignItems: \"center\",\n width: \"100%\",\n maxWidth: deviceWidth,\n },\n touchableContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"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 width: \"100%\",\n maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n maxWidth: deviceWidth,\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 maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Text","Platform","Dimensions","omit","pickBy","identity","isObject","SafeAreaView","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","extractBorderAndMarginStyles","borderStyleNames","marginStyleNames","normalizeOptions","options","length","map","option","label","String","value","Error","width","deviceWidth","height","deviceHeight","get","isIos","OS","unstyledColor","disabledColor","errorColor","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","optionExists","find","selectedLabel","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"sources":["Picker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n Dimensions,\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 { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\nconst isIos = Platform.OS === \"ios\";\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 androidPickerRef = React.useRef<any | undefined>(undefined);\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n\n const togglePickerVisible = () => {\n setPickerVisible(!pickerVisible);\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 React.useEffect(() => {\n if (pickerVisible && androidPickerRef.current) {\n androidPickerRef?.current?.focus();\n }\n }, [pickerVisible, androidPickerRef]);\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 additionalBorderStyles = [\"backgroundColor\"];\n\n const additionalMarginStyles = [\n \"bottom\",\n \"height\",\n \"left\",\n \"maxHeight\",\n \"maxWidth\",\n \"minHeight\",\n \"minWidth\",\n \"overflow\",\n \"position\",\n \"right\",\n \"top\",\n \"width\",\n \"zIndex\",\n ];\n\n const {\n borderStyles: extractedBorderStyles,\n marginStyles: extractedMarginStyles,\n } = extractBorderAndMarginStyles(\n viewStyles,\n additionalBorderStyles,\n additionalMarginStyles\n );\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 marginStyles = {\n height: 60,\n ...extractedMarginStyles,\n };\n\n const stylesWithoutBordersAndMargins = omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n ...additionalBorderStyles,\n ...additionalMarginStyles,\n ]);\n\n const optionExists = internalValue\n ? pickerOptions.find((option) => option.value === internalValue)\n : { label: null };\n\n const selectedLabel =\n optionExists && optionExists.label ? optionExists.label : placeholder;\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 textAlign = textStyles?.textAlign;\n\n const calculateLeftPadding = () => {\n if (leftIconOutset) {\n if (textAlign === \"center\") {\n return iconSize - Math.abs(8 - iconSize);\n }\n\n return iconSize + 8;\n }\n\n return 0;\n };\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width: \"100%\",\n paddingLeft: calculateLeftPadding(),\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}>{String(selectedLabel)}</Text>\n </View>\n\n {rightIcon}\n </View>\n </View>\n {assistiveTextLabel}\n </Touchable>\n\n {/* iosPicker */}\n {isIos && 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 {!isIos && pickerVisible ? (\n <NativePicker\n enabled={pickerVisible}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n ref={androidPickerRef}\n onBlur={() => setPickerVisible(false)}\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 alignItems: \"center\",\n width: \"100%\",\n maxWidth: deviceWidth,\n },\n touchableContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"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 width: \"100%\",\n maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n maxWidth: deviceWidth,\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 maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n});\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.1.
|
|
3
|
+
"version": "46.1.2",
|
|
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": "aca107b83c5b98fe00ef793f7beb7f930e92d9a1"
|
|
83
83
|
}
|
|
@@ -113,9 +113,10 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
|
|
|
113
113
|
...additionalBorderStyles,
|
|
114
114
|
...additionalMarginStyles,
|
|
115
115
|
]);
|
|
116
|
-
const
|
|
117
|
-
|
|
118
|
-
|
|
116
|
+
const optionExists = internalValue
|
|
117
|
+
? pickerOptions.find((option) => option.value === internalValue)
|
|
118
|
+
: { label: null };
|
|
119
|
+
const selectedLabel = optionExists && optionExists.label ? optionExists.label : placeholder;
|
|
119
120
|
const labelText = label ? (React.createElement(Text, { style: {
|
|
120
121
|
textAlign: textStyles.textAlign,
|
|
121
122
|
color: unstyledColor,
|
|
@@ -178,7 +179,7 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
|
|
|
178
179
|
] },
|
|
179
180
|
React.createElement(View, { style: styles.primaryTextContainer },
|
|
180
181
|
labelText,
|
|
181
|
-
React.createElement(Text, { style: primaryTextStyle }, String(selectedLabel
|
|
182
|
+
React.createElement(Text, { style: primaryTextStyle }, String(selectedLabel))),
|
|
182
183
|
rightIcon)),
|
|
183
184
|
assistiveTextLabel),
|
|
184
185
|
isIos && pickerVisible ? (React.createElement(Portal, null,
|
|
@@ -212,12 +212,12 @@ const Picker: React.FC<PickerProps> = ({
|
|
|
212
212
|
...additionalMarginStyles,
|
|
213
213
|
]);
|
|
214
214
|
|
|
215
|
+
const optionExists = internalValue
|
|
216
|
+
? pickerOptions.find((option) => option.value === internalValue)
|
|
217
|
+
: { label: null };
|
|
218
|
+
|
|
215
219
|
const selectedLabel =
|
|
216
|
-
|
|
217
|
-
((pickerOptions as unknown as PickerOption[]).find(
|
|
218
|
-
(option) => option.value === internalValue
|
|
219
|
-
)?.label ??
|
|
220
|
-
internalValue);
|
|
220
|
+
optionExists && optionExists.label ? optionExists.label : placeholder;
|
|
221
221
|
|
|
222
222
|
const labelText = label ? (
|
|
223
223
|
<Text
|
|
@@ -333,9 +333,7 @@ const Picker: React.FC<PickerProps> = ({
|
|
|
333
333
|
<View style={styles.primaryTextContainer}>
|
|
334
334
|
{labelText}
|
|
335
335
|
|
|
336
|
-
<Text style={primaryTextStyle}>
|
|
337
|
-
{String(selectedLabel ?? placeholder)}
|
|
338
|
-
</Text>
|
|
336
|
+
<Text style={primaryTextStyle}>{String(selectedLabel)}</Text>
|
|
339
337
|
</View>
|
|
340
338
|
|
|
341
339
|
{rightIcon}
|