@draftbit/core 43.2.6-afba6e.0 → 43.3.1

package/lib/module/components/ToggleButton.js

@@ -0,0 +1,67 @@
+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); }
+
+import * as React from "react";
+import { withTheme } from "../theming";
+import { StyleSheet } from "react-native";
+import IconButton from "./IconButton";
+
+const ToggleButton = _ref => {
+  let {
+    Icon,
+    icon,
+    toggled = false,
+    onPress = () => {},
+    defaultValue,
+    disabled = false,
+    color = "primary",
+    colorSecondary = "surface",
+    borderColor = "divider",
+    iconSize = 25,
+    width = 50,
+    height = 50,
+    theme: {
+      colors
+    },
+    style,
+    ...rest
+  } = _ref;
+  const [internalValue, setInternalValue] = React.useState(toggled || defaultValue || false);
+  React.useEffect(() => {
+    if (toggled != null) {
+      setInternalValue(toggled);
+    }
+  }, [toggled]);
+  React.useEffect(() => {
+    if (defaultValue != null) {
+      setInternalValue(defaultValue);
+    }
+  }, [defaultValue]);
+
+  const handlePress = () => {
+    setInternalValue(!internalValue);
+    onPress(!internalValue);
+  };
+
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    Icon: Icon,
+    icon: icon,
+    size: iconSize,
+    color: internalValue ? colors[color] : colors[colorSecondary],
+    onPress: handlePress,
+    disabled: disabled,
+    style: [styles.mainContainer, {
+      width,
+      height,
+      backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
+      borderColor: colors[borderColor]
+    }, style]
+  }, rest));
+};
+
+const styles = StyleSheet.create({
+  mainContainer: {
+    borderWidth: 1
+  }
+});
+export default withTheme(ToggleButton);
+//# sourceMappingURL=ToggleButton.js.map

package/lib/module/components/ToggleButton.js.map

@@ -0,0 +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"]}

package/lib/module/components/Touchable.js

@@ -1,5 +1,3 @@
-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); }
-
 import React from "react";
 import { Pressable } from "react-native";
 export default function Touchable(_ref) {
@@ -10,7 +8,22 @@ export default function Touchable(_ref) {
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    hitSlop: 8,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [{
+        opacity: pressed || disabled ? 0.75 : 1
+      }, style];
+    },
+    ...props
+  }, children);
+}
+//# sourceMappingURL=Touchable.js.map/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: disabled,
     hitSlop: 8,

package/lib/module/components/Touchable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Touchable.tsx"],"names":["React","Pressable","Touchable","children","disabled","onPress","style","props","pressed","opacity"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAAqD,cAArD;AASA,eAAe,SAASC,SAAT,OAML;AAAA,MANwB;AAChCC,IAAAA,QADgC;AAEhCC,IAAAA,QAFgC;AAGhCC,IAAAA,OAHgC;AAIhCC,IAAAA,KAJgC;AAKhC,OAAGC;AAL6B,GAMxB;AACR,sBACE,oBAAC,SAAD;AACE,IAAA,OAAO,EAAEF,OADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,OAAO,EAAE,CAHX;AAIE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEI,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACL;AACEC,QAAAA,OAAO,EAAED,OAAO,IAAIJ,QAAX,GAAsB,IAAtB,GAA6B;AADxC,OADK,EAILE,KAJK,CAAP;AAMD;AAXH,KAYMC,KAZN,GAcGJ,QAdH,CADF;AAkBD","sourcesContent":["import React from \"react\";\nimport { Pressable, ViewStyle, PressableProps } from \"react-native\";\n\ntype Props = {\n  disabled?: boolean;\n  children: React.ReactNode;\n  style?: ViewStyle;\n  onPress?: () => void;\n} & PressableProps;\n\nexport default function Touchable({\n  children,\n  disabled,\n  onPress,\n  style,\n  ...props\n}: Props) {\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled}\n      hitSlop={8}\n      style={({ pressed }) => {\n        return [\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n          },\n          style,\n        ];\n      }}\n      {...props}\n    >\n      {children}\n    </Pressable>\n  );\n}\n"]}
+{"version":3,"sources":["Touchable.js"],"names":["React","Pressable","Touchable","children","disabled","onPress","style","props","createElement","hitSlop","pressed","opacity"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,eAAe,SAASC,SAAT,OAAqE;AAAA,MAAlD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,OAAtB;AAA+BC,IAAAA,KAA/B;AAAsC,OAAGC;AAAzC,GAAkD;AAChF,sBAAQP,KAAK,CAACQ,aAAN,CAAoBP,SAApB,EAA+B;AAAEI,IAAAA,OAAO,EAAEA,OAAX;AAAoBD,IAAAA,QAAQ,EAAEA,QAA9B;AAAwCK,IAAAA,OAAO,EAAE,CAAjD;AAAoDH,IAAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEI,QAAAA;AAAF,OAAgB;AAC3G,aAAO,CACH;AACIC,QAAAA,OAAO,EAAED,OAAO,IAAIN,QAAX,GAAsB,IAAtB,GAA6B;AAD1C,OADG,EAIHE,KAJG,CAAP;AAMH,KAPkC;AAOhC,OAAGC;AAP6B,GAA/B,EAOWJ,QAPX,CAAR;AAQH","sourcesContent":["import React from \"react\";\nimport { Pressable } from \"react-native\";\nexport default function Touchable({ children, disabled, onPress, style, ...props }) {\n    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled, hitSlop: 8, style: ({ pressed }) => {\n            return [\n                {\n                    opacity: pressed || disabled ? 0.75 : 1,\n                },\n                style,\n            ];\n        }, ...props }, children));\n}\n"]}

