@draftbit/core 46.2.0 → 46.2.1-45f2e3.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.
Files changed (60) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +24 -5
  2. package/lib/commonjs/components/Accordion/AccordionItem.js.map +1 -1
  3. package/lib/commonjs/components/DatePicker/DatePickerComponentType.js.map +1 -1
  4. package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -14
  5. package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
  6. package/lib/commonjs/components/StarRating.js +24 -5
  7. package/lib/commonjs/components/StarRating.js.map +1 -1
  8. package/lib/commonjs/mappings/ActionSheetItem.js.map +1 -1
  9. package/lib/commonjs/mappings/BlurView.js.map +1 -1
  10. package/lib/commonjs/mappings/FlatList.js +4 -0
  11. package/lib/commonjs/mappings/FlatList.js.map +1 -1
  12. package/lib/commonjs/mappings/NumberInput.js +241 -0
  13. package/lib/commonjs/mappings/NumberInput.js.map +1 -0
  14. package/lib/commonjs/mappings/RadioButton.js.map +1 -1
  15. package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
  16. package/lib/commonjs/mappings/Text.js +33 -26
  17. package/lib/commonjs/mappings/Text.js.map +1 -1
  18. package/lib/commonjs/mappings/TextArea.js +181 -2
  19. package/lib/commonjs/mappings/TextArea.js.map +1 -1
  20. package/lib/commonjs/mappings/TextField.js +191 -2
  21. package/lib/commonjs/mappings/TextField.js.map +1 -1
  22. package/lib/commonjs/mappings/TextInput.js +180 -29
  23. package/lib/commonjs/mappings/TextInput.js.map +1 -1
  24. package/lib/module/components/AvatarEdit.js +16 -5
  25. package/lib/module/components/AvatarEdit.js.map +1 -1
  26. package/lib/module/components/CardBlock.js +15 -5
  27. package/lib/module/components/CardBlock.js.map +1 -1
  28. package/lib/module/components/Checkbox/CheckboxRow.js +23 -6
  29. package/lib/module/components/Checkbox/CheckboxRow.js.map +1 -1
  30. package/lib/module/mappings/FlatList.js +4 -0
  31. package/lib/module/mappings/FlatList.js.map +1 -1
  32. package/lib/module/mappings/NumberInput.js +231 -0
  33. package/lib/module/mappings/NumberInput.js.map +1 -0
  34. package/lib/module/mappings/Text.js +33 -26
  35. package/lib/module/mappings/Text.js.map +1 -1
  36. package/lib/module/mappings/TextArea.js +182 -3
  37. package/lib/module/mappings/TextArea.js.map +1 -1
  38. package/lib/module/mappings/TextField.js +192 -3
  39. package/lib/module/mappings/TextField.js.map +1 -1
  40. package/lib/module/mappings/TextInput.js +180 -29
  41. package/lib/module/mappings/TextInput.js.map +1 -1
  42. package/lib/typescript/src/mappings/FlatList.d.ts +10 -0
  43. package/lib/typescript/src/mappings/NumberInput.d.ts +297 -0
  44. package/lib/typescript/src/mappings/Text.d.ts +24 -10
  45. package/lib/typescript/src/mappings/TextArea.d.ts +1 -11
  46. package/lib/typescript/src/mappings/TextField.d.ts +4 -4
  47. package/lib/typescript/src/mappings/TextInput.d.ts +3 -254
  48. package/package.json +2 -2
  49. package/src/mappings/FlatList.js +4 -0
  50. package/src/mappings/FlatList.ts +4 -0
  51. package/src/mappings/NumberInput.js +248 -0
  52. package/src/mappings/NumberInput.ts +267 -0
  53. package/src/mappings/Text.js +33 -26
  54. package/src/mappings/Text.ts +34 -27
  55. package/src/mappings/TextArea.js +210 -3
  56. package/src/mappings/TextArea.ts +216 -3
  57. package/src/mappings/TextField.js +220 -3
  58. package/src/mappings/TextField.ts +227 -3
  59. package/src/mappings/TextInput.js +208 -31
  60. package/src/mappings/TextInput.ts +214 -34
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","position","top","right","borderColor","backgroundColor","borderRadius","padding"],"sources":["AvatarEdit.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n image: string | ImageSourcePropType;\n size?: number;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst AvatarEdit: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n image,\n size = 80,\n onPress = () => {},\n style,\n theme,\n ...rest\n}) => {\n const colorStyles = {\n editBackgroundColor: theme.colors.primary,\n editIconColor: theme.colors.surface,\n editBorderColor: theme.colors.surface,\n };\n\n const dimensions = {\n width: size,\n height: size,\n };\n\n return (\n <View style={[style, dimensions]} {...rest}>\n <Touchable onPress={onPress}>\n <CircleImage source={image} size={size} />\n <View\n style={{\n position: \"absolute\",\n top: -3,\n right: -3,\n borderColor: colorStyles.editBorderColor,\n backgroundColor: colorStyles.editBackgroundColor,\n borderRadius: size * (3 / 16),\n padding: size * (3 / 32),\n }}\n >\n <Icon\n name=\"MaterialIcons/edit\"\n color={colorStyles.editIconColor}\n size={size * (3 / 16)}\n />\n </View>\n </Touchable>\n </View>\n );\n};\n\nexport default withTheme(AvatarEdit);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAgE,cAAhE;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,MAAMC,UAAoD,GAAG,QAQvD;EAAA,IARwD;IAC5DC,IAD4D;IAE5DC,KAF4D;IAG5DC,IAAI,GAAG,EAHqD;IAI5DC,OAAO,GAAG,MAAM,CAAE,CAJ0C;IAK5DC,KAL4D;IAM5DC,KAN4D;IAO5D,GAAGC;EAPyD,CAQxD;EACJ,MAAMC,WAAW,GAAG;IAClBC,mBAAmB,EAAEH,KAAK,CAACI,MAAN,CAAaC,OADhB;IAElBC,aAAa,EAAEN,KAAK,CAACI,MAAN,CAAaG,OAFV;IAGlBC,eAAe,EAAER,KAAK,CAACI,MAAN,CAAaG;EAHZ,CAApB;EAMA,MAAME,UAAU,GAAG;IACjBC,KAAK,EAAEb,IADU;IAEjBc,MAAM,EAAEd;EAFS,CAAnB;EAKA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACE,KAAD,EAAQU,UAAR;EAAb,GAAsCR,IAAtC,gBACE,oBAAC,SAAD;IAAW,OAAO,EAAEH;EAApB,gBACE,oBAAC,WAAD;IAAa,MAAM,EAAEF,KAArB;IAA4B,IAAI,EAAEC;EAAlC,EADF,eAEE,oBAAC,IAAD;IACE,KAAK,EAAE;MACLe,QAAQ,EAAE,UADL;MAELC,GAAG,EAAE,CAAC,CAFD;MAGLC,KAAK,EAAE,CAAC,CAHH;MAILC,WAAW,EAAEb,WAAW,CAACM,eAJpB;MAKLQ,eAAe,EAAEd,WAAW,CAACC,mBALxB;MAMLc,YAAY,EAAEpB,IAAI,IAAI,IAAI,EAAR,CANb;MAOLqB,OAAO,EAAErB,IAAI,IAAI,IAAI,EAAR;IAPR;EADT,gBAWE,oBAAC,IAAD;IACE,IAAI,EAAC,oBADP;IAEE,KAAK,EAAEK,WAAW,CAACI,aAFrB;IAGE,IAAI,EAAET,IAAI,IAAI,IAAI,EAAR;EAHZ,EAXF,CAFF,CADF,CADF;AAwBD,CA5CD;;AA8CA,eAAeJ,SAAS,CAACC,UAAD,CAAxB"}
1
+ {"version":3,"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","createElement","source","position","top","right","borderColor","backgroundColor","borderRadius","padding","name","color"],"sources":["AvatarEdit.js"],"sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\nconst AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {\n const colorStyles = {\n editBackgroundColor: theme.colors.primary,\n editIconColor: theme.colors.surface,\n editBorderColor: theme.colors.surface,\n };\n const dimensions = {\n width: size,\n height: size,\n };\n return (React.createElement(View, { style: [style, dimensions], ...rest },\n React.createElement(Touchable, { onPress: onPress },\n React.createElement(CircleImage, { source: image, size: size }),\n React.createElement(View, { style: {\n position: \"absolute\",\n top: -3,\n right: -3,\n borderColor: colorStyles.editBorderColor,\n backgroundColor: colorStyles.editBackgroundColor,\n borderRadius: size * (3 / 16),\n padding: size * (3 / 32),\n } },\n React.createElement(Icon, { name: \"MaterialIcons/edit\", color: colorStyles.editIconColor, size: size * (3 / 16) })))));\n};\nexport default withTheme(AvatarEdit);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AACA,MAAMC,UAAU,GAAG,QAA4E;EAAA,IAA3E;IAAEC,IAAF;IAAQC,KAAR;IAAeC,IAAI,GAAG,EAAtB;IAA0BC,OAAO,GAAG,MAAM,CAAG,CAA7C;IAA+CC,KAA/C;IAAsDC,KAAtD;IAA6D,GAAGC;EAAhE,CAA2E;EAC3F,MAAMC,WAAW,GAAG;IAChBC,mBAAmB,EAAEH,KAAK,CAACI,MAAN,CAAaC,OADlB;IAEhBC,aAAa,EAAEN,KAAK,CAACI,MAAN,CAAaG,OAFZ;IAGhBC,eAAe,EAAER,KAAK,CAACI,MAAN,CAAaG;EAHd,CAApB;EAKA,MAAME,UAAU,GAAG;IACfC,KAAK,EAAEb,IADQ;IAEfc,MAAM,EAAEd;EAFO,CAAnB;EAIA,oBAAQR,KAAK,CAACuB,aAAN,CAAoBtB,IAApB,EAA0B;IAAES,KAAK,EAAE,CAACA,KAAD,EAAQU,UAAR,CAAT;IAA8B,GAAGR;EAAjC,CAA1B,eACJZ,KAAK,CAACuB,aAAN,CAAoBrB,SAApB,EAA+B;IAAEO,OAAO,EAAEA;EAAX,CAA/B,eACIT,KAAK,CAACuB,aAAN,CAAoBpB,WAApB,EAAiC;IAAEqB,MAAM,EAAEjB,KAAV;IAAiBC,IAAI,EAAEA;EAAvB,CAAjC,CADJ,eAEIR,KAAK,CAACuB,aAAN,CAAoBtB,IAApB,EAA0B;IAAES,KAAK,EAAE;MAC3Be,QAAQ,EAAE,UADiB;MAE3BC,GAAG,EAAE,CAAC,CAFqB;MAG3BC,KAAK,EAAE,CAAC,CAHmB;MAI3BC,WAAW,EAAEf,WAAW,CAACM,eAJE;MAK3BU,eAAe,EAAEhB,WAAW,CAACC,mBALF;MAM3BgB,YAAY,EAAEtB,IAAI,IAAI,IAAI,EAAR,CANS;MAO3BuB,OAAO,EAAEvB,IAAI,IAAI,IAAI,EAAR;IAPc;EAAT,CAA1B,eASIR,KAAK,CAACuB,aAAN,CAAoBjB,IAApB,EAA0B;IAAE0B,IAAI,EAAE,oBAAR;IAA8BC,KAAK,EAAEpB,WAAW,CAACI,aAAjD;IAAgET,IAAI,EAAEA,IAAI,IAAI,IAAI,EAAR;EAA1E,CAA1B,CATJ,CAFJ,CADI,CAAR;AAaH,CAvBD;;AAwBA,eAAeJ,SAAS,CAACC,UAAD,CAAxB"}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 React from "react";
4
2
  import { View, Text } from "react-native";
5
3
  import Image from "./Image";
@@ -47,11 +45,12 @@ const CardBlock = _ref => {
47
45
  const rightDescriptionStyles = [typography.subtitle2, {
48
46
  color: colors.light
49
47
  }];
50
- return /*#__PURE__*/React.createElement(Card, _extends({
48
+ return /*#__PURE__*/React.createElement(Card, {
51
49
  style: style,
52
50
  onPress: onPress,
53
- numColumns: numColumns
54
- }, rest), /*#__PURE__*/React.createElement(View, {
51
+ numColumns: numColumns,
52
+ ...rest
53
+ }, /*#__PURE__*/React.createElement(View, {
55
54
  style: {
56
55
  backgroundColor: colors.background
57
56
  }
@@ -101,5 +100,16 @@ const CardBlock = _ref => {
101
100
  }, rightDescription) : null) : null));
102
101
  };
103
102
 
103
+ export default withTheme(CardBlock);
104
+ //# sourceMappingURL=CardBlock.js.map numberOfLines: 1,
105
+ style: [typography.body2, {
106
+ color: colors.medium
107
+ }]
108
+ }, leftDescription), rightDescription ? /*#__PURE__*/React.createElement(Text, {
109
+ numberOfLines: 1,
110
+ style: rightDescriptionStyles
111
+ }, rightDescription) : null) : null));
112
+ };
113
+
104
114
  export default withTheme(CardBlock);
