@draftbit/core 43.2.6-de1703.0 → 43.3.4-e422d9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/lib/commonjs/components/DeprecatedFAB.js +20 -4
  2. package/lib/commonjs/components/DeprecatedFAB.js.map +1 -1
  3. package/lib/commonjs/components/Elevation.js +3 -14
  4. package/lib/commonjs/components/Elevation.js.map +1 -1
  5. package/lib/commonjs/components/Stepper.js +28 -19
  6. package/lib/commonjs/components/Stepper.js.map +1 -1
  7. package/lib/commonjs/components/ToggleButton.js +86 -0
  8. package/lib/commonjs/components/ToggleButton.js.map +1 -0
  9. package/lib/commonjs/index.js +8 -0
  10. package/lib/commonjs/index.js.map +1 -1
  11. package/lib/commonjs/mappings/Stepper.js +9 -0
  12. package/lib/commonjs/mappings/Stepper.js.map +1 -1
  13. package/lib/commonjs/mappings/ToggleButton.js +60 -0
  14. package/lib/commonjs/mappings/ToggleButton.js.map +1 -0
  15. package/lib/module/components/Stepper.js +27 -19
  16. package/lib/module/components/Stepper.js.map +1 -1
  17. package/lib/module/components/ToggleButton.js +67 -0
  18. package/lib/module/components/ToggleButton.js.map +1 -0
  19. package/lib/module/index.js +1 -0
  20. package/lib/module/index.js.map +1 -1
  21. package/lib/module/mappings/MapCallout.js.map +1 -1
  22. package/lib/module/mappings/Modal.js.map +1 -1
  23. package/lib/module/mappings/RowHeadlineImageIcon.js.map +1 -1
  24. package/lib/module/mappings/Stepper.js +10 -1
  25. package/lib/module/mappings/Stepper.js.map +1 -1
  26. package/lib/module/mappings/ToggleButton.js +51 -0
  27. package/lib/module/mappings/ToggleButton.js.map +1 -0
  28. package/lib/module/styles/DefaultTheme.js.map +1 -1
  29. package/lib/typescript/src/components/Stepper.d.ts +2 -0
  30. package/lib/typescript/src/components/ToggleButton.d.ts +24 -0
  31. package/lib/typescript/src/index.d.ts +1 -0
  32. package/lib/typescript/src/mappings/Stepper.d.ts +22 -0
  33. package/lib/typescript/src/mappings/ToggleButton.d.ts +124 -0
  34. package/package.json +3 -3
  35. package/src/components/Stepper.js +23 -21
  36. package/src/components/Stepper.tsx +27 -19
  37. package/src/components/ToggleButton.js +39 -0
  38. package/src/components/ToggleButton.tsx +94 -0
  39. package/src/index.js +1 -0
  40. package/src/index.tsx +1 -0
  41. package/src/mappings/Stepper.js +10 -1
  42. package/src/mappings/Stepper.ts +10 -0
  43. package/src/mappings/ToggleButton.js +50 -0
  44. package/src/mappings/ToggleButton.ts +62 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["Stepper.tsx"],"names":["React","View","Text","withTheme","IconButton","Stepper","Icon","value","style","onChange","defaultValue","theme","colors","typography","roundness","iconSize","iconColor","strong","borderRadius","typeStyle","stateValue","setStateValue","useState","useEffect","handleMinus","handlePlus","flexDirection","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n value?: number;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onChange?: (value: number) => void;\n defaultValue?: number;\n iconSize?: number;\n iconColor?: string;\n borderRadius?: number;\n typeStyle?: StyleProp<TextStyle>;\n} & IconSlot;\n\nconst Stepper: React.FC<Props> = ({\n Icon,\n value,\n style,\n onChange,\n defaultValue,\n theme: { colors, typography, roundness },\n iconSize = 24,\n iconColor = colors.strong,\n borderRadius = roundness,\n typeStyle,\n}) => {\n const [stateValue, setStateValue] = React.useState(\n value || defaultValue || 0\n );\n\n React.useEffect(() => {\n if (value != null) {\n setStateValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setStateValue(defaultValue);\n }\n }, [defaultValue]);\n\n const handleMinus = () => {\n if (value || value === 0) {\n onChange && onChange(value - 1);\n } else {\n setStateValue(stateValue - 1);\n }\n };\n\n const handlePlus = () => {\n if (value || value === 0) {\n onChange && onChange(value + 1);\n } else {\n setStateValue(stateValue + 1);\n }\n };\n\n return (\n <View\n style={[\n { flexDirection: \"row\" },\n style,\n borderRadius ? { borderRadius } : {},\n ]}\n >\n <IconButton\n Icon={Icon}\n icon=\"MaterialIcons/remove\"\n onPress={handleMinus}\n size={iconSize}\n color={iconColor}\n disabled={value ? value === 0 : stateValue === 0}\n />\n <Text\n style={[\n typography.body1,\n {\n textAlign: \"center\",\n alignSelf: \"center\",\n color: colors.medium,\n marginHorizontal: 8,\n },\n typeStyle,\n ]}\n >\n {value || stateValue}\n </Text>\n <IconButton\n Icon={Icon}\n icon=\"MaterialIcons/add\"\n onPress={handlePlus}\n size={iconSize}\n color={iconColor}\n />\n </View>\n );\n};\n\nexport default withTheme(Stepper);\n"]}
