@draftbit/core 42.1.6-f67332.0 → 42.1.6
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.
|
@@ -1,5 +1,3 @@
|
|
|
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
|
-
|
|
3
1
|
import * as React from "react";
|
|
4
2
|
import { Text, Pressable, Platform, StyleSheet, ActivityIndicator } from "react-native";
|
|
5
3
|
import { withTheme } from "../theming";
|
|
@@ -57,7 +55,7 @@ function Base({
|
|
|
57
55
|
buttonStyles.justifyContent = "flex-end";
|
|
58
56
|
}
|
|
59
57
|
|
|
60
|
-
return /*#__PURE__*/React.createElement(Pressable,
|
|
58
|
+
return /*#__PURE__*/React.createElement(Pressable, {
|
|
61
59
|
onPress: onPress,
|
|
62
60
|
disabled: disabled || loading,
|
|
63
61
|
style: ({
|
|
@@ -66,8 +64,9 @@ function Base({
|
|
|
66
64
|
return [styles.base, {
|
|
67
65
|
opacity: pressed || disabled ? 0.75 : 1
|
|
68
66
|
}, buttonStyles];
|
|
69
|
-
}
|
|
70
|
-
|
|
67
|
+
},
|
|
68
|
+
...props
|
|
69
|
+
}, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
|
|
71
70
|
size: "small",
|
|
72
71
|
color: color,
|
|
73
72
|
style: styles.loading
|
|
@@ -86,13 +85,14 @@ const Solid = ({
|
|
|
86
85
|
theme,
|
|
87
86
|
...props
|
|
88
87
|
}) => {
|
|
89
|
-
return /*#__PURE__*/React.createElement(Base,
|
|
88
|
+
return /*#__PURE__*/React.createElement(Base, {
|
|
90
89
|
style: [{
|
|
91
90
|
color: "#FFF",
|
|
92
91
|
borderRadius: theme.roundness,
|
|
93
92
|
backgroundColor: theme.colors.primary
|
|
94
|
-
}, style]
|
|
95
|
-
|
|
93
|
+
}, style],
|
|
94
|
+
...props
|
|
95
|
+
});
|
|
96
96
|
};
|
|
97
97
|
|
|
98
98
|
const ButtonSolid = withTheme(Solid);
|
|
@@ -103,13 +103,14 @@ const Outline = ({
|
|
|
103
103
|
theme,
|
|
104
104
|
...props
|
|
105
105
|
}) => {
|
|
106
|
-
return /*#__PURE__*/React.createElement(Base,
|
|
106
|
+
return /*#__PURE__*/React.createElement(Base, {
|
|
107
107
|
style: [styles.outline, {
|
|
108
108
|
borderRadius: theme.roundness,
|
|
109
109
|
borderColor: theme.colors.primary,
|
|
110
110
|
color: theme.colors.primary
|
|
111
|
-
}, style]
|
|
112
|
-
|
|
111
|
+
}, style],
|
|
112
|
+
...props
|
|
113
|
+
});
|
|
113
114
|
};
|
|
114
115
|
|
|
115
116
|
const ButtonOutline = withTheme(Outline);
|
|
@@ -119,12 +120,13 @@ export const BaseLink = ({
|
|
|
119
120
|
theme,
|
|
120
121
|
...props
|
|
121
122
|
}) => {
|
|
122
|
-
return /*#__PURE__*/React.createElement(Base,
|
|
123
|
+
return /*#__PURE__*/React.createElement(Base, {
|
|
123
124
|
style: [styles.bare, {
|
|
124
125
|
color: theme.colors.primary
|
|
125
126
|
}, style],
|
|
126
|
-
hitSlop: 8
|
|
127
|
-
|
|
127
|
+
hitSlop: 8,
|
|
128
|
+
...props
|
|
129
|
+
});
|
|
128
130
|
};
|
|
129
131
|
const Link = withTheme(BaseLink);
|
|
130
132
|
export { Link };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Button.tsx"],"names":["React","Text","Pressable","Platform","StyleSheet","ActivityIndicator","withTheme","COMPONENT_TYPES","createIconProp","createBoolProp","createTextProp","GROUPS","createActionProp","Triggers","CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","flatten","titleStyles","justifyContent","pressed","styles","base","opacity","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","Outline","outline","borderColor","ButtonOutline","BaseLink","bare","Link","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","select","web","cursor","userSelect","borderWidth","undefined","marginRight","marginTop","alignSelf","default","marginBottom","SEED_DATA_TRIGGERS","OnPress","SEED_DATA_PROPS","defaultValue","required","label","description","group","basic","LAYOUT","SEED_DATA","name","tag","category","button","layout","triggers"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n Text,\n Pressable,\n Platform,\n StyleSheet,\n TextStyle,\n PressableProps,\n ActivityIndicator,\n} from \"react-native\";\n\nimport { withTheme } from \"../theming\";\n\nimport {\n COMPONENT_TYPES,\n createIconProp,\n createBoolProp,\n createTextProp,\n GROUPS,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst CONSTANTS = {\n baseHeight: 42,\n borderRadius: 4,\n padding: 8,\n icon: 24,\n};\n\ntype BaseProps = {\n title: string;\n disabled: boolean;\n loading: boolean;\n style?: TextStyle;\n onPress: () => void;\n icon?: string;\n} & PressableProps &\n IconSlot;\n\ntype Props = {\n title: string;\n disabled: boolean;\n loading: boolean;\n style?: TextStyle;\n onPress: () => void;\n icon?: string;\n theme: Theme;\n} & PressableProps &\n IconSlot;\n\nfunction Base({\n Icon,\n icon,\n title,\n onPress,\n loading,\n disabled,\n style,\n ...props\n}: BaseProps): JSX.Element {\n const {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n ...buttonStyles\n } = StyleSheet.flatten(style || ({} as TextStyle));\n\n const titleStyles: TextStyle = {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n };\n\n if (textAlign === \"left\") {\n buttonStyles.justifyContent = \"flex-start\";\n }\n\n if (textAlign === \"right\") {\n buttonStyles.justifyContent = \"flex-end\";\n }\n\n return (\n <Pressable\n onPress={onPress}\n disabled={disabled || loading}\n style={({ pressed }) => {\n return [\n styles.base,\n {\n opacity: pressed || disabled ? 0.75 : 1,\n },\n buttonStyles,\n ];\n }}\n {...props}\n >\n {loading ? (\n <ActivityIndicator size=\"small\" color={color} style={styles.loading} />\n ) : null}\n {icon && !loading ? (\n <Icon\n name={icon}\n color={color as string}\n style={styles.icon}\n size={CONSTANTS.icon}\n />\n ) : null}\n <Text style={titleStyles}>{title}</Text>\n </Pressable>\n );\n}\n\nconst Solid = ({ style, theme, ...props }: Props): JSX.Element => {\n return (\n <Base\n style={[\n {\n color: \"#FFF\",\n borderRadius: theme.roundness,\n backgroundColor: theme.colors.primary,\n },\n style,\n ]}\n {...props}\n />\n );\n};\n\nconst ButtonSolid: any = withTheme(Solid);\nexport { ButtonSolid };\n\nconst Outline = ({ style, theme, ...props }: Props): JSX.Element => {\n return (\n <Base\n style={[\n styles.outline,\n {\n borderRadius: theme.roundness,\n borderColor: theme.colors.primary,\n color: theme.colors.primary,\n },\n style,\n ]}\n {...props}\n />\n );\n};\n\nconst ButtonOutline: any = withTheme(Outline);\nexport { ButtonOutline };\n\nexport const BaseLink = ({ style, theme, ...props }: Props): JSX.Element => {\n return (\n <Base\n style={[styles.bare, { color: theme.colors.primary }, style]}\n hitSlop={8}\n {...props}\n />\n );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nconst styles = StyleSheet.create({\n base: {\n position: \"relative\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: CONSTANTS.baseHeight,\n paddingHorizontal: 12,\n fontFamily: \"System\",\n fontWeight: \"700\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n outline: {\n backgroundColor: \"transparent\",\n borderWidth: 1,\n },\n bare: {\n backgroundColor: \"transparent\",\n padding: 0,\n minHeight: undefined,\n },\n loading: {\n marginRight: 6,\n },\n icon: {\n ...Platform.select({\n web: {\n marginTop: 1,\n marginRight: 4,\n alignSelf: \"center\",\n },\n default: {\n marginBottom: 2,\n marginRight: 4,\n alignSelf: \"center\",\n },\n }),\n },\n});\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n onPress: createActionProp(),\n icon: createIconProp({\n defaultValue: null,\n required: false,\n }),\n title: createTextProp({\n label: \"Label\",\n description: \"Button Label\",\n defaultValue: \"Get Started\",\n }),\n disabled: createBoolProp({\n group: GROUPS.basic,\n label: \"Disabled\",\n description: \"Whether the button should be disabled\",\n }),\n loading: createBoolProp({\n group: GROUPS.basic,\n label: \"Loading\",\n description: \"Whether to show a loading indicator\",\n }),\n};\n\nconst LAYOUT = {\n backgroundColor: \"transparent\",\n borderRadius: 8,\n fontFamily: \"system-700\",\n};\n\nexport const SEED_DATA = [\n {\n name: \"Button Outline\",\n tag: \"ButtonOutline\",\n category: COMPONENT_TYPES.button,\n layout: {\n ...LAYOUT,\n backgroundColor: \"transparent\",\n borderWidth: 1,\n textAlign: \"center\",\n },\n triggers: SEED_DATA_TRIGGERS,\n props: SEED_DATA_PROPS,\n },\n {\n name: \"Button Solid\",\n tag: \"ButtonSolid\",\n category: COMPONENT_TYPES.button,\n layout: {\n ...LAYOUT,\n backgroundColor: \"primary\",\n textAlign: \"center\",\n },\n triggers: SEED_DATA_TRIGGERS,\n props: SEED_DATA_PROPS,\n },\n {\n name: \"Link\",\n tag: \"Link\",\n category: COMPONENT_TYPES.button,\n layout: {\n ...LAYOUT,\n backgroundColor: \"transparent\",\n color: \"primary\",\n padding: 0,\n minHeight: undefined,\n },\n triggers: SEED_DATA_TRIGGERS,\n props: SEED_DATA_PROPS,\n },\n];\n"]}
|
|
1
|
+
{"version":3,"sources":["Button.js"],"names":["React","Text","Pressable","Platform","StyleSheet","ActivityIndicator","withTheme","COMPONENT_TYPES","createIconProp","createBoolProp","createTextProp","GROUPS","createActionProp","Triggers","CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","flatten","titleStyles","justifyContent","createElement","pressed","styles","base","opacity","size","name","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","Outline","outline","borderColor","ButtonOutline","BaseLink","bare","hitSlop","Link","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","select","web","cursor","userSelect","borderWidth","undefined","marginRight","marginTop","alignSelf","default","marginBottom","SEED_DATA_TRIGGERS","OnPress","SEED_DATA_PROPS","defaultValue","required","label","description","group","basic","LAYOUT","SEED_DATA","tag","category","button","layout","triggers"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Text, Pressable, Platform, StyleSheet, ActivityIndicator, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createIconProp, createBoolProp, createTextProp, GROUPS, createActionProp, Triggers, } from \"@draftbit/types\";\nconst CONSTANTS = {\n baseHeight: 42,\n borderRadius: 4,\n padding: 8,\n icon: 24,\n};\nfunction Base({ Icon, icon, title, onPress, loading, disabled, style, ...props }) {\n const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...buttonStyles } = StyleSheet.flatten(style || {});\n const titleStyles = {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n };\n if (textAlign === \"left\") {\n buttonStyles.justifyContent = \"flex-start\";\n }\n if (textAlign === \"right\") {\n buttonStyles.justifyContent = \"flex-end\";\n }\n return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {\n return [\n styles.base,\n {\n opacity: pressed || disabled ? 0.75 : 1,\n },\n buttonStyles,\n ];\n }, ...props },\n loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: color, style: styles.loading })) : null,\n icon && !loading ? (React.createElement(Icon, { name: icon, color: color, style: styles.icon, size: CONSTANTS.icon })) : null,\n React.createElement(Text, { style: titleStyles }, title)));\n}\nconst Solid = ({ style, theme, ...props }) => {\n return (React.createElement(Base, { style: [\n {\n color: \"#FFF\",\n borderRadius: theme.roundness,\n backgroundColor: theme.colors.primary,\n },\n style,\n ], ...props }));\n};\nconst ButtonSolid = withTheme(Solid);\nexport { ButtonSolid };\nconst Outline = ({ style, theme, ...props }) => {\n return (React.createElement(Base, { style: [\n styles.outline,\n {\n borderRadius: theme.roundness,\n borderColor: theme.colors.primary,\n color: theme.colors.primary,\n },\n style,\n ], ...props }));\n};\nconst ButtonOutline = withTheme(Outline);\nexport { ButtonOutline };\nexport const BaseLink = ({ style, theme, ...props }) => {\n return (React.createElement(Base, { style: [styles.bare, { color: theme.colors.primary }, style], hitSlop: 8, ...props }));\n};\nconst Link = withTheme(BaseLink);\nexport { Link };\nconst styles = StyleSheet.create({\n base: {\n position: \"relative\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: CONSTANTS.baseHeight,\n paddingHorizontal: 12,\n fontFamily: \"System\",\n fontWeight: \"700\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n outline: {\n backgroundColor: \"transparent\",\n borderWidth: 1,\n },\n bare: {\n backgroundColor: \"transparent\",\n padding: 0,\n minHeight: undefined,\n },\n loading: {\n marginRight: 6,\n },\n icon: {\n ...Platform.select({\n web: {\n marginTop: 1,\n marginRight: 4,\n alignSelf: \"center\",\n },\n default: {\n marginBottom: 2,\n marginRight: 4,\n alignSelf: \"center\",\n },\n }),\n },\n});\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n onPress: createActionProp(),\n icon: createIconProp({\n defaultValue: null,\n required: false,\n }),\n title: createTextProp({\n label: \"Label\",\n description: \"Button Label\",\n defaultValue: \"Get Started\",\n }),\n disabled: createBoolProp({\n group: GROUPS.basic,\n label: \"Disabled\",\n description: \"Whether the button should be disabled\",\n }),\n loading: createBoolProp({\n group: GROUPS.basic,\n label: \"Loading\",\n description: \"Whether to show a loading indicator\",\n }),\n};\nconst LAYOUT = {\n backgroundColor: \"transparent\",\n borderRadius: 8,\n fontFamily: \"system-700\",\n};\nexport const SEED_DATA = [\n {\n name: \"Button Outline\",\n tag: \"ButtonOutline\",\n category: COMPONENT_TYPES.button,\n layout: {\n ...LAYOUT,\n backgroundColor: \"transparent\",\n borderWidth: 1,\n textAlign: \"center\",\n },\n triggers: SEED_DATA_TRIGGERS,\n props: SEED_DATA_PROPS,\n },\n {\n name: \"Button Solid\",\n tag: \"ButtonSolid\",\n category: COMPONENT_TYPES.button,\n layout: {\n ...LAYOUT,\n backgroundColor: \"primary\",\n textAlign: \"center\",\n },\n triggers: SEED_DATA_TRIGGERS,\n props: SEED_DATA_PROPS,\n },\n {\n name: \"Link\",\n tag: \"Link\",\n category: COMPONENT_TYPES.button,\n layout: {\n ...LAYOUT,\n backgroundColor: \"transparent\",\n color: \"primary\",\n padding: 0,\n minHeight: undefined,\n },\n triggers: SEED_DATA_TRIGGERS,\n props: SEED_DATA_PROPS,\n },\n];\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=ResizeMode.js.
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=ResizeMode.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
|
|
1
|
+
{"version":3,"sources":["ResizeMode.js"],"names":[],"mappings":"AAAA","sourcesContent":["export {};\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "42.1.6
|
|
3
|
+
"version": "42.1.6",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
]
|
|
94
94
|
]
|
|
95
95
|
},
|
|
96
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "9611e4cf53dab158a4ca26b8a048b747e35e8657"
|
|
97
97
|
}
|