105
115
  //# sourceMappingURL=CardBlock.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardBlock","image","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","backgroundColor","background","borderRadius","uri","flexDirection","alignItems","justifyContent","marginTop","strong","body2","medium"],"sources":["CardBlock.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n ImageSourcePropType,\n View,\n Text,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\nimport { justificationType } from \"./Justification\";\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n leftDescription?: string;\n rightDescription?: string;\n titleCentered: boolean;\n aspectRatio?: number;\n elevation?: number;\n numColumns?: number;\n theme: typeof theme;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n};\n\nconst CardBlock: React.FC<React.PropsWithChildren<Props>> = ({\n image = Config.cardImageUrl,\n title,\n leftDescription,\n rightDescription,\n titleCentered,\n aspectRatio = 1.5,\n elevation = 2,\n numColumns = 3,\n theme: { colors, roundness, typography },\n style,\n onPress,\n ...rest\n}) => {\n let titleJustification: justificationType;\n\n let titleStyle;\n if (titleCentered && !leftDescription && !rightDescription) {\n titleJustification = \"center\";\n } else {\n titleJustification = \"space-between\";\n }\n\n if (numColumns === 1) {\n titleStyle = typography.button;\n } else if (numColumns === 2) {\n titleStyle = typography.headline6;\n } else {\n titleStyle = typography.headline5;\n }\n\n const rightDescriptionStyles = [\n typography.subtitle2,\n { color: colors.light },\n ];\n\n return (\n <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n <View style={{ backgroundColor: colors.background }}>\n <Elevation style={{ elevation, borderRadius: roundness }}>\n <Image\n style={{\n borderRadius: roundness,\n aspectRatio,\n }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n </Elevation>\n {title ? (\n <View\n style={{\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: titleJustification,\n marginTop: numColumns === 3 ? 16 : 12,\n }}\n >\n <Text\n numberOfLines={1}\n style={[titleStyle, { color: colors.strong }]}\n >\n {title}\n </Text>\n {!leftDescription && rightDescription ? (\n <Text style={rightDescriptionStyles}>{rightDescription}</Text>\n ) : null}\n </View>\n ) : null}\n {leftDescription ? (\n <View\n style={{\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginTop: numColumns === 3 ? 4 : 4 / 2,\n }}\n >\n <Text\n numberOfLines={1}\n style={[typography.body2, { color: colors.medium }]}\n >\n {leftDescription}\n </Text>\n {rightDescription ? (\n <Text numberOfLines={1} style={rightDescriptionStyles}>\n {rightDescription}\n </Text>\n ) : null}\n </View>\n ) : null}\n </View>\n </Card>\n );\n};\n\nexport default withTheme(CardBlock);\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardBlock","image","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","createElement","backgroundColor","background","borderRadius","source","uri","resizeMode","flexDirection","alignItems","justifyContent","marginTop","numberOfLines","strong","body2","medium"],"sources":["CardBlock.js"],"sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst CardBlock = ({ image = Config.cardImageUrl, title, leftDescription, rightDescription, titleCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n let titleJustification;\n let titleStyle;\n if (titleCentered && !leftDescription && !rightDescription) {\n titleJustification = \"center\";\n }\n else {\n titleJustification = \"space-between\";\n }\n if (numColumns === 1) {\n titleStyle = typography.button;\n }\n else if (numColumns === 2) {\n titleStyle = typography.headline6;\n }\n else {\n titleStyle = typography.headline5;\n }\n const rightDescriptionStyles = [\n typography.subtitle2,\n { color: colors.light },\n ];\n return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n React.createElement(View, { style: { backgroundColor: colors.background } },\n React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n React.createElement(Image, { style: {\n borderRadius: roundness,\n aspectRatio,\n }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" })),\n title ? (React.createElement(View, { style: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: titleJustification,\n marginTop: numColumns === 3 ? 16 : 12,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title),\n !leftDescription && rightDescription ? (React.createElement(Text, { style: rightDescriptionStyles }, rightDescription)) : null)) : null,\n leftDescription ? (React.createElement(View, { style: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginTop: numColumns === 3 ? 4 : 4 / 2,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [typography.body2, { color: colors.medium }] }, leftDescription),\n rightDescription ? (React.createElement(Text, { numberOfLines: 1, style: rightDescriptionStyles }, rightDescription)) : null)) : null)));\n};\nexport default withTheme(CardBlock);\n"],"mappings":"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"}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 { StyleSheet, View, Platform } from "react-native";