1
+ {"version":3,"sources":["Stepper.tsx"],"names":["React","View","Text","withTheme","IconButton","isNumber","Stepper","Icon","value","min","max","style","onChange","defaultValue","theme","colors","typography","roundness","iconSize","iconColor","strong","borderRadius","typeStyle","stateValue","setStateValue","useState","useEffect","newValue","handleMinus","useCallback","handlePlus","flexDirection","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport IconButton from \"./IconButton\";\nimport isNumber from \"lodash.isnumber\";\n\ntype Props = {\n value?: number;\n min?: number;\n max?: number;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onChange?: (value: number) => void;\n defaultValue?: number;\n iconSize?: number;\n iconColor?: string;\n borderRadius?: number;\n typeStyle?: StyleProp<TextStyle>;\n} & IconSlot;\n\nconst Stepper: React.FC<Props> = ({\n Icon,\n value,\n min,\n max,\n style,\n onChange,\n defaultValue,\n theme: { colors, typography, roundness },\n iconSize = 24,\n iconColor = colors.strong,\n borderRadius = roundness,\n typeStyle,\n}) => {\n const [stateValue, setStateValue] = React.useState(\n value || defaultValue || 0\n );\n\n React.useEffect(() => {\n if (value || value === 0) {\n onChange && onChange(stateValue);\n }\n }, [onChange, stateValue, value]);\n\n React.useEffect(() => {\n let newValue = value || defaultValue || 0;\n if (isNumber(max) && newValue > max) {\n newValue = max;\n }\n if (isNumber(min) && newValue < min) {\n newValue = min;\n }\n setStateValue(newValue);\n }, [defaultValue, value, min, max]);\n\n const handleMinus = React.useCallback(() => {\n if (isNumber(min) && value === min) {\n return;\n }\n setStateValue(stateValue - 1);\n }, [min, stateValue, value]);\n\n const handlePlus = React.useCallback(() => {\n if (isNumber(max) && value === max) {\n return;\n }\n setStateValue(stateValue + 1);\n }, [max, stateValue, value]);\n\n return (\n <View\n style={[\n { flexDirection: \"row\" },\n style,\n borderRadius ? { borderRadius } : {},\n ]}\n >\n <IconButton\n Icon={Icon}\n icon=\"MaterialIcons/remove\"\n onPress={handleMinus}\n size={iconSize}\n color={iconColor}\n disabled={stateValue === 0}\n />\n <Text\n style={[\n typography.body1,\n {\n textAlign: \"center\",\n alignSelf: \"center\",\n color: colors.medium,\n marginHorizontal: 8,\n },\n typeStyle,\n ]}\n >\n {value || stateValue}\n </Text>\n <IconButton\n Icon={Icon}\n icon=\"MaterialIcons/add\"\n onPress={handlePlus}\n size={iconSize}\n color={iconColor}\n />\n </View>\n );\n};\n\nexport default withTheme(Stepper);\n"]}
@@ -0,0 +1,67 @@
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
+ import * as React from "react";
4
+ import { withTheme } from "../theming";
5
+ import { StyleSheet } from "react-native";
6
+ import IconButton from "./IconButton";
7
+
8
+ const ToggleButton = _ref => {
9
+ let {
10
+ Icon,
11
+ icon,
12
+ toggled = false,
13
+ onPress = () => {},
14
+ defaultValue,
15
+ disabled = false,
16
+ color = "primary",
17
+ colorSecondary = "surface",
18
+ borderColor = "divider",
19
+ iconSize = 25,
20
+ width = 50,
21
+ height = 50,
22
+ theme: {
23
+ colors
24
+ },
25
+ style,
26
+ ...rest
27
+ } = _ref;
28
+ const [internalValue, setInternalValue] = React.useState(toggled || defaultValue || false);
29
+ React.useEffect(() => {
30
+ if (toggled != null) {
31
+ setInternalValue(toggled);
32
+ }
33
+ }, [toggled]);
34
+ React.useEffect(() => {
35
+ if (defaultValue != null) {
36
+ setInternalValue(defaultValue);
37
+ }
38
+ }, [defaultValue]);
39
+
40
+ const handlePress = () => {
41
+ setInternalValue(!internalValue);
42
+ onPress(!internalValue);
43
+ };
44
+
45
+ return /*#__PURE__*/React.createElement(IconButton, _extends({
46
+ Icon: Icon,
47
+ icon: icon,
48
+ size: iconSize,
49
+ color: internalValue ? colors[color] : colors[colorSecondary],
50
+ onPress: handlePress,
51
+ disabled: disabled,
52
+ style: [styles.mainContainer, {
53
+ width,
54
+ height,
55
+ backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
56
+ borderColor: colors[borderColor]
57
+ }, style]
58
+ }, rest));
59
+ };
60
+
61
+ const styles = StyleSheet.create({
62
+ mainContainer: {
63
+ borderWidth: 1
64
+ }
65
+ });
66
+ export default withTheme(ToggleButton);
67
+ //# sourceMappingURL=ToggleButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["ToggleButton.tsx"],"names":["React","withTheme","StyleSheet","IconButton","ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","useState","useEffect","handlePress","styles","mainContainer","backgroundColor","create","borderWidth"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAEA,SAAoBC,UAApB,QAAiD,cAAjD;AACA,OAAOC,UAAP,MAAuB,cAAvB;;AAoBA,MAAMC,YAA6B,GAAG,QAgBhC;AAAA,MAhBiC;AACrCC,IAAAA,IADqC;AAErCC,IAAAA,IAFqC;AAGrCC,IAAAA,OAAO,GAAG,KAH2B;AAIrCC,IAAAA,OAAO,GAAG,MAAM,CAAE,CAJmB;AAKrCC,IAAAA,YALqC;AAMrCC,IAAAA,QAAQ,GAAG,KAN0B;AAOrCC,IAAAA,KAAK,GAAG,SAP6B;AAQrCC,IAAAA,cAAc,GAAG,SARoB;AASrCC,IAAAA,WAAW,GAAG,SATuB;AAUrCC,IAAAA,QAAQ,GAAG,EAV0B;AAWrCC,IAAAA,KAAK,GAAG,EAX6B;AAYrCC,IAAAA,MAAM,GAAG,EAZ4B;AAarCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAb8B;AAcrCC,IAAAA,KAdqC;AAerC,OAAGC;AAfkC,GAgBjC;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCtB,KAAK,CAACuB,QAAN,CACxChB,OAAO,IAAIE,YAAX,IAA2B,KADa,CAA1C;AAIAT,EAAAA,KAAK,CAACwB,SAAN,CAAgB,MAAM;AACpB,QAAIjB,OAAO,IAAI,IAAf,EAAqB;AACnBe,MAAAA,gBAAgB,CAACf,OAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,OAAD,CAJH;AAMAP,EAAAA,KAAK,CAACwB,SAAN,CAAgB,MAAM;AACpB,QAAIf,YAAY,IAAI,IAApB,EAA0B;AACxBa,MAAAA,gBAAgB,CAACb,YAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,YAAD,CAJH;;AAMA,QAAMgB,WAAW,GAAG,MAAM;AACxBH,IAAAA,gBAAgB,CAAC,CAACD,aAAF,CAAhB;AACAb,IAAAA,OAAO,CAAC,CAACa,aAAF,CAAP;AACD,GAHD;;AAKA,sBACE,oBAAC,UAAD;AACE,IAAA,IAAI,EAAEhB,IADR;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,IAAI,EAAEQ,QAHR;AAIE,IAAA,KAAK,EAAEO,aAAa,GAAGH,MAAM,CAACP,KAAD,CAAT,GAAmBO,MAAM,CAACN,cAAD,CAJ/C;AAKE,IAAA,OAAO,EAAEa,WALX;AAME,IAAA,QAAQ,EAAEf,QANZ;AAOE,IAAA,KAAK,EAAE,CACLgB,MAAM,CAACC,aADF,EAEL;AACEZ,MAAAA,KADF;AAEEC,MAAAA,MAFF;AAGEY,MAAAA,eAAe,EAAEP,aAAa,GAC1BH,MAAM,CAACN,cAAD,CADoB,GAE1BM,MAAM,CAACP,KAAD,CALZ;AAMEE,MAAAA,WAAW,EAAEK,MAAM,CAACL,WAAD;AANrB,KAFK,EAULM,KAVK;AAPT,KAmBMC,IAnBN,EADF;AAuBD,CA7DD;;AA+DA,MAAMM,MAAM,GAAGxB,UAAU,CAAC2B,MAAX,CAAkB;AAC/BF,EAAAA,aAAa,EAAE;AACbG,IAAAA,WAAW,EAAE;AADA;AADgB,CAAlB,CAAf;AAMA,eAAe7B,SAAS,CAACG,YAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n icon: string;\n toggled?: boolean;\n onPress?: (value: boolean) => void;\n defaultValue?: boolean;\n disabled?: boolean;\n color?: colorTypes;\n colorSecondary?: colorTypes;\n borderColor?: colorTypes;\n iconSize?: number;\n width?: number;\n height?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<Props> = ({\n Icon,\n icon,\n toggled = false,\n onPress = () => {},\n defaultValue,\n disabled = false,\n color = \"primary\",\n colorSecondary = \"surface\",\n borderColor = \"divider\",\n iconSize = 25,\n width = 50,\n height = 50,\n theme: { colors },\n style,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState<boolean>(\n toggled || defaultValue || false\n );\n\n React.useEffect(() => {\n if (toggled != null) {\n setInternalValue(toggled);\n }\n }, [toggled]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const handlePress = () => {\n setInternalValue(!internalValue);\n onPress(!internalValue);\n };\n\n return (\n <IconButton\n Icon={Icon}\n icon={icon}\n size={iconSize}\n color={internalValue ? colors[color] : colors[colorSecondary]}\n onPress={handlePress}\n disabled={disabled}\n style={[\n styles.mainContainer,\n {\n width,\n height,\n backgroundColor: internalValue\n ? colors[colorSecondary]\n : colors[color],\n borderColor: colors[borderColor],\n },\n style,\n ]}\n {...rest}\n />\n );\n};\n\nconst styles = StyleSheet.create({\n mainContainer: {\n borderWidth: 1,\n },\n});\n\nexport default withTheme(ToggleButton);\n"]}
@@ -22,6 +22,7 @@ export { default as StarRating } from "./components/StarRating";
22
22
  export { default as Surface } from "./components/Surface";