package/lib/module/index.js

@@ -22,6 +22,7 @@ export { default as StarRating } from "./components/StarRating";
 export { default as Surface } from "./components/Surface";
 export { default as Switch, SwitchRow } from "./components/Switch";
 export { default as TextField } from "./components/TextField";
+export { default as ToggleButton } from "./components/ToggleButton";
 export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";

package/lib/module/index.js.map

@@ -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"]}
+{"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"]}

package/lib/module/mappings/CardBlock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CardBlock.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","createNumColumnsType","SEED_DATA_PROPS","image","group","data","label","description","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","card","props","numColumns","icon"],"mappings":"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","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["CardBlock.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","createNumColumnsType","SEED_DATA_PROPS","image","group","data","label","description","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","card","props","numColumns","icon"],"mappings":"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","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createNumColumnsType, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n    image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n    },\n    title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n    },\n    leftDescription: {\n        group: GROUPS.data,\n        label: \"Left description\",\n        description: \"Text to display on the left\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n    },\n    rightDescription: {\n        group: GROUPS.data,\n        label: \"Right description\",\n        description: \"Text to display on the right\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n    },\n    aspectRatio: {\n        group: GROUPS.basic,\n        label: \"Aspect ratio\",\n        description: \"Aspect ratio of the image\",\n        formType: FORM_TYPES.aspectRatio,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 1.5,\n        editable: true,\n        required: false,\n    },\n    titleCentered: {\n        group: GROUPS.basic,\n        label: \"Title centered\",\n        description: \"Whether to center the title\",\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n        defaultValue: false,\n        editable: true,\n        required: false,\n    },\n    elevation: createElevationType(2),\n};\nexport const SEED_DATA = [\n    {\n        name: \"Small Card\",\n        tag: \"CardBlock\",\n        description: \"An elevated card with a title and description, that takes up one third of its container.\",\n        category: COMPONENT_TYPES.card,\n        props: {\n            ...SEED_DATA_PROPS,\n            numColumns: createNumColumnsType({\n                defaultValue: 1,\n            }),\n        },\n    },\n    {\n        name: \"Medium Block Card\",\n        tag: \"CardBlock\",\n        description: \"An elevated card with a title and description, that takes up one half of its container.\",\n        category: COMPONENT_TYPES.card,\n        props: {\n            ...SEED_DATA_PROPS,\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Icon to display on the top right\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.STRING,\n                defaultValue: null,\n                editable: true,\n                required: true,\n            },\n            numColumns: createNumColumnsType({\n                defaultValue: 2,\n            }),\n        },\n    },\n    {\n        name: \"Large Block Card\",\n        tag: \"CardBlock\",\n        description: \"An elevated card with a title and description, that takes up the full width its container.\",\n        category: COMPONENT_TYPES.card,\n        props: {\n            ...SEED_DATA_PROPS,\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Icon to display on the top right\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.STRING,\n                defaultValue: null,\n                editable: true,\n                required: true,\n            },\n            numColumns: createNumColumnsType({\n                defaultValue: 3,\n            }),\n        },\n    },\n];\n"]}