5
3
  import { isString } from "lodash";
@@ -8,7 +6,7 @@ import { usePrevious } from "../../hooks";
8
6
  import Text from "../Text";
9
7
  import Touchable from "../Touchable";
10
8
  import Checkbox from "./Checkbox";
11
- export let Direction;
9
+ export var Direction;
12
10
 
13
11
  (function (Direction) {
14
12
  Direction["Row"] = "row";
@@ -80,13 +78,14 @@ const CheckboxRow = _ref => {
80
78
  textStyles,
81
79
  viewStyles
82
80
  } = extractStyles(style);
83
- return /*#__PURE__*/React.createElement(Touchable, _extends({
81
+ return /*#__PURE__*/React.createElement(Touchable, {
84
82
  onPress: handlePress,
85
83
  style: [viewStyles, styles.mainParent, {
86
84
  flexDirection: direction
87
85
  }],
88
- disabled: disabled
89
- }, rest), /*#__PURE__*/React.createElement(View, {
86
+ disabled: disabled,
87
+ ...rest
88
+ }, /*#__PURE__*/React.createElement(View, {
90
89
  style: [styles.label, {
91
90
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
92
91
  }, labelContainerStyle]
@@ -124,4 +123,22 @@ const styles = StyleSheet.create({
124
123
  }
125
124
  });
126
125
  export default CheckboxRow;
126
+ //# sourceMappingURL=CheckboxRow.js.maptems: "center",
127
+ justifyContent: "space-around",
128
+ paddingStart: 20,
129
+ minHeight: 50,
130
+ paddingEnd: 20,
131
+ display: "flex",
132
+ ...Platform.select({
133
+ web: {
134
+ cursor: "pointer",
135
+ userSelect: "none"
136
+ }
137
+ })
138
+ },
139
+ label: {
140
+ flex: 3
141
+ }
142
+ });
143
+ export default CheckboxRow;
127
144
  //# sourceMappingURL=CheckboxRow.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","StyleSheet","View","Platform","isString","extractStyles","usePrevious","Text","Touchable","Checkbox","Direction","renderLabel","value","labelStyle","textStyle","CheckboxRow","label","labelContainerStyle","checkboxStyle","direction","Row","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","handlePress","newValue","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect","flex"],"sources":["CheckboxRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n StyleProp,\n ViewStyle,\n StyleSheet,\n TextStyle,\n View,\n Platform,\n} from \"react-native\";\nimport { isString } from \"lodash\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\nimport { usePrevious } from \"../../hooks\";\nimport Text from \"../Text\";\nimport Touchable from \"../Touchable\";\nimport Checkbox, { CheckboxProps } from \"./Checkbox\";\n\nexport enum Direction {\n Row = \"row\",\n RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxRowProps extends CheckboxProps {\n label: string | React.ReactNode;\n labelStyle?: StyleProp<TextStyle>;\n labelContainerStyle: StyleProp<ViewStyle>;\n checkboxStyle?: StyleProp<ViewStyle>;\n direction?: Direction;\n}\n\nconst renderLabel = (\n value: string | React.ReactNode,\n labelStyle: StyleProp<TextStyle>,\n textStyle: StyleProp<TextStyle>\n) => {\n if (isString(value)) {\n return <Text style={[textStyle, labelStyle]}>{value}</Text>;\n } else {\n return <>{value}</>;\n }\n};\n\nconst CheckboxRow: React.FC<CheckboxRowProps & IconSlot> = ({\n label = \"Label\",\n labelStyle,\n labelContainerStyle,\n checkboxStyle,\n direction = Direction.Row,\n Icon,\n status,\n disabled = false,\n onPress,\n onCheck,\n onUncheck,\n color,\n uncheckedColor,\n defaultValue,\n checkedIcon,\n uncheckedIcon,\n size,\n style,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState<boolean>(\n status || defaultValue || false\n );\n\n React.useEffect(() => {\n if (status != null) {\n setInternalValue(status);\n }\n }, [status]);\n\n // This special logic is to handle weird APIs like Airtable that return\n // true or undefined for a boolean\n const previousDefaultValue = usePrevious(defaultValue) as boolean | undefined;\n\n React.useEffect(() => {\n if (defaultValue !== previousDefaultValue) {\n setInternalValue(Boolean(defaultValue));\n }\n }, [defaultValue, previousDefaultValue]);\n\n const handlePress = () => {\n const newValue = !internalValue;\n\n setInternalValue(newValue);\n onPress?.(newValue);\n\n if (newValue) {\n onCheck?.();\n }\n\n if (!newValue) {\n onUncheck?.();\n }\n };\n\n const { textStyles, viewStyles } = extractStyles(style);\n\n return (\n <Touchable\n onPress={handlePress}\n style={[viewStyles, styles.mainParent, { flexDirection: direction }]}\n disabled={disabled}\n {...rest}\n >\n <View\n style={[\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ]}\n >\n {renderLabel(label, textStyles, labelStyle)}\n </View>\n\n <Checkbox\n Icon={Icon}\n status={internalValue}\n style={checkboxStyle}\n disabled={disabled}\n onPress={handlePress}\n color={color}\n uncheckedColor={uncheckedColor}\n checkedIcon={checkedIcon}\n uncheckedIcon={uncheckedIcon}\n size={size}\n />\n </Touchable>\n );\n};\n\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\n\nexport default CheckboxRow;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAGEC,UAHF,EAKEC,IALF,EAMEC,QANF,QAOO,cAPP;AAQA,SAASC,QAAT,QAAyB,QAAzB;AAGA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,WAAT,QAA4B,aAA5B;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,QAAP,MAAwC,YAAxC;AAEA,WAAYC,SAAZ;;WAAYA,S;EAAAA,S;EAAAA,S;GAAAA,S,KAAAA,S;;AAaZ,MAAMC,WAAW,GAAG,CAClBC,KADkB,EAElBC,UAFkB,EAGlBC,SAHkB,KAIf;EACH,IAAIV,QAAQ,CAACQ,KAAD,CAAZ,EAAqB;IACnB,oBAAO,oBAAC,IAAD;MAAM,KAAK,EAAE,CAACE,SAAD,EAAYD,UAAZ;IAAb,GAAuCD,KAAvC,CAAP;EACD,CAFD,MAEO;IACL,oBAAO,0CAAGA,KAAH,CAAP;EACD;AACF,CAVD;;AAYA,MAAMG,WAAkD,GAAG,QAoBrD;EAAA,IApBsD;IAC1DC,KAAK,GAAG,OADkD;IAE1DH,UAF0D;IAG1DI,mBAH0D;IAI1DC,aAJ0D;IAK1DC,SAAS,GAAGT,SAAS,CAACU,GALoC;IAM1DC,IAN0D;IAO1DC,MAP0D;IAQ1DC,QAAQ,GAAG,KAR+C;IAS1DC,OAT0D;IAU1DC,OAV0D;IAW1DC,SAX0D;IAY1DC,KAZ0D;IAa1DC,cAb0D;IAc1DC,YAd0D;IAe1DC,WAf0D;IAgB1DC,aAhB0D;IAiB1DC,IAjB0D;IAkB1DC,KAlB0D;IAmB1D,GAAGC;EAnBuD,CAoBtD;EACJ,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCpC,KAAK,CAACqC,QAAN,CACxCf,MAAM,IAAIO,YAAV,IAA0B,KADc,CAA1C;EAIA7B,KAAK,CAACsC,SAAN,CAAgB,MAAM;IACpB,IAAIhB,MAAM,IAAI,IAAd,EAAoB;MAClBc,gBAAgB,CAACd,MAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,MAAD,CAJH,EALI,CAWJ;EACA;;EACA,MAAMiB,oBAAoB,GAAGjC,WAAW,CAACuB,YAAD,CAAxC;EAEA7B,KAAK,CAACsC,SAAN,CAAgB,MAAM;IACpB,IAAIT,YAAY,KAAKU,oBAArB,EAA2C;MACzCH,gBAAgB,CAACI,OAAO,CAACX,YAAD,CAAR,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,YAAD,EAAeU,oBAAf,CAJH;;EAMA,MAAME,WAAW,GAAG,MAAM;IACxB,MAAMC,QAAQ,GAAG,CAACP,aAAlB;IAEAC,gBAAgB,CAACM,QAAD,CAAhB;IACAlB,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGkB,QAAH,CAAP;;IAEA,IAAIA,QAAJ,EAAc;MACZjB,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;IACR;;IAED,IAAI,CAACiB,QAAL,EAAe;MACbhB,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS;IACV;EACF,CAbD;;EAeA,MAAM;IAAEiB,UAAF;IAAcC;EAAd,IAA6BvC,aAAa,CAAC4B,KAAD,CAAhD;EAEA,oBACE,oBAAC,SAAD;IACE,OAAO,EAAEQ,WADX;IAEE,KAAK,EAAE,CAACG,UAAD,EAAaC,MAAM,CAACC,UAApB,EAAgC;MAAEC,aAAa,EAAE5B;IAAjB,CAAhC,CAFT;IAGE,QAAQ,EAAEI;EAHZ,GAIMW,IAJN,gBAME,oBAAC,IAAD;IACE,KAAK,EAAE,CACLW,MAAM,CAAC7B,KADF,EAEL;MACEgC,UAAU,EAAE7B,SAAS,KAAKT,SAAS,CAACU,GAAxB,GAA8B,YAA9B,GAA6C;IAD3D,CAFK,EAKLH,mBALK;EADT,GASGN,WAAW,CAACK,KAAD,EAAQ2B,UAAR,EAAoB9B,UAApB,CATd,CANF,eAkBE,oBAAC,QAAD;IACE,IAAI,EAAEQ,IADR;IAEE,MAAM,EAAEc,aAFV;IAGE,KAAK,EAAEjB,aAHT;IAIE,QAAQ,EAAEK,QAJZ;IAKE,OAAO,EAAEkB,WALX;IAME,KAAK,EAAEd,KANT;IAOE,cAAc,EAAEC,cAPlB;IAQE,WAAW,EAAEE,WARf;IASE,aAAa,EAAEC,aATjB;IAUE,IAAI,EAAEC;EAVR,EAlBF,CADF;AAiCD,CA3FD;;AA6FA,MAAMa,MAAM,GAAG5C,UAAU,CAACgD,MAAX,CAAkB;EAC/BH,UAAU,EAAE;IACVE,UAAU,EAAE,QADF;IAEVE,cAAc,EAAE,cAFN;IAGVC,YAAY,EAAE,EAHJ;IAIVC,SAAS,EAAE,EAJD;IAKVC,UAAU,EAAE,EALF;IAMVC,OAAO,EAAE,MANC;IAOV,GAAGnD,QAAQ,CAACoD,MAAT,CAAgB;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SADL;QAEHC,UAAU,EAAE;MAFT;IADY,CAAhB;EAPO,CADmB;EAe/B1C,KAAK,EAAE;IACL2C,IAAI,EAAE;EADD;AAfwB,CAAlB,CAAf;AAoBA,eAAe5C,WAAf"}
1
+ {"version":3,"names":["React","StyleSheet","View","Platform","isString","extractStyles","usePrevious","Text","Touchable","Checkbox","Direction","renderLabel","value","labelStyle","textStyle","createElement","style","Fragment","CheckboxRow","label","labelContainerStyle","checkboxStyle","direction","Row","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","handlePress","newValue","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect","flex"],"sources":["CheckboxRow.js"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport { isString } from \"lodash\";\nimport { extractStyles } from \"../../utilities\";\nimport { usePrevious } from \"../../hooks\";\nimport Text from \"../Text\";\nimport Touchable from \"../Touchable\";\nimport Checkbox from \"./Checkbox\";\nexport var Direction;\n(function (Direction) {\n Direction[\"Row\"] = \"row\";\n Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst renderLabel = (value, labelStyle, textStyle) => {\n if (isString(value)) {\n return React.createElement(Text, { style: [textStyle, labelStyle] }, value);\n }\n else {\n return React.createElement(React.Fragment, null, value);\n }\n};\nconst CheckboxRow = ({ label = \"Label\", labelStyle, labelContainerStyle, checkboxStyle, direction = Direction.Row, Icon, status, disabled = false, onPress, onCheck, onUncheck, color, uncheckedColor, defaultValue, checkedIcon, uncheckedIcon, size, style, ...rest }) => {\n const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);\n React.useEffect(() => {\n if (status != null) {\n setInternalValue(status);\n }\n }, [status]);\n // This special logic is to handle weird APIs like Airtable that return\n // true or undefined for a boolean\n const previousDefaultValue = usePrevious(defaultValue);\n React.useEffect(() => {\n if (defaultValue !== previousDefaultValue) {\n setInternalValue(Boolean(defaultValue));\n }\n }, [defaultValue, previousDefaultValue]);\n const handlePress = () => {\n const newValue = !internalValue;\n setInternalValue(newValue);\n onPress === null || onPress === void 0 ? void 0 : onPress(newValue);\n if (newValue) {\n onCheck === null || onCheck === void 0 ? void 0 : onCheck();\n }\n if (!newValue) {\n onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();\n }\n };\n const { textStyles, viewStyles } = extractStyles(style);\n return (React.createElement(Touchable, { onPress: handlePress, style: [viewStyles, styles.mainParent, { flexDirection: direction }], disabled: disabled, ...rest },\n React.createElement(View, { style: [\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ] }, renderLabel(label, textStyles, labelStyle)),\n React.createElement(Checkbox, { Icon: Icon, status: internalValue, style: checkboxStyle, disabled: disabled, onPress: handlePress, color: color, uncheckedColor: uncheckedColor, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon, size: size })));\n};\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\nexport default CheckboxRow;\n"],"mappings":"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"}
@@ -12,6 +12,10 @@ export const SEED_DATA = {
12
12
  label: "Horizontal",
13
13
  description: "Render list horizontally"
14
14
  }),
15
+ inverted: createStaticBoolProp({
16
+ label: "Inverted",
17
+ description: "If true, reverses the direction."
18
+ }),
15
19
  numColumns: createNumColumnsType({
16
20
  editable: true
17
21
  })
@@ -1 +1 @@
1
- {"version":3,"names":["COMPONENT_TYPES","createNumColumnsType","createStaticBoolProp","SEED_DATA","name","tag","description","category","data","layout","flex","props","horizontal","label","numColumns","editable"],"sources":["FlatList.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createNumColumnsType,\n createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"List\",\n tag: \"FlatList\",\n description: \"A basic List component\",\n category: COMPONENT_TYPES.data,\n layout: {\n flex: 1,\n },\n props: {\n horizontal: createStaticBoolProp({\n label: \"Horizontal\",\n description: \"Render list horizontally\",\n }),\n numColumns: createNumColumnsType({\n editable: true,\n }),\n },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,oBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,IAJH;EAKvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CALe;EAQvBC,KAAK,EAAE;IACLC,UAAU,EAAEV,oBAAoB,CAAC;MAC/BW,KAAK,EAAE,YADwB;MAE/BP,WAAW,EAAE;IAFkB,CAAD,CAD3B;IAKLQ,UAAU,EAAEb,oBAAoB,CAAC;MAC/Bc,QAAQ,EAAE;IADqB,CAAD;EAL3B;AARgB,CAAlB"}
1
+ {"version":3,"names":["COMPONENT_TYPES","createNumColumnsType","createStaticBoolProp","SEED_DATA","name","tag","description","category","data","layout","flex","props","horizontal","label","inverted","numColumns","editable"],"sources":["FlatList.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createNumColumnsType,\n createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"List\",\n tag: \"FlatList\",\n description: \"A basic List component\",\n category: COMPONENT_TYPES.data,\n layout: {\n flex: 1,\n },\n props: {\n horizontal: createStaticBoolProp({\n label: \"Horizontal\",\n description: \"Render list horizontally\",\n }),\n inverted: createStaticBoolProp({\n label: \"Inverted\",\n description: \"If true, reverses the direction.\",\n }),\n numColumns: createNumColumnsType({\n editable: true,\n }),\n },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,oBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,IAJH;EAKvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CALe;EAQvBC,KAAK,EAAE;IACLC,UAAU,EAAEV,oBAAoB,CAAC;MAC/BW,KAAK,EAAE,YADwB;MAE/BP,WAAW,EAAE;IAFkB,CAAD,CAD3B;IAKLQ,QAAQ,EAAEZ,oBAAoB,CAAC;MAC7BW,KAAK,EAAE,UADsB;MAE7BP,WAAW,EAAE;IAFgB,CAAD,CALzB;IASLS,UAAU,EAAEd,oBAAoB,CAAC;MAC/Be,QAAQ,EAAE;IADqB,CAAD;EAT3B;AARgB,CAAlB"}
@@ -0,0 +1,231 @@
1
+ import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers } from "@draftbit/types";
2
+ const NUMBER_INPUT_PROPS = {
3
+ allowFontScaling: {
4
+ group: GROUPS.advanced,
5
+ label: "Allow Font Scaling",
6
+ description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
7
+ editable: true,
8
+ required: false,
9
+ defaultValue: null,
10
+ formType: FORM_TYPES.boolean,
11
+ propType: PROP_TYPES.BOOLEAN
12
+ },
13
+ autoFocus: {
14
+ group: GROUPS.basic,
15
+ label: "Auto Focus",
16
+ description: "Focuses the input on load in and brings up the keyboard",
17
+ editable: true,
18
+ required: false,
19
+ defaultValue: null,
20
+ formType: FORM_TYPES.boolean,
21
+ propType: PROP_TYPES.BOOLEAN
22
+ },
23
+ caretHidden: {
24
+ group: GROUPS.advanced,
25
+ label: "Hide Caret",
26
+ description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
27
+ editable: true,
28
+ required: false,
29
+ defaultValue: null,
30
+ formType: FORM_TYPES.boolean,
31
+ propType: PROP_TYPES.BOOLEAN
32
+ },
33
+ contextMenuHidden: {
34
+ group: GROUPS.advanced,
35
+ label: "Hide Context Menu",
36
+ description: "Hides the system context menu (Default: false)",
37
+ editable: true,
38
+ required: false,
39
+ defaultValue: null,
40
+ formType: FORM_TYPES.boolean,
41
+ propType: PROP_TYPES.BOOLEAN
42
+ },
43
+ editable: {
44
+ group: GROUPS.advanced,
45
+ label: "Editable",
46
+ description: "If false, the text is not editable",
47
+ editable: true,
48
+ required: false,
49
+ defaultValue: true,
50
+ formType: FORM_TYPES.boolean,
51
+ propType: PROP_TYPES.BOOLEAN
52
+ },
53
+ keyboardAppearance: {
54
+ group: GROUPS.advanced,
55
+ label: "Keyboard Appearance",
56
+ description: "Determines the color of the keyboard.(iOS Only)",
57
+ editable: true,
58
+ required: false,
59
+ defaultValue: null,
60
+ options: ["default", "light", "dark"],
61
+ formType: FORM_TYPES.flatArray,
62
+ propType: PROP_TYPES.STRING
63
+ },
64
+ keyboardType: {
65
+ group: GROUPS.advanced,
66
+ label: "Keyboard Type",
67
+ description: "Determines what keyboard is given to the user.",
68
+ editable: true,
69
+ required: false,
70
+ defaultValue: null,
71
+ options: ["numeric", "numbers-and-punctuation", "number-pad"],
72
+ formType: FORM_TYPES.flatArray,
73
+ propType: PROP_TYPES.STRING
74
+ },
75
+ maxLength: {
76
+ group: GROUPS.basic,
77
+ label: "Max Length",
78
+ description: "Limits the input to a set number of characters.",
79
+ editable: true,
80
+ required: false,
81
+ defaultValue: null,
82
+ min: 0,
83
+ step: 1,
84
+ precision: 0,
85
+ formType: FORM_TYPES.number,
86
+ propType: PROP_TYPES.NUMBER
87
+ },
88
+ placeholder: {
89
+ group: GROUPS.basic,
90
+ label: "Placeholder Text",
91
+ description: "The text that is shown on load when no value is available.",
92
+ editable: true,
93
+ required: false,
94
+ defaultValue: "Enter a number...",
95
+ formType: FORM_TYPES.string,
96
+ propType: PROP_TYPES.STRING
97
+ },
98
+ placeholderTextColor: {
99
+ group: GROUPS.basic,
100
+ label: "Placeholder Text Color",
101
+ description: "The color of the placeholder text.",
102
+ editable: true,
103
+ required: false,
104
+ defaultValue: null,
105
+ formType: FORM_TYPES.color,
106
+ propType: PROP_TYPES.STRING
107
+ },
108
+ returnKeyLabel: {
109
+ group: GROUPS.advanced,
110
+ label: "Return Key Label",
111
+ description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
112
+ editable: true,
113
+ required: false,
114
+ defaultValue: null,
115
+ formType: FORM_TYPES.string,
116
+ propType: PROP_TYPES.STRING
117
+ },
118
+ returnKeyType: {
119
+ group: GROUPS.advanced,
120
+ label: "Return Key Type",
121
+ description: "Determines how the return key should look like",
122
+ editable: true,
123
+ required: false,
124
+ defaultValue: null,
125
+ options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
126
+ formType: FORM_TYPES.flatArray,
127
+ propType: PROP_TYPES.STRING
128
+ },
129
+ selectionColor: {
130
+ group: GROUPS.advanced,
131
+ label: "Selection Color",
132
+ description: "Color of the highlighted portion when selecting.",
133
+ editable: true,
134
+ required: false,
135
+ defaultValue: null,
136
+ formType: FORM_TYPES.color,
137
+ propType: PROP_TYPES.STRING
138
+ },
139
+ selectTextOnFocus: {
140
+ group: GROUPS.advanced,
141
+ label: "Select Text on Focus",
142
+ description: "If true, all the text will automatically be selected on focus",
143
+ editable: true,
144
+ required: false,
145
+ defaultValue: null,
146
+ formType: FORM_TYPES.boolean,
147
+ propType: PROP_TYPES.BOOLEAN
148
+ }
149
+ };
150
+ export const SEED_DATA_PROPS = {
151
+ style: {
152
+ group: GROUPS.basic,
153
+ label: "Style",
154
+ description: "Text Style",
155
+ editable: false,
156
+ required: false,
157
+ formType: FORM_TYPES.typeStyle,
158
+ propType: PROP_TYPES.THEME,
159
+ defaultValue: null
160
+ },
161
+ clearButtonMode: {
162
+ group: GROUPS.basic,
163
+ label: "Clear Button Mode",
164
+ description: "Enables a button within the textInput to clear the data entered",
165
+ editable: true,
166
+ required: false,
167
+ options: ["never", "while-editing", "unless-editing", "always"],
168
+ defaultValue: null,
169
+ formType: FORM_TYPES.flatArray,
170
+ propType: PROP_TYPES.STRING
171
+ },
172
+ clearTextOnFocus: {
173
+ group: GROUPS.basic,
174
+ label: "Clear Text on Focus",
175
+ description: "If true, clears the text field automatically when its focused.",
176
+ editable: true,
177
+ required: false,
178
+ defaultValue: null,
179
+ formType: FORM_TYPES.boolean,
180
+ propType: PROP_TYPES.BOOLEAN
181
+ },
182
+ enablesReturnKeyAutomatically: {
183
+ group: GROUPS.basic,
184
+ label: "Enables Return Key Automatically",
185
+ description: "If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)",
186
+ editable: true,
187
+ required: false,
188
+ defaultValue: null,
189
+ formType: FORM_TYPES.boolean,
190
+ propType: PROP_TYPES.BOOLEAN
191
+ },
192
+ underlineColorAndroid: {
193
+ group: GROUPS.basic,
194
+ label: "Underline color",
195
+ description: "(Android Only) The color of the underline(the line underneath the text when finished typing.",
196
+ editable: true,
197
+ required: false,
198
+ defaultValue: null,
199
+ formType: FORM_TYPES.color,
200
+ propType: PROP_TYPES.THEME
201
+ },
202
+ fieldName: { ...FIELD_NAME,
203
+ defaultValue: "numberInputValue",
204
+ handlerPropName: "onChangeText"
205
+ }
206
+ };
207
+ export const SEED_DATA = [{
208
+ name: "Number Input",
209
+ tag: "NumberInput",
210
+ description: "An input field that allows users to type in data.",
211
+ category: COMPONENT_TYPES.input,
212
+ preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
213
+ supports_list_render: false,
214
+ layout: {
215
+ borderLeftWidth: 1,
216
+ borderRightWidth: 1,
217
+ borderTopWidth: 1,
218
+ borderBottomWidth: 1,
219
+ borderColor: "divider",
220
+ paddingLeft: 8,
221
+ paddingRight: 8,
222
+ paddingTop: 8,
223
+ paddingBottom: 8,
224
+ borderRadius: 8
225
+ },
226
+ triggers: [Triggers.OnChangeText],
227
+ props: { ...SEED_DATA_PROPS,
228
+ ...NUMBER_INPUT_PROPS
229
+ }
230
+ }];
231
+ //# sourceMappingURL=NumberInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","Triggers","NUMBER_INPUT_PROPS","allowFontScaling","group","advanced","label","description","editable","required","defaultValue","formType","boolean","propType","BOOLEAN","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","options","flatArray","STRING","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","selectionColor","selectTextOnFocus","SEED_DATA_PROPS","style","typeStyle","THEME","clearButtonMode","clearTextOnFocus","enablesReturnKeyAutomatically","underlineColorAndroid","fieldName","handlerPropName","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props"],"sources":["NumberInput.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n Triggers,\n} from \"@draftbit/types\";\n\nconst NUMBER_INPUT_PROPS = {\n allowFontScaling: {\n group: GROUPS.advanced,\n label: \"Allow Font Scaling\",\n description:\n \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n autoFocus: {\n group: GROUPS.basic,\n label: \"Auto Focus\",\n description: \"Focuses the input on load in and brings up the keyboard\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n caretHidden: {\n group: GROUPS.advanced,\n label: \"Hide Caret\",\n description:\n \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n contextMenuHidden: {\n group: GROUPS.advanced,\n label: \"Hide Context Menu\",\n description: \"Hides the system context menu (Default: false)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n editable: {\n group: GROUPS.advanced,\n label: \"Editable\",\n description: \"If false, the text is not editable\",\n editable: true,\n required: false,\n defaultValue: true,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n keyboardAppearance: {\n group: GROUPS.advanced,\n label: \"Keyboard Appearance\",\n description: \"Determines the color of the keyboard.(iOS Only)\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"default\", \"light\", \"dark\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n keyboardType: {\n group: GROUPS.advanced,\n label: \"Keyboard Type\",\n description: \"Determines what keyboard is given to the user.\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"numeric\", \"numbers-and-punctuation\", \"number-pad\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n maxLength: {\n group: GROUPS.basic,\n label: \"Max Length\",\n description: \"Limits the input to a set number of characters.\",\n editable: true,\n required: false,\n defaultValue: null,\n min: 0,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n placeholder: {\n group: GROUPS.basic,\n label: \"Placeholder Text\",\n description: \"The text that is shown on load when no value is available.\",\n editable: true,\n required: false,\n defaultValue: \"Enter a number...\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n },\n placeholderTextColor: {\n group: GROUPS.basic,\n label: \"Placeholder Text Color\",\n description: \"The color of the placeholder text.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n returnKeyLabel: {\n group: GROUPS.advanced,\n label: \"Return Key Label\",\n description:\n \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n },\n returnKeyType: {\n group: GROUPS.advanced,\n label: \"Return Key Type\",\n description: \"Determines how the return key should look like\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"done\",\n \"go\",\n \"next\",\n \"search\",\n \"send\",\n \"none\",\n \"previous\",\n \"default\",\n \"emergency-call\",\n \"google\",\n \"join\",\n \"route\",\n \"yahoo\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n selectionColor: {\n group: GROUPS.advanced,\n label: \"Selection Color\",\n description: \"Color of the highlighted portion when selecting.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n selectTextOnFocus: {\n group: GROUPS.advanced,\n label: \"Select Text on Focus\",\n description:\n \"If true, all the text will automatically be selected on focus\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n};\n\nexport const SEED_DATA_PROPS = {\n style: {\n group: GROUPS.basic,\n label: \"Style\",\n description: \"Text Style\",\n editable: false,\n required: false,\n formType: FORM_TYPES.typeStyle,\n propType: PROP_TYPES.THEME,\n defaultValue: null,\n },\n clearButtonMode: {\n group: GROUPS.basic,\n label: \"Clear Button Mode\",\n description:\n \"Enables a button within the textInput to clear the data entered\",\n editable: true,\n required: false,\n options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n defaultValue: null,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n clearTextOnFocus: {\n group: GROUPS.basic,\n label: \"Clear Text on Focus\",\n description:\n \"If true, clears the text field automatically when its focused.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n enablesReturnKeyAutomatically: {\n group: GROUPS.basic,\n label: \"Enables Return Key Automatically\",\n description:\n \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n underlineColorAndroid: {\n group: GROUPS.basic,\n label: \"Underline color\",\n description:\n \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"numberInputValue\",\n handlerPropName: \"onChangeText\",\n },\n};\n\nexport const SEED_DATA = [\n {\n name: \"Number Input\",\n tag: \"NumberInput\",\n description: \"An input field that allows users to type in data.\",\n category: COMPONENT_TYPES.input,\n preview_image_url:\n \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n supports_list_render: false,\n layout: {\n borderLeftWidth: 1,\n borderRightWidth: 1,\n borderTopWidth: 1,\n borderBottomWidth: 1,\n borderColor: \"divider\",\n paddingLeft: 8,\n paddingRight: 8,\n paddingTop: 8,\n paddingBottom: 8,\n borderRadius: 8,\n },\n triggers: [Triggers.OnChangeText],\n props: {\n ...SEED_DATA_PROPS,\n ...NUMBER_INPUT_PROPS,\n },\n },\n];\n"],"mappings":"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"}