23
23
  export { default as Switch, SwitchRow } from "./components/Switch";
24
24
  export { default as TextField } from "./components/TextField";
25
+ export { default as ToggleButton } from "./components/ToggleButton";
25
26
  export { default as Touchable } from "./components/Touchable";
26
27
  export { AccordionGroup, AccordionItem } from "./components/Accordion";
27
28
  export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
@@ -1 +1 @@
1
- {"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"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","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n"]}
1
+ {"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"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","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["MapCallout.ts"],"names":["COMPONENT_TYPES","createActionProp","createBoolProp","GROUPS","SEED_DATA","name","tag","description","category","deprecated","layout","props","onPress","showTooltip","label","group","basic","defaultValue"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,MAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EACT,iEAJqB;AAKvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,UALH;AAMvBC,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEX,gBAAgB,CAAC;AACxBM,MAAAA,WAAW,EAAE;AADW,KAAD,CADpB;AAILM,IAAAA,WAAW,EAAEX,cAAc,CAAC;AAC1BY,MAAAA,KAAK,EAAE,cADmB;AAE1BP,MAAAA,WAAW,EACT,8LAHwB;AAI1BQ,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAD;AAJtB;AAPgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createActionProp,\n createBoolProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Map Callout\",\n tag: \"MapCallout\",\n description:\n \"An info window to display on top of a marker when it is clicked\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n props: {\n onPress: createActionProp({\n description: \"Action to execute when the callout is pressed\",\n }),\n showTooltip: createBoolProp({\n label: \"Show Tooltip\",\n description:\n 'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n group: GROUPS.basic,\n defaultValue: false,\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["MapCallout.js"],"names":["COMPONENT_TYPES","createActionProp","createBoolProp","GROUPS","SEED_DATA","name","tag","description","category","deprecated","layout","props","onPress","showTooltip","label","group","basic","defaultValue"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,gBAA1B,EAA4CC,cAA5C,EAA4DC,MAA5D,QAA2E,iBAA3E;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,aADe;AAErBC,EAAAA,GAAG,EAAE,YAFgB;AAGrBC,EAAAA,WAAW,EAAE,iEAHQ;AAIrBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,UAJL;AAKrBC,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAEX,gBAAgB,CAAC;AACtBM,MAAAA,WAAW,EAAE;AADS,KAAD,CADtB;AAIHM,IAAAA,WAAW,EAAEX,cAAc,CAAC;AACxBY,MAAAA,KAAK,EAAE,cADiB;AAExBP,MAAAA,WAAW,EAAE,8LAFW;AAGxBQ,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KAHU;AAIxBC,MAAAA,YAAY,EAAE;AAJU,KAAD;AAJxB;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Map Callout\",\n tag: \"MapCallout\",\n description: \"An info window to display on top of a marker when it is clicked\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n props: {\n onPress: createActionProp({\n description: \"Action to execute when the callout is pressed\",\n }),\n showTooltip: createBoolProp({\n label: \"Show Tooltip\",\n description: 'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n group: GROUPS.basic,\n defaultValue: false,\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Modal.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createBoolProp","SEED_DATA","name","tag","description","category","container","props","animationType","group","basic","label","options","editable","required","formType","flatArray","propType","STRING","defaultValue","transparent","visible","data","presentationStyle"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,eAAjB,EAAkCC,UAAlC,EAA8CC,UAA9C,EAA0DC,cAA1D,QAAiF,iBAAjF;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,OADe;AAErBC,EAAAA,GAAG,EAAE,OAFgB;AAGrBC,EAAAA,WAAW,EAAE,yBAHQ;AAIrBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,SAJL;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,aAAa,EAAE;AACXC,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADH;AAEXC,MAAAA,KAAK,EAAE,gBAFI;AAGXP,MAAAA,WAAW,EAAE,gBAHF;AAIXQ,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJE;AAKXC,MAAAA,QAAQ,EAAE,IALC;AAMXC,MAAAA,QAAQ,EAAE,KANC;AAOXC,MAAAA,QAAQ,EAAEjB,UAAU,CAACkB,SAPV;AAQXC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MARV;AASXC,MAAAA,YAAY,EAAE;AATH,KADZ;AAYHC,IAAAA,WAAW,EAAEpB,cAAc,CAAC;AACxBS,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADU;AAExBC,MAAAA,KAAK,EAAE,aAFiB;AAGxBP,MAAAA,WAAW,EAAE;AAHW,KAAD,CAZxB;AAiBHiB,IAAAA,OAAO,EAAErB,cAAc,CAAC;AACpBS,MAAAA,KAAK,EAAEb,MAAM,CAAC0B,IADM;AAEpBX,MAAAA,KAAK,EAAE,SAFa;AAGpBP,MAAAA,WAAW,EAAE;AAHO,KAAD,CAjBpB;AAsBHmB,IAAAA,iBAAiB,EAAE;AACfd,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADC;AAEfC,MAAAA,KAAK,EAAE,oBAFQ;AAGfP,MAAAA,WAAW,EAAE,oBAHE;AAIfQ,MAAAA,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJM;AAKfC,MAAAA,QAAQ,EAAE,IALK;AAMfC,MAAAA,QAAQ,EAAE,KANK;AAOfC,MAAAA,QAAQ,EAAEjB,UAAU,CAACkB,SAPN;AAQfC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MARN;AASfC,MAAAA,YAAY,EAAE;AATC;AAtBhB;AALc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createBoolProp, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Modal\",\n tag: \"Modal\",\n description: \"A basic Modal Component\",\n category: COMPONENT_TYPES.container,\n props: {\n animationType: {\n group: GROUPS.basic,\n label: \"Animation Type\",\n description: \"Animation Type\",\n options: [\"slide\", \"fade\", \"none\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"none\",\n },\n transparent: createBoolProp({\n group: GROUPS.basic,\n label: \"Transparent\",\n description: \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n }),\n visible: createBoolProp({\n group: GROUPS.data,\n label: \"Visible\",\n description: \"Determines whether the modal is visible\",\n }),\n presentationStyle: {\n group: GROUPS.basic,\n label: \"Presentation Style\",\n description: \"Presentation Style\",\n options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n};\n"]}
1
+ {"version":3,"sources":["Modal.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createBoolProp","SEED_DATA","name","tag","description","category","container","props","animationType","group","basic","label","options","editable","required","formType","flatArray","propType","STRING","defaultValue","transparent","visible","data","presentationStyle"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,cALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,OADiB;AAEvBC,EAAAA,GAAG,EAAE,OAFkB;AAGvBC,EAAAA,WAAW,EAAE,yBAHU;AAIvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE;AACbC,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADD;AAEbC,MAAAA,KAAK,EAAE,gBAFM;AAGbP,MAAAA,WAAW,EAAE,gBAHA;AAIbQ,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJI;AAKbC,MAAAA,QAAQ,EAAE,IALG;AAMbC,MAAAA,QAAQ,EAAE,KANG;AAObC,MAAAA,QAAQ,EAAEjB,UAAU,CAACkB,SAPR;AAQbC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MARR;AASbC,MAAAA,YAAY,EAAE;AATD,KADV;AAYLC,IAAAA,WAAW,EAAEpB,cAAc,CAAC;AAC1BS,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADY;AAE1BC,MAAAA,KAAK,EAAE,aAFmB;AAG1BP,MAAAA,WAAW,EACT;AAJwB,KAAD,CAZtB;AAkBLiB,IAAAA,OAAO,EAAErB,cAAc,CAAC;AACtBS,MAAAA,KAAK,EAAEb,MAAM,CAAC0B,IADQ;AAEtBX,MAAAA,KAAK,EAAE,SAFe;AAGtBP,MAAAA,WAAW,EAAE;AAHS,KAAD,CAlBlB;AAuBLmB,IAAAA,iBAAiB,EAAE;AACjBd,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADG;AAEjBC,MAAAA,KAAK,EAAE,oBAFU;AAGjBP,MAAAA,WAAW,EAAE,oBAHI;AAIjBQ,MAAAA,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJQ;AAKjBC,MAAAA,QAAQ,EAAE,IALO;AAMjBC,MAAAA,QAAQ,EAAE,KANO;AAOjBC,MAAAA,QAAQ,EAAEjB,UAAU,CAACkB,SAPJ;AAQjBC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MARJ;AASjBC,MAAAA,YAAY,EAAE;AATG;AAvBd;AALgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n createBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Modal\",\n tag: \"Modal\",\n description: \"A basic Modal Component\",\n category: COMPONENT_TYPES.container,\n props: {\n animationType: {\n group: GROUPS.basic,\n label: \"Animation Type\",\n description: \"Animation Type\",\n options: [\"slide\", \"fade\", \"none\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"none\",\n },\n transparent: createBoolProp({\n group: GROUPS.basic,\n label: \"Transparent\",\n description:\n \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n }),\n visible: createBoolProp({\n group: GROUPS.data,\n label: \"Visible\",\n description: \"Determines whether the modal is visible\",\n }),\n presentationStyle: {\n group: GROUPS.basic,\n label: \"Presentation Style\",\n description: \"Presentation Style\",\n options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["RowHeadlineImageIcon.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createImageProp","createStaticBoolProp","SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","row","layout","props","image","subtitle","multilineSubtitle"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createImageProp,\n createStaticBoolProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n title: createTextProp({\n label: \"Title\",\n description: \"Headline text to display\",\n }),\n icon: createIconProp({\n defaultValue: null,\n }),\n};\n\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n defaultValue: true,\n editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego\",\n});\n\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n },\n },\n {\n name: \"Row Single Line Headline Icon Image\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned image and headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Multiline Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue:\n \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n {\n name: \"Row Multiline Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue:\n \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n];\n"]}
1
+ {"version":3,"sources":["RowHeadlineImageIcon.js"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createImageProp","createStaticBoolProp","SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","row","layout","props","image","subtitle","multilineSubtitle"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, createIconProp, createTextProp, createImageProp, createStaticBoolProp, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n title: createTextProp({\n label: \"Title\",\n description: \"Headline text to display\",\n }),\n icon: createIconProp({\n defaultValue: null,\n }),\n};\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n defaultValue: true,\n editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego\",\n});\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n },\n },\n {\n name: \"Row Single Line Headline Icon Image\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned image and headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Multiline Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n {\n name: \"Row Multiline Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n];\n"]}
@@ -1,4 +1,4 @@
1
- import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, Triggers } from "@draftbit/types";
1
+ import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers } from "@draftbit/types";
2
2
  export const SEED_DATA = [{
3
3
  name: "Stepper",
4
4
  tag: "Stepper",
@@ -17,6 +17,15 @@ export const SEED_DATA = [{
17
17
  }),
18
18
  iconColor: createColorProp({
19
19
  defaultValue: "strong"
20
+ }),
21
+ min: createStaticNumberProp({
22
+ label: "Minimum",
23
+ description: "Minimum Number",
24
+ defaultValue: 0
25
+ }),
26
+ max: createStaticNumberProp({
27
+ label: "Maximum",
28
+ description: "Maximum Number"
20
29
  })
21
30
  }
22
31
  }];