package/lib/module/mappings/ToggleButton.js

@@ -0,0 +1,51 @@
+import { GROUPS, COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createStaticNumberProp, createFieldNameProp, createIconSizeProp, createActionProp, Triggers } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Toggle Button",
+  tag: "ToggleButton",
+  category: COMPONENT_TYPES.deprecated,
+  layout: {},
+  triggers: [Triggers.OnPress],
+  props: {
+    onPress: createActionProp(),
+    icon: createIconProp({
+      required: true
+    }),
+    iconSize: createIconSizeProp(),
+    fieldName: createFieldNameProp({
+      defaultValue: false,
+      valuePropName: "toggled"
+    }),
+    disabled: createBoolProp({
+      label: "Disabled",
+      description: "Whether the button should be disabled",
+      group: GROUPS.basic
+    }),
+    color: createColorProp({
+      group: GROUPS.basic
+    }),
+    colorSecondary: createColorProp({
+      label: "Secondary Color",
+      group: GROUPS.basic
+    }),
+    borderColor: createColorProp({
+      label: "Border Color",
+      group: GROUPS.basic
+    }),
+    width: createStaticNumberProp({
+      label: "Width",
+      description: "Width",
+      defaultValue: 50
+    }),
+    height: createStaticNumberProp({
+      label: "Height",
+      description: "Height",
+      defaultValue: 50
+    }),
+    toggled: createBoolProp({
+      label: "Toggled",
+      description: "Whether the button should show the toggled state",
+      defaultValue: false
+    })
+  }
+};
+//# sourceMappingURL=ToggleButton.js.map

package/lib/module/mappings/ToggleButton.js.map

@@ -0,0 +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"]}

package/lib/typescript/src/components/ToggleButton.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { colorTypes } from "@draftbit/types";
+import { StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+declare type Props = {
+    icon: string;
+    toggled?: boolean;
+    onPress?: (value: boolean) => void;
+    defaultValue?: boolean;
+    disabled?: boolean;
+    color?: colorTypes;
+    colorSecondary?: colorTypes;
+    borderColor?: colorTypes;
+    iconSize?: number;
+    width?: number;
+    height?: number;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & React.FC<Props>, {}>;
+export default _default;

package/lib/typescript/src/index.d.ts

@@ -22,6 +22,7 @@ export { default as StarRating } from "./components/StarRating";
 export { default as Surface } from "./components/Surface";
 export { default as Switch, SwitchRow } from "./components/Switch";
 export { default as TextField } from "./components/TextField";
+export { default as ToggleButton } from "./components/ToggleButton";
 export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";

package/lib/typescript/src/mappings/ToggleButton.d.ts

@@ -0,0 +1,124 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    category: string;
+    layout: {};
+    triggers: string[];
+    props: {
+        onPress: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
+        icon: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            required: boolean;
+            editable: boolean;
+            group: string;
+        };
+        iconSize: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: number;
+            options: number[];
+        };
+        fieldName: {
+            handlerPropName: string;
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            valuePropName: string;
+            editable: boolean;
+            required: boolean;
+        };
+        disabled: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        color: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        colorSecondary: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        borderColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        width: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        height: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        toggled: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.2.6-afba6e.0+afba6ef1",
+  "version": "43.3.1",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^43.2.6-afba6e.0+afba6ef1",
+    "@draftbit/types": "^43.3.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.1.7",
@@ -79,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "afba6ef14d8b5a0ce780d8837510840ebcc71ba0"
+  "gitHead": "ee0080243c56a4d523028294f4c814df68c0d5fe"
 }