@@ -1 +1 @@
1
- {"version":3,"sources":["Stepper.ts"],"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","Triggers","SEED_DATA","name","tag","description","category","input","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,mBAJF,EAKEC,QALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,GAAG,EAAE,SAFP;AAGEC,EAAAA,WAAW,EAAE,uDAHf;AAIEC,EAAAA,QAAQ,EAAET,eAAe,CAACU,KAJ5B;AAKEC,EAAAA,MAAM,EAAE,EALV;AAMEC,EAAAA,QAAQ,EAAE,CAACR,QAAQ,CAACS,QAAV,CANZ;AAOEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEZ,mBAAmB,CAAC;AAC7Ba,MAAAA,YAAY,EAAE,cADe;AAE7BC,MAAAA,eAAe,EAAE,UAFY;AAG7BC,MAAAA,aAAa,EAAE;AAHc,KAAD,CADzB;AAMLC,IAAAA,QAAQ,EAAElB,kBAAkB,CAAC;AAAEe,MAAAA,YAAY,EAAE;AAAhB,KAAD,CANvB;AAOLI,IAAAA,SAAS,EAAElB,eAAe,CAAC;AAAEc,MAAAA,YAAY,EAAE;AAAhB,KAAD;AAPrB;AAPT,CADuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconSizeProp,\n createColorProp,\n createFieldNameProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Stepper\",\n tag: \"Stepper\",\n description: \"A component used to control the quantity of something\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: [Triggers.OnChange],\n props: {\n fieldName: createFieldNameProp({\n defaultValue: \"stepperValue\",\n handlerPropName: \"onChange\",\n valuePropName: \"value\",\n }),\n iconSize: createIconSizeProp({ defaultValue: 24 }),\n iconColor: createColorProp({ defaultValue: \"strong\" }),\n },\n },\n];\n"]}
1
+ {"version":3,"sources":["Stepper.ts"],"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","createStaticNumberProp","Triggers","SEED_DATA","name","tag","description","category","input","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"mappings":"AAAA,SACEA,eADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,mBAJF,EAKEC,sBALF,EAMEC,QANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,GAAG,EAAE,SAFP;AAGEC,EAAAA,WAAW,EAAE,uDAHf;AAIEC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJ5B;AAKEC,EAAAA,MAAM,EAAE,EALV;AAMEC,EAAAA,QAAQ,EAAE,CAACR,QAAQ,CAACS,QAAV,CANZ;AAOEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEb,mBAAmB,CAAC;AAC7Bc,MAAAA,YAAY,EAAE,cADe;AAE7BC,MAAAA,eAAe,EAAE,UAFY;AAG7BC,MAAAA,aAAa,EAAE;AAHc,KAAD,CADzB;AAMLC,IAAAA,QAAQ,EAAEnB,kBAAkB,CAAC;AAAEgB,MAAAA,YAAY,EAAE;AAAhB,KAAD,CANvB;AAOLI,IAAAA,SAAS,EAAEnB,eAAe,CAAC;AAAEe,MAAAA,YAAY,EAAE;AAAhB,KAAD,CAPrB;AAQLK,IAAAA,GAAG,EAAElB,sBAAsB,CAAC;AAC1BmB,MAAAA,KAAK,EAAE,SADmB;AAE1Bd,MAAAA,WAAW,EAAE,gBAFa;AAG1BQ,MAAAA,YAAY,EAAE;AAHY,KAAD,CARtB;AAaLO,IAAAA,GAAG,EAAEpB,sBAAsB,CAAC;AAC1BmB,MAAAA,KAAK,EAAE,SADmB;AAE1Bd,MAAAA,WAAW,EAAE;AAFa,KAAD;AAbtB;AAPT,CADuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconSizeProp,\n createColorProp,\n createFieldNameProp,\n createStaticNumberProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Stepper\",\n tag: \"Stepper\",\n description: \"A component used to control the quantity of something\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: [Triggers.OnChange],\n props: {\n fieldName: createFieldNameProp({\n defaultValue: \"stepperValue\",\n handlerPropName: \"onChange\",\n valuePropName: \"value\",\n }),\n iconSize: createIconSizeProp({ defaultValue: 24 }),\n iconColor: createColorProp({ defaultValue: \"strong\" }),\n min: createStaticNumberProp({\n label: \"Minimum\",\n description: \"Minimum Number\",\n defaultValue: 0,\n }),\n max: createStaticNumberProp({\n label: \"Maximum\",\n description: \"Maximum Number\",\n }),\n },\n },\n];\n"]}
@@ -0,0 +1,51 @@
1
+ import { GROUPS, COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createStaticNumberProp, createFieldNameProp, createIconSizeProp, createActionProp, Triggers } from "@draftbit/types";
2
+ export const SEED_DATA = {
3
+ name: "Toggle Button",
4
+ tag: "ToggleButton",
5
+ category: COMPONENT_TYPES.deprecated,
6
+ layout: {},
7
+ triggers: [Triggers.OnPress],
8
+ props: {
9
+ onPress: createActionProp(),
10
+ icon: createIconProp({
11
+ required: true
12
+ }),
13
+ iconSize: createIconSizeProp(),
14
+ fieldName: createFieldNameProp({
15
+ defaultValue: false,
16
+ valuePropName: "toggled"
17
+ }),
18
+ disabled: createBoolProp({
19
+ label: "Disabled",
20
+ description: "Whether the button should be disabled",
21
+ group: GROUPS.basic
22
+ }),
23
+ color: createColorProp({
24
+ group: GROUPS.basic
25
+ }),
26
+ colorSecondary: createColorProp({
27
+ label: "Secondary Color",
28
+ group: GROUPS.basic
29
+ }),
30
+ borderColor: createColorProp({
31
+ label: "Border Color",
32
+ group: GROUPS.basic
33
+ }),
34
+ width: createStaticNumberProp({
35
+ label: "Width",
36
+ description: "Width",
37
+ defaultValue: 50
38
+ }),
39
+ height: createStaticNumberProp({
40
+ label: "Height",
41
+ description: "Height",
42
+ defaultValue: 50
43
+ }),
44
+ toggled: createBoolProp({
45
+ label: "Toggled",
46
+ description: "Whether the button should show the toggled state",
47
+ defaultValue: false
48
+ })
49
+ }
50
+ };
51
+ //# sourceMappingURL=ToggleButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["ToggleButton.ts"],"names":["GROUPS","COMPONENT_TYPES","createIconProp","createBoolProp","createColorProp","createStaticNumberProp","createFieldNameProp","createIconSizeProp","createActionProp","Triggers","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnPress","props","onPress","icon","required","iconSize","fieldName","defaultValue","valuePropName","disabled","label","description","group","basic","color","colorSecondary","borderColor","width","height","toggled"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,eALF,EAMEC,sBANF,EAOEC,mBAPF,EAQEC,kBARF,EASEC,gBATF,EAUEC,QAVF,QAWO,iBAXP;AAaA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,eADiB;AAEvBC,EAAAA,GAAG,EAAE,cAFkB;AAGvBC,EAAAA,QAAQ,EAAEZ,eAAe,CAACa,UAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,OAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEX,gBAAgB,EADpB;AAELY,IAAAA,IAAI,EAAElB,cAAc,CAAC;AACnBmB,MAAAA,QAAQ,EAAE;AADS,KAAD,CAFf;AAKLC,IAAAA,QAAQ,EAAEf,kBAAkB,EALvB;AAMLgB,IAAAA,SAAS,EAAEjB,mBAAmB,CAAC;AAC7BkB,MAAAA,YAAY,EAAE,KADe;AAE7BC,MAAAA,aAAa,EAAE;AAFc,KAAD,CANzB;AAULC,IAAAA,QAAQ,EAAEvB,cAAc,CAAC;AACvBwB,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE,uCAFU;AAGvBC,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AAHS,KAAD,CAVnB;AAeLC,IAAAA,KAAK,EAAE3B,eAAe,CAAC;AACrByB,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AADO,KAAD,CAfjB;AAkBLE,IAAAA,cAAc,EAAE5B,eAAe,CAAC;AAC9BuB,MAAAA,KAAK,EAAE,iBADuB;AAE9BE,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AAFgB,KAAD,CAlB1B;AAsBLG,IAAAA,WAAW,EAAE7B,eAAe,CAAC;AAC3BuB,MAAAA,KAAK,EAAE,cADoB;AAE3BE,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AAFa,KAAD,CAtBvB;AA0BLI,IAAAA,KAAK,EAAE7B,sBAAsB,CAAC;AAC5BsB,MAAAA,KAAK,EAAE,OADqB;AAE5BC,MAAAA,WAAW,EAAE,OAFe;AAG5BJ,MAAAA,YAAY,EAAE;AAHc,KAAD,CA1BxB;AA+BLW,IAAAA,MAAM,EAAE9B,sBAAsB,CAAC;AAC7BsB,MAAAA,KAAK,EAAE,QADsB;AAE7BC,MAAAA,WAAW,EAAE,QAFgB;AAG7BJ,MAAAA,YAAY,EAAE;AAHe,KAAD,CA/BzB;AAoCLY,IAAAA,OAAO,EAAEjC,cAAc,CAAC;AACtBwB,MAAAA,KAAK,EAAE,SADe;AAEtBC,MAAAA,WAAW,EAAE,kDAFS;AAGtBJ,MAAAA,YAAY,EAAE;AAHQ,KAAD;AApClB;AANgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n createIconProp,\n createBoolProp,\n createColorProp,\n createStaticNumberProp,\n createFieldNameProp,\n createIconSizeProp,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Toggle Button\",\n tag: \"ToggleButton\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n icon: createIconProp({\n required: true,\n }),\n iconSize: createIconSizeProp(),\n fieldName: createFieldNameProp({\n defaultValue: false,\n valuePropName: \"toggled\",\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Whether the button should be disabled\",\n group: GROUPS.basic,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n }),\n colorSecondary: createColorProp({\n label: \"Secondary Color\",\n group: GROUPS.basic,\n }),\n borderColor: createColorProp({\n label: \"Border Color\",\n group: GROUPS.basic,\n }),\n width: createStaticNumberProp({\n label: \"Width\",\n description: \"Width\",\n defaultValue: 50,\n }),\n height: createStaticNumberProp({\n label: \"Height\",\n description: \"Height\",\n defaultValue: 50,\n }),\n toggled: createBoolProp({\n label: \"Toggled\",\n description: \"Whether the button should show the toggled state\",\n defaultValue: false,\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["DefaultTheme.tsx"],"names":["systemWeights","configureFonts","DefaultTheme","disabledOpacity","roundness","dark","mode","borderRadius","global","button","colors","primary","secondary","surface","background","error","divider","strong","medium","strongInverse","mediumInverse","lightInverse","light","text","placeholder","disabled","fonts","typography","headline1","regular","fontSize","letterSpacing","lineHeight","headline2","headline3","headline4","headline5","subtitle1","subtitle2","body1","body2","caption","overline","headline6"],"mappings":"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","sourcesContent":["import { systemWeights } from \"react-native-typography\";\nimport configureFonts from \"./fonts\";\n\nconst DefaultTheme = {\n disabledOpacity: 0.5,\n roundness: 8,\n dark: false,\n mode: \"exact\",\n borderRadius: {\n global: 6,\n button: 24,\n },\n colors: {\n primary: \"rgba(90, 69, 255, 1)\",\n secondary: \"rgba(59, 201, 234, 1)\",\n surface: \"rgba(255, 255, 255, 1)\",\n background: \"rgba(251, 252, 253, 1)\",\n error: \"rgba(255, 69, 100, 1)\",\n divider: \"rgba(200, 200, 200, 1)\",\n strong: \"rgba(18, 20, 44, 1)\",\n medium: \"rgba(70, 78, 88, 1)\",\n strongInverse: \"rgba(255, 255, 255, 1)\",\n mediumInverse: \"rgba(255, 255, 255, 0.87)\",\n lightInverse: \"rgba(255, 255, 255, 0.68)\",\n light: \"rgba(165, 173, 183, 1)\",\n text: \"#000\",\n placeholder: \"#333\",\n disabled: \"rgba(0, 0, 0, 0.25)\",\n },\n fonts: configureFonts(),\n typography: {\n headline1: {\n ...systemWeights.regular,\n fontSize: 60,\n letterSpacing: 0,\n lineHeight: 71,\n },\n headline2: {\n ...systemWeights.regular,\n fontSize: 48,\n letterSpacing: 0,\n lineHeight: 58,\n },\n headline3: {\n ...systemWeights.regular,\n fontSize: 34,\n letterSpacing: 0,\n lineHeight: 40,\n },\n headline4: {\n ...systemWeights.regular,\n fontSize: 24,\n letterSpacing: 0,\n lineHeight: 34,\n },\n headline5: {\n ...systemWeights.regular,\n fontSize: 20,\n letterSpacing: 0,\n lineHeight: 26,\n },\n subtitle1: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 26,\n },\n subtitle2: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 22,\n },\n body1: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 26,\n },\n body2: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 22,\n },\n button: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 16,\n },\n caption: {\n ...systemWeights.regular,\n fontSize: 12,\n letterSpacing: 0,\n lineHeight: 16,\n },\n overline: {\n ...systemWeights.regular,\n fontSize: 12,\n letterSpacing: 2,\n lineHeight: 16,\n },\n headline6: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 24,\n },\n },\n};\n\nexport default DefaultTheme;\nexport type Theme = typeof DefaultTheme;\n"]}
1
+ {"version":3,"sources":["DefaultTheme.js"],"names":["systemWeights","configureFonts","DefaultTheme","disabledOpacity","roundness","dark","mode","borderRadius","global","button","colors","primary","secondary","surface","background","error","divider","strong","medium","strongInverse","mediumInverse","lightInverse","light","text","placeholder","disabled","fonts","typography","headline1","regular","fontSize","letterSpacing","lineHeight","headline2","headline3","headline4","headline5","subtitle1","subtitle2","body1","body2","caption","overline","headline6"],"mappings":"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","sourcesContent":["import { systemWeights } from \"react-native-typography\";\nimport configureFonts from \"./fonts\";\nconst DefaultTheme = {\n disabledOpacity: 0.5,\n roundness: 8,\n dark: false,\n mode: \"exact\",\n borderRadius: {\n global: 6,\n button: 24,\n },\n colors: {\n primary: \"rgba(90, 69, 255, 1)\",\n secondary: \"rgba(59, 201, 234, 1)\",\n surface: \"rgba(255, 255, 255, 1)\",\n background: \"rgba(251, 252, 253, 1)\",\n error: \"rgba(255, 69, 100, 1)\",\n divider: \"rgba(200, 200, 200, 1)\",\n strong: \"rgba(18, 20, 44, 1)\",\n medium: \"rgba(70, 78, 88, 1)\",\n strongInverse: \"rgba(255, 255, 255, 1)\",\n mediumInverse: \"rgba(255, 255, 255, 0.87)\",\n lightInverse: \"rgba(255, 255, 255, 0.68)\",\n light: \"rgba(165, 173, 183, 1)\",\n text: \"#000\",\n placeholder: \"#333\",\n disabled: \"rgba(0, 0, 0, 0.25)\",\n },\n fonts: configureFonts(),\n typography: {\n headline1: {\n ...systemWeights.regular,\n fontSize: 60,\n letterSpacing: 0,\n lineHeight: 71,\n },\n headline2: {\n ...systemWeights.regular,\n fontSize: 48,\n letterSpacing: 0,\n lineHeight: 58,\n },\n headline3: {\n ...systemWeights.regular,\n fontSize: 34,\n letterSpacing: 0,\n lineHeight: 40,\n },\n headline4: {\n ...systemWeights.regular,\n fontSize: 24,\n letterSpacing: 0,\n lineHeight: 34,\n },\n headline5: {\n ...systemWeights.regular,\n fontSize: 20,\n letterSpacing: 0,\n lineHeight: 26,\n },\n subtitle1: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 26,\n },\n subtitle2: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 22,\n },\n body1: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 26,\n },\n body2: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 22,\n },\n button: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 16,\n },\n caption: {\n ...systemWeights.regular,\n fontSize: 12,\n letterSpacing: 0,\n lineHeight: 16,\n },\n overline: {\n ...systemWeights.regular,\n fontSize: 12,\n letterSpacing: 2,\n lineHeight: 16,\n },\n headline6: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 24,\n },\n },\n};\nexport default DefaultTheme;\n"]}
@@ -4,6 +4,8 @@ import type { Theme } from "../styles/DefaultTheme";
4
4
  import type { IconSlot } from "../interfaces/Icon";