package/src/components/ToggleButton.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { withTheme } from "../theming";
+import { StyleSheet } from "react-native";
+import IconButton from "./IconButton";
+const ToggleButton = ({ Icon, icon, toggled = false, onPress = () => { }, defaultValue, disabled = false, color = "primary", colorSecondary = "surface", borderColor = "divider", iconSize = 25, width = 50, height = 50, theme: { colors }, style, ...rest }) => {
+    const [internalValue, setInternalValue] = React.useState(toggled || defaultValue || false);
+    React.useEffect(() => {
+        if (toggled != null) {
+            setInternalValue(toggled);
+        }
+    }, [toggled]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setInternalValue(defaultValue);
+        }
+    }, [defaultValue]);
+    const handlePress = () => {
+        setInternalValue(!internalValue);
+        onPress(!internalValue);
+    };
+    return (React.createElement(IconButton, { Icon: Icon, icon: icon, size: iconSize, color: internalValue ? colors[color] : colors[colorSecondary], onPress: handlePress, disabled: disabled, style: [
+            styles.mainContainer,
+            {
+                width,
+                height,
+                backgroundColor: internalValue
+                    ? colors[colorSecondary]
+                    : colors[color],
+                borderColor: colors[borderColor],
+            },
+            style,
+        ], ...rest }));
+};
+const styles = StyleSheet.create({
+    mainContainer: {
+        borderWidth: 1,
+    },
+});
+export default withTheme(ToggleButton);

package/src/components/ToggleButton.tsx

@@ -0,0 +1,94 @@
+import * as React from "react";
+import { withTheme } from "../theming";
+import { colorTypes } from "@draftbit/types";
+import { StyleProp, StyleSheet, ViewStyle } from "react-native";
+import IconButton from "./IconButton";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+
+type Props = {
+  icon: string;
+  toggled?: boolean;
+  onPress?: (value: boolean) => void;
+  defaultValue?: boolean;
+  disabled?: boolean;
+  color?: colorTypes;
+  colorSecondary?: colorTypes;
+  borderColor?: colorTypes;
+  iconSize?: number;
+  width?: number;
+  height?: number;
+  style?: StyleProp<ViewStyle>;
+  theme: Theme;
+} & IconSlot;
+
+const ToggleButton: React.FC<Props> = ({
+  Icon,
+  icon,
+  toggled = false,
+  onPress = () => {},
+  defaultValue,
+  disabled = false,
+  color = "primary",
+  colorSecondary = "surface",
+  borderColor = "divider",
+  iconSize = 25,
+  width = 50,
+  height = 50,
+  theme: { colors },
+  style,
+  ...rest
+}) => {
+  const [internalValue, setInternalValue] = React.useState<boolean>(
+    toggled || defaultValue || false
+  );
+
+  React.useEffect(() => {
+    if (toggled != null) {
+      setInternalValue(toggled);
+    }
+  }, [toggled]);
+
+  React.useEffect(() => {
+    if (defaultValue != null) {
+      setInternalValue(defaultValue);
+    }
+  }, [defaultValue]);
+
+  const handlePress = () => {
+    setInternalValue(!internalValue);
+    onPress(!internalValue);
+  };
+
+  return (
+    <IconButton
+      Icon={Icon}
+      icon={icon}
+      size={iconSize}
+      color={internalValue ? colors[color] : colors[colorSecondary]}
+      onPress={handlePress}
+      disabled={disabled}
+      style={[
+        styles.mainContainer,
+        {
+          width,
+          height,
+          backgroundColor: internalValue
+            ? colors[colorSecondary]
+            : colors[color],
+          borderColor: colors[borderColor],
+        },
+        style,
+      ]}
+      {...rest}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  mainContainer: {
+    borderWidth: 1,
+  },
+});
+
+export default withTheme(ToggleButton);

package/src/index.js

@@ -22,6 +22,7 @@ export { default as StarRating } from "./components/StarRating";
 export { default as Surface } from "./components/Surface";
 export { default as Switch, SwitchRow } from "./components/Switch";
 export { default as TextField } from "./components/TextField";
+export { default as ToggleButton } from "./components/ToggleButton";
 export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";

package/src/index.tsx

@@ -23,6 +23,7 @@ export { default as StarRating } from "./components/StarRating";
 export { default as Surface } from "./components/Surface";
 export { default as Switch, SwitchRow } from "./components/Switch";
 export { default as TextField } from "./components/TextField";
+export { default as ToggleButton } from "./components/ToggleButton";
 export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export {