5
5
  declare type Props = {
6
6
  value?: number;
7
+ min?: number;
8
+ max?: number;
7
9
  theme: Theme;
8
10
  style?: StyleProp<ViewStyle>;
9
11
  onChange?: (value: number) => void;
@@ -0,0 +1,24 @@
1
+ import * as React from "react";
2
+ import { colorTypes } from "@draftbit/types";
3
+ import { StyleProp, ViewStyle } from "react-native";
4
+ import type { Theme } from "../styles/DefaultTheme";
5
+ import type { IconSlot } from "../interfaces/Icon";
6
+ declare type Props = {
7
+ icon: string;
8
+ toggled?: boolean;
9
+ onPress?: (value: boolean) => void;
10
+ defaultValue?: boolean;
11
+ disabled?: boolean;
12
+ color?: colorTypes;
13
+ colorSecondary?: colorTypes;
14
+ borderColor?: colorTypes;
15
+ iconSize?: number;
16
+ width?: number;
17
+ height?: number;
18
+ style?: StyleProp<ViewStyle>;
19
+ theme: Theme;
20
+ } & IconSlot;
21
+ declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
22
+ theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
23
+ }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & React.FC<Props>, {}>;
24
+ export default _default;
@@ -22,6 +22,7 @@ export { default as StarRating } from "./components/StarRating";
22
22
  export { default as Surface } from "./components/Surface";
23
23
  export { default as Switch, SwitchRow } from "./components/Switch";
24
24
  export { default as TextField } from "./components/TextField";
25
+ export { default as ToggleButton } from "./components/ToggleButton";
25
26
  export { default as Touchable } from "./components/Touchable";
26
27
  export { AccordionGroup, AccordionItem } from "./components/Accordion";
27
28
  export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
@@ -39,5 +39,27 @@ export declare const SEED_DATA: {
39
39
  formType: string;
40
40
  propType: string;
41
41
  };
42
+ min: {
43
+ label: string;
44
+ description: string;
45
+ formType: string;
46
+ propType: string;
47
+ group: string;
48
+ defaultValue: null;
49
+ editable: boolean;
50
+ required: boolean;
51
+ step: number;
52
+ };
53
+ max: {
54
+ label: string;
55
+ description: string;
56
+ formType: string;
57
+ propType: string;
58
+ group: string;
59
+ defaultValue: null;
60
+ editable: boolean;
61
+ required: boolean;
62
+ step: number;
63
+ };
42
64
  };
43
65
  }[];
@@ -0,0 +1,124 @@
1
+ export declare const SEED_DATA: {
2
+ name: string;
3
+ tag: string;
4
+ category: string;
5
+ layout: {};
6
+ triggers: string[];
7
+ props: {
8
+ onPress: {
9
+ label: string;
10
+ description: string;
11
+ editable: boolean;
12
+ required: boolean;
13
+ formType: string;
14
+ propType: string;
15
+ defaultValue: null;
16
+ group: string;
17
+ };
18
+ icon: {
19
+ label: string;
20
+ description: string;
21
+ formType: string;
22
+ propType: string;
23
+ defaultValue: string;
24
+ required: boolean;
25
+ editable: boolean;
26
+ group: string;
27
+ };
28
+ iconSize: {
29
+ group: string;
30
+ label: string;
31
+ description: string;
32
+ editable: boolean;
33
+ required: boolean;
34
+ formType: string;
35
+ propType: string;
36
+ defaultValue: number;
37
+ options: number[];
38
+ };
39
+ fieldName: {
40
+ handlerPropName: string;
41
+ group: string;
42
+ label: string;
43
+ description: string;
44
+ formType: string;
45
+ propType: string;
46
+ defaultValue: string;
47
+ valuePropName: string;
48
+ editable: boolean;
49
+ required: boolean;
50
+ };
51
+ disabled: {
52
+ label: string;
53
+ description: string;
54
+ formType: string;
55
+ propType: string;
56
+ defaultValue: boolean;
57
+ editable: boolean;
58
+ required: boolean;
59
+ group: string;
60
+ };
61
+ color: {
62
+ group: string;
63
+ label: string;
64
+ description: string;
65
+ editable: boolean;
66
+ required: boolean;
67
+ defaultValue: null;
68
+ formType: string;
69
+ propType: string;
70
+ };
71
+ colorSecondary: {
72
+ group: string;
73
+ label: string;
74
+ description: string;
75
+ editable: boolean;
76
+ required: boolean;
77
+ defaultValue: null;
78
+ formType: string;
79
+ propType: string;
80
+ };
81
+ borderColor: {
82
+ group: string;
83
+ label: string;
84
+ description: string;
85
+ editable: boolean;
86
+ required: boolean;
87
+ defaultValue: null;
88
+ formType: string;
89
+ propType: string;
90
+ };
91
+ width: {
92
+ label: string;
93
+ description: string;
94
+ formType: string;
95
+ propType: string;
96
+ group: string;
97
+ defaultValue: null;
98
+ editable: boolean;
99
+ required: boolean;
100
+ step: number;
101
+ };
102
+ height: {
103
+ label: string;
104
+ description: string;
105
+ formType: string;
106
+ propType: string;
107
+ group: string;
108
+ defaultValue: null;
109
+ editable: boolean;
110
+ required: boolean;
111
+ step: number;
112
+ };
113
+ toggled: {
114
+ label: string;
115
+ description: string;
116
+ formType: string;
117
+ propType: string;
118
+ defaultValue: boolean;
119
+ editable: boolean;
120
+ required: boolean;
121
+ group: string;
122
+ };
123
+ };
124
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "43.2.6-de1703.0+de170309",
3
+ "version": "43.3.4-e422d9.0+e422d92a",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
41
41
  "dependencies": {
42
42
  "@date-io/date-fns": "^1.3.13",
43
43
  "@draftbit/react-theme-provider": "^2.1.1",
44
- "@draftbit/types": "^43.2.6-de1703.0+de170309",
44
+ "@draftbit/types": "^43.3.3",
45
45
  "@material-ui/core": "^4.11.0",
46
46
  "@material-ui/pickers": "^3.2.10",
47
47
  "@react-native-community/slider": "4.1.7",
@@ -79,5 +79,5 @@
79
79
  ]
80
80
  ]
81
81
  },
82
- "gitHead": "de170309be27b71c64e705b16dd73dfb6995c2c2"
82
+ "gitHead": "e422d92aa1e4eda9e5cc8b19acd6839fb96ed96b"
83
83
  }