@draftbit/core 43.3.4-a9cc72.1 → 43.3.4-b1718d.4

package/lib/commonjs/components/DeprecatedFAB.js

@@ -27,8 +27,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 const FAB = _ref => {
   let {
     Icon,
@@ -130,7 +128,7 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -138,7 +136,7 @@ const FAB = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: buttonStyles
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -181,5 +179,23 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(FAB);
 
+exports.default = _default;
+//# sourceMappingURL=DeprecatedFAB.js.map },
+  icon: {
+    alignItems: "center",
+    justifyContent: "center",
+    width: _Config.default.buttonIconSize
+  },
+  fixed: {
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: 64,
+    borderRadius: 0
+  }
+});
+
+var _default = (0, _theming.withTheme)(FAB);
+
 exports.default = _default;
 //# sourceMappingURL=DeprecatedFAB.js.map

package/lib/commonjs/components/DeprecatedFAB.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DeprecatedFAB.tsx"],"names":["FAB","Icon","icon","disabled","type","loading","color","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","Config","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","create","borderStyle","flexDirection","fixed","left","right","bottom"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  ActivityIndicator,\n  View,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A floating action button represents the primary action in an application.\n *\n * <div class=\"screenshots\">\n *   <img src=\"screenshots/fab-1.png\" />\n *   <img src=\"screenshots/fab-2.png\" />\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { StyleSheet } from 'react-native';\n * import { FAB } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n *   <FAB\n *     style={styles.fab}\n *     type=\"outline\"\n *     icon=\"add\"\n *     onPress={() => console.log('Pressed')}\n *   />\n * );\n *\n * const styles = StyleSheet.create({\n *   fab: {\n *     position: 'absolute',\n *     margin: 16,\n *     right: 0,\n *     bottom: 0,\n *   },\n * })\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n  disabled?: boolean;\n  type?: \"solid\" | \"extended\" | \"outline\" | \"fixed\" | \"standard\";\n  loading?: boolean;\n  icon?: string;\n  color?: string;\n  label?: string;\n  onPress: () => void;\n  elevation?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & TouchableHighlightProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  Icon,\n  icon,\n  disabled = false,\n  type = \"solid\",\n  loading = false,\n  color: colorOverride,\n  label,\n  onPress,\n  elevation = 0,\n  style,\n  theme: { colors, disabledOpacity, roundness, typography },\n  ...rest\n}) => {\n  let backgroundColor, borderColor, textColor, borderWidth;\n  const buttonColor = colorOverride || colors.primary;\n\n  if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n    backgroundColor = buttonColor;\n\n    if (disabled) {\n      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = colors.surface;\n    }\n  } else {\n    backgroundColor = \"transparent\";\n\n    if (disabled) {\n      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = buttonColor;\n    }\n  }\n\n  if (type === \"outline\") {\n    if (disabled) {\n      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      borderColor = buttonColor;\n    }\n    borderWidth = StyleSheet.hairlineWidth;\n  } else {\n    borderColor = \"transparent\";\n    borderWidth = 0;\n  }\n\n  const buttonStyle: StyleProp<ViewStyle> = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    borderRadius: roundness,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  };\n\n  const buttonStyles: StyleProp<ViewStyle>[] = [styles.button, buttonStyle];\n\n  const contentStyle: StyleProp<ViewStyle>[] = [styles.content];\n\n  const textStyle: StyleProp<TextStyle> = {\n    textAlign: \"center\",\n    color: textColor,\n  };\n\n  const iconStyle: StyleProp<ViewStyle>[] = [\n    styles.icon,\n    {\n      width: Config.buttonIconSize,\n    },\n  ];\n\n  if (type === \"standard\" || type === \"outline\") {\n    buttonStyle.width = Config.FABSize;\n    buttonStyle.height = Config.FABSize;\n    buttonStyle.borderRadius = Config.FABBorderRadius;\n\n    contentStyle.push({\n      width: Config.FABSize,\n      height: Config.FABSize,\n    });\n  }\n\n  if (type === \"extended\" || type === \"fixed\") {\n    iconStyle.push({\n      marginLeft: 16,\n      marginRight: -8,\n    });\n\n    textStyle.margin = 16;\n  }\n\n  if (type === \"fixed\") {\n    buttonStyles.push({\n      height: Config.FABFixedHeight,\n      alignSelf: \"stretch\",\n    });\n  }\n\n  return (\n    <Elevation style={[{ elevation }, style]}>\n      <Touchable\n        {...rest}\n        onPress={onPress}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        disabled={disabled || loading}\n        style={buttonStyles}\n      >\n        <View style={styles.content}>\n          {icon && loading !== true ? (\n            <View style={iconStyle}>\n              <Icon\n                name={icon}\n                size={Config.buttonIconSize}\n                color={textColor}\n              />\n            </View>\n          ) : null}\n          {loading ? (\n            <ActivityIndicator\n              size=\"small\"\n              color={textColor}\n              style={iconStyle}\n            />\n          ) : null}\n          {label ? (\n            <Text numberOfLines={1} style={[textStyle, typography.button]}>\n              {label}\n            </Text>\n          ) : null}\n        </View>\n      </Touchable>\n    </Elevation>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderStyle: \"solid\",\n  },\n  content: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: Config.buttonIconSize,\n  },\n  fixed: {\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 64,\n    borderRadius: 0,\n  },\n});\n\nexport default withTheme(FAB);\n"]}
+{"version":3,"sources":["DeprecatedFAB.js"],"names":["FAB","Icon","icon","disabled","type","loading","color","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","Config","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","React","createElement","Elevation","Touchable","accessibilityState","accessibilityRole","View","name","size","ActivityIndicator","Text","numberOfLines","create","borderStyle","flexDirection","fixed","left","right","bottom"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,GAAG,GAAG,QAAuM;AAAA,MAAtM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,QAAQ,GAAG,KAAzB;AAAgCC,IAAAA,IAAI,GAAG,OAAvC;AAAgDC,IAAAA,OAAO,GAAG,KAA1D;AAAiEC,IAAAA,KAAK,EAAEC,aAAxE;AAAuFC,IAAAA,KAAvF;AAA8FC,IAAAA,OAA9F;AAAuGC,IAAAA,SAAS,GAAG,CAAnH;AAAsHC,IAAAA,KAAtH;AAA6HC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,eAAV;AAA2BC,MAAAA,SAA3B;AAAsCC,MAAAA;AAAtC,KAApI;AAAwL,OAAGC;AAA3L,GAAsM;AAC/M,MAAIC,eAAJ,EAAqBC,WAArB,EAAkCC,SAAlC,EAA6CC,WAA7C;AACA,QAAMC,WAAW,GAAGf,aAAa,IAAIM,MAAM,CAACU,OAA5C;;AACA,MAAInB,IAAI,KAAK,UAAT,IAAuBA,IAAI,KAAK,UAAhC,IAA8CA,IAAI,KAAK,OAA3D,EAAoE;AAChEc,IAAAA,eAAe,GAAGI,WAAlB;;AACA,QAAInB,QAAJ,EAAc;AACViB,MAAAA,SAAS,GAAG,oBAAMP,MAAM,CAACW,OAAb,EAAsBC,KAAtB,CAA4BX,eAA5B,EAA6CY,GAA7C,GAAmDC,MAAnD,EAAZ;AACH,KAFD,MAGK;AACDP,MAAAA,SAAS,GAAGP,MAAM,CAACW,OAAnB;AACH;AACJ,GARD,MASK;AACDN,IAAAA,eAAe,GAAG,aAAlB;;AACA,QAAIf,QAAJ,EAAc;AACViB,MAAAA,SAAS,GAAG,oBAAME,WAAN,EAAmBG,KAAnB,CAAyBX,eAAzB,EAA0CY,GAA1C,GAAgDC,MAAhD,EAAZ;AACH,KAFD,MAGK;AACDP,MAAAA,SAAS,GAAGE,WAAZ;AACH;AACJ;;AACD,MAAIlB,IAAI,KAAK,SAAb,EAAwB;AACpB,QAAID,QAAJ,EAAc;AACVgB,MAAAA,WAAW,GAAG,oBAAMG,WAAN,EAAmBG,KAAnB,CAAyBX,eAAzB,EAA0CY,GAA1C,GAAgDC,MAAhD,EAAd;AACH,KAFD,MAGK;AACDR,MAAAA,WAAW,GAAGG,WAAd;AACH;;AACDD,IAAAA,WAAW,GAAGO,wBAAWC,aAAzB;AACH,GARD,MASK;AACDV,IAAAA,WAAW,GAAG,aAAd;AACAE,IAAAA,WAAW,GAAG,CAAd;AACH;;AACD,QAAMS,WAAW,GAAG;AAChBZ,IAAAA,eADgB;AAEhBC,IAAAA,WAFgB;AAGhBE,IAAAA,WAHgB;AAIhBU,IAAAA,YAAY,EAAEhB,SAJE;AAKhBiB,IAAAA,UAAU,EAAE,QALI;AAMhBC,IAAAA,cAAc,EAAE;AANA,GAApB;AAQA,QAAMC,YAAY,GAAG,CAACC,MAAM,CAACC,MAAR,EAAgBN,WAAhB,CAArB;AACA,QAAMO,YAAY,GAAG,CAACF,MAAM,CAACG,OAAR,CAArB;AACA,QAAMC,SAAS,GAAG;AACdC,IAAAA,SAAS,EAAE,QADG;AAEdlC,IAAAA,KAAK,EAAEc;AAFO,GAAlB;AAIA,QAAMqB,SAAS,GAAG,CACdN,MAAM,CAACjC,IADO,EAEd;AACIwC,IAAAA,KAAK,EAAEC,gBAAOC;AADlB,GAFc,CAAlB;;AAMA,MAAIxC,IAAI,KAAK,UAAT,IAAuBA,IAAI,KAAK,SAApC,EAA+C;AAC3C0B,IAAAA,WAAW,CAACY,KAAZ,GAAoBC,gBAAOE,OAA3B;AACAf,IAAAA,WAAW,CAACgB,MAAZ,GAAqBH,gBAAOE,OAA5B;AACAf,IAAAA,WAAW,CAACC,YAAZ,GAA2BY,gBAAOI,eAAlC;AACAV,IAAAA,YAAY,CAACW,IAAb,CAAkB;AACdN,MAAAA,KAAK,EAAEC,gBAAOE,OADA;AAEdC,MAAAA,MAAM,EAAEH,gBAAOE;AAFD,KAAlB;AAIH;;AACD,MAAIzC,IAAI,KAAK,UAAT,IAAuBA,IAAI,KAAK,OAApC,EAA6C;AACzCqC,IAAAA,SAAS,CAACO,IAAV,CAAe;AACXC,MAAAA,UAAU,EAAE,EADD;AAEXC,MAAAA,WAAW,EAAE,CAAC;AAFH,KAAf;AAIAX,IAAAA,SAAS,CAACY,MAAV,GAAmB,EAAnB;AACH;;AACD,MAAI/C,IAAI,KAAK,OAAb,EAAsB;AAClB8B,IAAAA,YAAY,CAACc,IAAb,CAAkB;AACdF,MAAAA,MAAM,EAAEH,gBAAOS,cADD;AAEdC,MAAAA,SAAS,EAAE;AAFG,KAAlB;AAIH;;AACD,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,kBAApB,EAA+B;AAAE7C,IAAAA,KAAK,EAAE,CAAC;AAAED,MAAAA;AAAF,KAAD,EAAgBC,KAAhB;AAAT,GAA/B,eACJ2C,KAAK,CAACC,aAAN,CAAoBE,kBAApB,EAA+B,EAAE,GAAGxC,IAAL;AAAWR,IAAAA,OAAO,EAAEA,OAApB;AAA6BiD,IAAAA,kBAAkB,EAAE;AAAEvD,MAAAA;AAAF,KAAjD;AAA+DwD,IAAAA,iBAAiB,EAAE,QAAlF;AAA4FxD,IAAAA,QAAQ,EAAEA,QAAQ,IAAIE,OAAlH;AAA2HM,IAAAA,KAAK,EAAEuB;AAAlI,GAA/B,eACIoB,KAAK,CAACC,aAAN,CAAoBK,iBAApB,EAA0B;AAAEjD,IAAAA,KAAK,EAAEwB,MAAM,CAACG;AAAhB,GAA1B,EACIpC,IAAI,IAAIG,OAAO,KAAK,IAApB,gBAA4BiD,KAAK,CAACC,aAAN,CAAoBK,iBAApB,EAA0B;AAAEjD,IAAAA,KAAK,EAAE8B;AAAT,GAA1B,eACxBa,KAAK,CAACC,aAAN,CAAoBtD,IAApB,EAA0B;AAAE4D,IAAAA,IAAI,EAAE3D,IAAR;AAAc4D,IAAAA,IAAI,EAAEnB,gBAAOC,cAA3B;AAA2CtC,IAAAA,KAAK,EAAEc;AAAlD,GAA1B,CADwB,CAA5B,GACiG,IAFrG,EAGIf,OAAO,gBAAIiD,KAAK,CAACC,aAAN,CAAoBQ,8BAApB,EAAuC;AAAED,IAAAA,IAAI,EAAE,OAAR;AAAiBxD,IAAAA,KAAK,EAAEc,SAAxB;AAAmCT,IAAAA,KAAK,EAAE8B;AAA1C,GAAvC,CAAJ,GAAqG,IAHhH,EAIIjC,KAAK,gBAAI8C,KAAK,CAACC,aAAN,CAAoBS,aAApB,EAA0B;AAAEC,IAAAA,aAAa,EAAE,CAAjB;AAAoBtD,IAAAA,KAAK,EAAE,CAAC4B,SAAD,EAAYvB,UAAU,CAACoB,MAAvB;AAA3B,GAA1B,EAAuF5B,KAAvF,CAAJ,GAAqG,IAJ9G,CADJ,CADI,CAAR;AAOH,CAnFD;;AAoFA,MAAM2B,MAAM,GAAGP,wBAAWsC,MAAX,CAAkB;AAC7B9B,EAAAA,MAAM,EAAE;AACJ+B,IAAAA,WAAW,EAAE;AADT,GADqB;AAI7B7B,EAAAA,OAAO,EAAE;AACL8B,IAAAA,aAAa,EAAE,KADV;AAELpC,IAAAA,UAAU,EAAE,QAFP;AAGLC,IAAAA,cAAc,EAAE;AAHX,GAJoB;AAS7B/B,EAAAA,IAAI,EAAE;AACF8B,IAAAA,UAAU,EAAE,QADV;AAEFC,IAAAA,cAAc,EAAE,QAFd;AAGFS,IAAAA,KAAK,EAAEC,gBAAOC;AAHZ,GATuB;AAc7ByB,EAAAA,KAAK,EAAE;AACHC,IAAAA,IAAI,EAAE,CADH;AAEHC,IAAAA,KAAK,EAAE,CAFJ;AAGHC,IAAAA,MAAM,EAAE,CAHL;AAIH1B,IAAAA,MAAM,EAAE,EAJL;AAKHf,IAAAA,YAAY,EAAE;AALX;AAdsB,CAAlB,CAAf;;eAsBe,wBAAU/B,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst FAB = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, color: colorOverride, label, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n    let backgroundColor, borderColor, textColor, borderWidth;\n    const buttonColor = colorOverride || colors.primary;\n    if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n        backgroundColor = buttonColor;\n        if (disabled) {\n            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = colors.surface;\n        }\n    }\n    else {\n        backgroundColor = \"transparent\";\n        if (disabled) {\n            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = buttonColor;\n        }\n    }\n    if (type === \"outline\") {\n        if (disabled) {\n            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            borderColor = buttonColor;\n        }\n        borderWidth = StyleSheet.hairlineWidth;\n    }\n    else {\n        borderColor = \"transparent\";\n        borderWidth = 0;\n    }\n    const buttonStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        borderRadius: roundness,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    };\n    const buttonStyles = [styles.button, buttonStyle];\n    const contentStyle = [styles.content];\n    const textStyle = {\n        textAlign: \"center\",\n        color: textColor,\n    };\n    const iconStyle = [\n        styles.icon,\n        {\n            width: Config.buttonIconSize,\n        },\n    ];\n    if (type === \"standard\" || type === \"outline\") {\n        buttonStyle.width = Config.FABSize;\n        buttonStyle.height = Config.FABSize;\n        buttonStyle.borderRadius = Config.FABBorderRadius;\n        contentStyle.push({\n            width: Config.FABSize,\n            height: Config.FABSize,\n        });\n    }\n    if (type === \"extended\" || type === \"fixed\") {\n        iconStyle.push({\n            marginLeft: 16,\n            marginRight: -8,\n        });\n        textStyle.margin = 16;\n    }\n    if (type === \"fixed\") {\n        buttonStyles.push({\n            height: Config.FABFixedHeight,\n            alignSelf: \"stretch\",\n        });\n    }\n    return (React.createElement(Elevation, { style: [{ elevation }, style] },\n        React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: buttonStyles },\n            React.createElement(View, { style: styles.content },\n                icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n                loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n                label ? (React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, label)) : null))));\n};\nconst styles = StyleSheet.create({\n    button: {\n        borderStyle: \"solid\",\n    },\n    content: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    icon: {\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: Config.buttonIconSize,\n    },\n    fixed: {\n        left: 0,\n        right: 0,\n        bottom: 0,\n        height: 64,\n        borderRadius: 0,\n    },\n});\nexport default withTheme(FAB);\n"]}

package/lib/commonjs/components/Divider.js

@@ -15,8 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 const Divider = _ref => {
   let {
     style,
@@ -26,7 +24,19 @@ const Divider = _ref => {
     },
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [{
+      backgroundColor: color || colors.divider,
+      height: _reactNative.StyleSheet.hairlineWidth
+    }, style],
+    ...rest
+  });
+};
+
+var _default = (0, _theming.withTheme)(Divider);
+
+exports.default = _default;
+//# sourceMappingURL=Divider.js.map /*#__PURE__*/React.createElement(_reactNative.View, _extends({
     style: [{
       backgroundColor: color || colors.divider,
       height: _reactNative.StyleSheet.hairlineWidth

package/lib/commonjs/components/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Divider.tsx"],"names":["Divider","style","color","theme","colors","rest","backgroundColor","divider","height","StyleSheet","hairlineWidth"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AASA,MAAMA,OAAwB,GAAG,QAK3B;AAAA,MAL4B;AAChCC,IAAAA,KADgC;AAEhCC,IAAAA,KAFgC;AAGhCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAHyB;AAIhC,OAAGC;AAJ6B,GAK5B;AACJ,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEC,MAAAA,eAAe,EAAEJ,KAAK,IAAIE,MAAM,CAACG,OADnC;AAEEC,MAAAA,MAAM,EAAEC,wBAAWC;AAFrB,KADK,EAKLT,KALK;AADT,KAQMI,IARN,EADF;AAYD,CAlBD;;eAoBe,wBAAUL,OAAV,C","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  color?: string;\n  theme: typeof theme;\n};\n\nconst Divider: React.FC<Props> = ({\n  style,\n  color,\n  theme: { colors },\n  ...rest\n}) => {\n  return (\n    <View\n      style={[\n        {\n          backgroundColor: color || colors.divider,\n          height: StyleSheet.hairlineWidth,\n        },\n        style,\n      ]}\n      {...rest}\n    />\n  );\n};\n\nexport default withTheme(Divider);\n"]}
+{"version":3,"sources":["Divider.js"],"names":["Divider","style","color","theme","colors","rest","React","createElement","View","backgroundColor","divider","height","StyleSheet","hairlineWidth"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AACA,MAAMA,OAAO,GAAG,QAAkD;AAAA,MAAjD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAAvB;AAAmC,OAAGC;AAAtC,GAAiD;AAC9D,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEP,IAAAA,KAAK,EAAE,CACnC;AACIQ,MAAAA,eAAe,EAAEP,KAAK,IAAIE,MAAM,CAACM,OADrC;AAEIC,MAAAA,MAAM,EAAEC,wBAAWC;AAFvB,KADmC,EAKnCZ,KALmC,CAAT;AAM3B,OAAGI;AANwB,GAA1B,CAAR;AAOH,CARD;;eASe,wBAAUL,OAAV,C","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport { withTheme } from \"../theming\";\nconst Divider = ({ style, color, theme: { colors }, ...rest }) => {\n    return (React.createElement(View, { style: [\n            {\n                backgroundColor: color || colors.divider,\n                height: StyleSheet.hairlineWidth,\n            },\n            style,\n        ], ...rest }));\n};\nexport default withTheme(Divider);\n"]}

package/lib/commonjs/components/Elevation.js

@@ -19,6 +19,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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); }
+
 /* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
 const Elevation = _ref => {
   let {
@@ -35,24 +37,11 @@ const Elevation = _ref => {
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, { ...rest,
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
     style: [{
       borderRadius,
       backgroundColor: colors.surface
     }, elevation ? (0, _shadow.default)(elevation) : null, style]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: {
-      overflow: "hidden",
-      borderRadius
-    }
-  }, children));
-};
-
-var _default = (0, _theming.withTheme)(Elevation);
-
-exports.default = _default;
-//# sourceMappingURL=Elevation.js.mape
-    }, elevation ? (0, _shadow.default)(elevation) : null, style]
   }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: {
       overflow: "hidden",

package/lib/commonjs/components/Elevation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Elevation.js"],"names":["Elevation","style","theme","children","rest","elevation","borderRadius","radius","StyleSheet","flatten","colors","React","createElement","Animated","View","backgroundColor","surface","overflow"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA;AACA,MAAMA,SAAS,GAAG,QAAyC;AAAA,MAAxC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,QAAhB;AAA0B,OAAGC;AAA7B,GAAwC;AACvD,QAAM;AAAEC,IAAAA,SAAS,GAAG,CAAd;AAAiBC,IAAAA,YAAY,EAAEC;AAA/B,MAA0CC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAA7E;AACA,QAAM;AAAES,IAAAA;AAAF,MAAaR,KAAnB;AACA,QAAMI,YAAY,GAAGC,MAArB;AACA,sBAAQI,KAAK,CAACC,aAAN,CAAoBC,sBAASC,IAA7B,EAAmC,EAAE,GAAGV,IAAL;AAAWH,IAAAA,KAAK,EAAE,CACrD;AACIK,MAAAA,YADJ;AAEIS,MAAAA,eAAe,EAAEL,MAAM,CAACM;AAF5B,KADqD,EAKrDX,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,IALqB,EAMrDJ,KANqD;AAAlB,GAAnC,eAQJU,KAAK,CAACC,aAAN,CAAoBE,iBAApB,EAA0B;AAAEb,IAAAA,KAAK,EAAE;AAAEgB,MAAAA,QAAQ,EAAE,QAAZ;AAAsBX,MAAAA;AAAtB;AAAT,GAA1B,EAA2EH,QAA3E,CARI,CAAR;AASH,CAbD;;eAce,wBAAUH,SAAV,C","sourcesContent":["import * as React from \"react\";\nimport { Animated, StyleSheet, View, } from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation = ({ style, theme, children, ...rest }) => {\n    const { elevation = 4, borderRadius: radius } = StyleSheet.flatten(style) || {};\n    const { colors } = theme;\n    const borderRadius = radius;\n    return (React.createElement(Animated.View, { ...rest, style: [\n            {\n                borderRadius,\n                backgroundColor: colors.surface,\n            },\n            elevation ? shadow(elevation) : null,\n            style,\n        ] },\n        React.createElement(View, { style: { overflow: \"hidden\", borderRadius } }, children)));\n};\nexport default withTheme(Elevation);\n"]}
+{"version":3,"sources":["Elevation.tsx"],"names":["Elevation","style","theme","children","rest","elevation","borderRadius","radius","StyleSheet","flatten","colors","backgroundColor","surface","overflow"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AACA;;;;;;;;;;AAQA;AACA,MAAMA,SAA0B,GAAG,QAAyC;AAAA,MAAxC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,QAAhB;AAA0B,OAAGC;AAA7B,GAAwC;AAC1E,QAAM;AAAEC,IAAAA,SAAS,GAAG,CAAd;AAAiBC,IAAAA,YAAY,EAAEC;AAA/B,MACJC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAD/B;AAEA,QAAM;AAAES,IAAAA;AAAF,MAAaR,KAAnB;AACA,QAAMI,YAAY,GAAGC,MAArB;AAEA,sBACE,oBAAC,qBAAD,CAAU,IAAV,eACMH,IADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEE,MAAAA,YADF;AAEEK,MAAAA,eAAe,EAAED,MAAM,CAACE;AAF1B,KADK,EAKLP,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,IAL3B,EAMLJ,KANK;AAFT,mBAWE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAEY,MAAAA,QAAQ,EAAE,QAAZ;AAAsBP,MAAAA;AAAtB;AAAb,KAAoDH,QAApD,CAXF,CADF;AAeD,CArBD;;eAuBe,wBAAUH,SAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  Animated,\n  StyleSheet,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & ViewProps;\n\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation: React.FC<Props> = ({ style, theme, children, ...rest }) => {\n  const { elevation = 4, borderRadius: radius } =\n    StyleSheet.flatten(style) || {};\n  const { colors } = theme;\n  const borderRadius = radius;\n\n  return (\n    <Animated.View\n      {...rest}\n      style={[\n        {\n          borderRadius,\n          backgroundColor: colors.surface,\n        },\n        elevation ? shadow(elevation) : null,\n        style,\n      ]}\n    >\n      <View style={{ overflow: \"hidden\", borderRadius }}>{children}</View>\n    </Animated.View>\n  );\n};\n\nexport default withTheme(Elevation);\n"]}

package/lib/commonjs/components/FAB.js

@@ -60,11 +60,15 @@ const FAB = _ref => {
       }];
     }
   }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
-    size: "small",
+    style: size > 50 ? {
+      marginTop: 2,
+      marginLeft: 2
+    } : undefined,
+    size: size <= 50 ? "small" : "large",
     color: color
   }) : /*#__PURE__*/React.createElement(Icon, {
     name: iconName,
-    size: 28,
+    size: size,
     color: color
   }))));
 };

package/lib/commonjs/components/FAB.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FAB.tsx"],"names":["FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","StyleSheet","create","justifyContent","alignItems","Platform","select","web","cursor","userSelect"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;;;;;;;AAiBA,MAAMA,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,sBAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,iBAAD,QACGR,OAAO,gBACN,oBAAC,8BAAD;AAAmB,IAAA,IAAI,EAAC,OAAxB;AAAgC,IAAA,KAAK,EAAEY;AAAvC,IADM,gBAGN,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAE,EAA5B;AAAgC,IAAA,KAAK,EAAEW;AAAvC,IAJJ,CArBF,CAXF,CADF;AA2CD,CA3DD;;AA6DA,MAAMO,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENe,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAGC,sBAASC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;;eAce,wBAAUjC,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator size=\"small\" color={color} />\n          ) : (\n            <Icon name={iconName} size={28} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}
+{"version":3,"sources":["FAB.tsx"],"names":["FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","marginTop","marginLeft","undefined","StyleSheet","create","justifyContent","alignItems","Platform","select","web","cursor","userSelect"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;;;;;;;AAiBA,MAAMA,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,sBAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,iBAAD,QACGR,OAAO,gBACN,oBAAC,8BAAD;AACE,IAAA,KAAK,EAAEM,IAAI,GAAG,EAAP,GAAY;AAAEgB,MAAAA,SAAS,EAAE,CAAb;AAAgBC,MAAAA,UAAU,EAAE;AAA5B,KAAZ,GAA8CC,SADvD;AAEE,IAAA,IAAI,EAAElB,IAAI,IAAI,EAAR,GAAa,OAAb,GAAuB,OAF/B;AAGE,IAAA,KAAK,EAAEM;AAHT,IADM,gBAON,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAEK,IAA5B;AAAkC,IAAA,KAAK,EAAEM;AAAzC,IARJ,CArBF,CAXF,CADF;AA+CD,CA/DD;;AAiEA,MAAMO,MAAM,GAAGM,wBAAWC,MAAX,CAAkB;AAC/BN,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENkB,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAGC,sBAASC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;;eAce,wBAAUpC,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator\n              style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}\n              size={size <= 50 ? \"small\" : \"large\"}\n              color={color}\n            />\n          ) : (\n            <Icon name={iconName} size={size} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}

package/lib/commonjs/components/Swiper/Swiper.js

@@ -21,7 +21,11 @@ const Swiper = _ref => {
     from = 0,
     prevTitle = "",
     nextTitle = "",
+    prevTitleColor,
+    nextTitleColor,
     dotsTouchable = true,
+    dotColor,
+    dotActiveColor,
     children,
     style
   } = _ref;
@@ -35,7 +39,25 @@ const Swiper = _ref => {
     controlsProps: {
       prevTitle,
       nextTitle,
-      dotsTouchable
+      prevTitleStyle: {
+        color: prevTitleColor
+      },
+      nextTitleStyle: {
+        color: nextTitleColor
+      },
+      dotsTouchable,
+      ...(dotColor ? {
+        dotProps: {
+          badgeStyle: {
+            backgroundColor: dotColor
+          }
+        }
+      } : {}),
+      ...(dotActiveColor ? {
+        dotActiveStyle: {
+          backgroundColor: dotActiveColor
+        }
+      } : {})
     }
   }, children));
 };

package/lib/commonjs/components/Swiper/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.tsx"],"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAcA,MAAMA,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,aAAa,GAAG,IAPF;AAQdC,IAAAA,QARc;AASdC,IAAAA;AATc,GAAD;AAAA,sBAWb,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,6BAAC,6BAAD;AACE,IAAA,IAAI,EAAEL,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbC,MAAAA;AAHa;AALjB,KAWGC,QAXH,CADF,CAXa;AAAA,CAAf;;eA4BeR,M","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  dotsTouchable?: boolean;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  dotsTouchable = true,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        dotsTouchable,\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}
+{"version":3,"sources":["Swiper.tsx"],"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAkBA,MAAMA,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,cAPc;AAQdC,IAAAA,cARc;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,QAZc;AAadC,IAAAA;AAbc,GAAD;AAAA,sBAeb,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,6BAAC,6BAAD;AACE,IAAA,IAAI,EAAET,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAER;AAAT,OAHH;AAIbS,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEP;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMb,UAAIC,QAAQ,GACR;AAAEO,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAET;AAAnB;AAAd;AAAZ,OADQ,GAER,EAFJ,CANa;AASb,UAAIC,cAAc,GACd;AAAES,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAER;AAAnB;AAAlB,OADc,GAEd,EAFJ;AATa;AALjB,KAmBGC,QAnBH,CADF,CAfa;AAAA,CAAf;;eAwCeZ,M","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  prevTitleColor?: string;\n  nextTitleColor?: string;\n  dotsTouchable?: boolean;\n  dotColor?: string;\n  dotActiveColor?: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  prevTitleColor,\n  nextTitleColor,\n  dotsTouchable = true,\n  dotColor,\n  dotActiveColor,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        prevTitleStyle: { color: prevTitleColor },\n        nextTitleStyle: { color: nextTitleColor },\n        dotsTouchable,\n        ...(dotColor\n          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n          : {}),\n        ...(dotActiveColor\n          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n          : {}),\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}

package/lib/commonjs/mappings/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonGroup.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,oBADe;AAErBC,EAAAA,GAAG,EAAE,kBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,iCADR;AAEHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BC,MAAAA,eAAe,EAAE,eADU;AAE3BC,MAAAA,aAAa,EAAE,OAFY;AAG3BC,MAAAA,YAAY,EAAE;AAHa,KAApB;AAFR;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button Group\",\n    tag: \"RadioButtonGroup\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnValueChange],\n    props: {\n        direction: createDirectionProp(),\n        fieldName: createFieldNameProp({\n            handlerPropName: \"onValueChange\",\n            valuePropName: \"value\",\n            defaultValue: \"radioButtonGroupValue\",\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["RadioButtonGroup.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,oBADiB;AAEvBC,EAAAA,GAAG,EAAE,kBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,iCADN;AAELC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAApB;AAFN;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Group\",\n  tag: \"RadioButtonGroup\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    fieldName: createFieldNameProp({\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n      defaultValue: \"radioButtonGroupValue\",\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/Swiper.js

@@ -45,6 +45,20 @@ const SEED_DATA = {
       label: "Next Title",
       defaultValue: ""
     }),
+    prevTitleColor: (0, _types.createColorProp)({
+      label: "Previous Title Color"
+    }),
+    nextTitleColor: (0, _types.createColorProp)({
+      label: "Next Title Color"
+    }),
+    dotColor: (0, _types.createColorProp)({
+      label: "Dot Color",
+      defaultValue: "light"
+    }),
+    dotActiveColor: (0, _types.createColorProp)({
+      label: "Dot Active Color",
+      defaultValue: "primary"
+    }),
     dotsTouchable: (0, _types.createBoolProp)({
       group: _types.GROUPS.basic,
       label: "Dots Touchable",

package/lib/commonjs/mappings/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","layout","height","width","props","from","group","GROUPS","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","dotsTouchable"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAjB,CADD;AAKLC,IAAAA,IAAI,EAAE,2BAAe;AACnBJ,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAf,CALD;AASLE,IAAAA,OAAO,EAAE,6BAAiB;AACxBL,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAjB,CATJ;AAcLC,IAAAA,QAAQ,EAAE,2BAAe;AACvBP,MAAAA,KAAK,EAAEC,cAAOC,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAf,CAdL;AAmBLE,IAAAA,SAAS,EAAE,2BAAe;AACxBR,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAf,CAnBN;AAwBLG,IAAAA,SAAS,EAAE,2BAAe;AACxBT,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAf,CAxBN;AA6BLI,IAAAA,aAAa,EAAE,2BAAe;AAC5BV,MAAAA,KAAK,EAAEC,cAAOC,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAf;AA7BV;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Swiper.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","layout","height","width","props","from","group","GROUPS","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAjB,CADD;AAKLC,IAAAA,IAAI,EAAE,2BAAe;AACnBJ,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAf,CALD;AASLE,IAAAA,OAAO,EAAE,6BAAiB;AACxBL,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAjB,CATJ;AAcLC,IAAAA,QAAQ,EAAE,2BAAe;AACvBP,MAAAA,KAAK,EAAEC,cAAOC,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAf,CAdL;AAmBLE,IAAAA,SAAS,EAAE,2BAAe;AACxBR,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAf,CAnBN;AAwBLG,IAAAA,SAAS,EAAE,2BAAe;AACxBT,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAf,CAxBN;AA6BLI,IAAAA,cAAc,EAAE,4BAAgB;AAC9BP,MAAAA,KAAK,EAAE;AADuB,KAAhB,CA7BX;AAgCLQ,IAAAA,cAAc,EAAE,4BAAgB;AAC9BR,MAAAA,KAAK,EAAE;AADuB,KAAhB,CAhCX;AAmCLS,IAAAA,QAAQ,EAAE,4BAAgB;AACxBT,MAAAA,KAAK,EAAE,WADiB;AAExBG,MAAAA,YAAY,EAAE;AAFU,KAAhB,CAnCL;AAuCLO,IAAAA,cAAc,EAAE,4BAAgB;AAC9BV,MAAAA,KAAK,EAAE,kBADuB;AAE9BG,MAAAA,YAAY,EAAE;AAFgB,KAAhB,CAvCX;AA2CLQ,IAAAA,aAAa,EAAE,2BAAe;AAC5Bd,MAAAA,KAAK,EAAEC,cAAOC,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAf;AA3CV;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    prevTitleColor: createColorProp({\n      label: \"Previous Title Color\",\n    }),\n    nextTitleColor: createColorProp({\n      label: \"Next Title Color\",\n    }),\n    dotColor: createColorProp({\n      label: \"Dot Color\",\n      defaultValue: \"light\",\n    }),\n    dotActiveColor: createColorProp({\n      label: \"Dot Active Color\",\n      defaultValue: \"primary\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/TextArea.js

@@ -13,7 +13,16 @@ const SEED_DATA = {
   description: "An input field that allows for multiple lines.",
   category: _types.COMPONENT_TYPES.input,
   layout: {
-    flex: 1
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+    borderColor: "divider",
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 8
   },
   triggers: [_types.Triggers.OnChangeText],
   props: { ..._types.TEXT_INPUT_PROPS,

package/lib/commonjs/mappings/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TextArea.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","flex","triggers","Triggers","OnChangeText","props","TEXT_INPUT_PROPS","placeholder","defaultValue","multiline","label","group","GROUPS","uncategorized","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","FIELD_NAME","handlerPropName"],"mappings":";;;;;;;AAAA;;AAUO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGC,uBADE;AAELC,IAAAA,WAAW,EAAE,EACX,GAAGD,wBAAiBC,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETd,MAAAA,WAAW,EAAE,WAFJ;AAGTe,MAAAA,KAAK,EAAEC,cAAOC,aAHL;AAITC,MAAAA,QAAQ,EAAEC,kBAAWC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEC,kBAAWC,OALZ;AAMTX,MAAAA,YAAY,EAAE,IANL;AAOTY,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbZ,MAAAA,KAAK,EAAE,iBADM;AAEbd,MAAAA,WAAW,EAAE,iBAFA;AAGbe,MAAAA,KAAK,EAAEC,cAAOW,KAHD;AAIbT,MAAAA,QAAQ,EAAEC,kBAAWS,MAJR;AAKbP,MAAAA,QAAQ,EAAEC,kBAAWO,MALR;AAMbjB,MAAAA,YAAY,EAAE,CAND;AAObY,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGC,iBADM;AAETnB,MAAAA,YAAY,EAAE,gBAFL;AAGToB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAPgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: { flex: 1 },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}
+{"version":3,"sources":["TextArea.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","Triggers","OnChangeText","props","TEXT_INPUT_PROPS","placeholder","defaultValue","multiline","label","group","GROUPS","uncategorized","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","FIELD_NAME","handlerPropName"],"mappings":";;;;;;;AAAA;;AAUO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,CADX;AAENC,IAAAA,gBAAgB,EAAE,CAFZ;AAGNC,IAAAA,cAAc,EAAE,CAHV;AAINC,IAAAA,iBAAiB,EAAE,CAJb;AAKNC,IAAAA,WAAW,EAAE,SALP;AAMNC,IAAAA,WAAW,EAAE,CANP;AAONC,IAAAA,YAAY,EAAE,CAPR;AAQNC,IAAAA,UAAU,EAAE,CARN;AASNC,IAAAA,aAAa,EAAE,CATT;AAUNC,IAAAA,YAAY,EAAE;AAVR,GALe;AAiBvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,YAAV,CAjBa;AAkBvBC,EAAAA,KAAK,EAAE,EACL,GAAGC,uBADE;AAELC,IAAAA,WAAW,EAAE,EACX,GAAGD,wBAAiBC,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETvB,MAAAA,WAAW,EAAE,WAFJ;AAGTwB,MAAAA,KAAK,EAAEC,cAAOC,aAHL;AAITC,MAAAA,QAAQ,EAAEC,kBAAWC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEC,kBAAWC,OALZ;AAMTX,MAAAA,YAAY,EAAE,IANL;AAOTY,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbZ,MAAAA,KAAK,EAAE,iBADM;AAEbvB,MAAAA,WAAW,EAAE,iBAFA;AAGbwB,MAAAA,KAAK,EAAEC,cAAOW,KAHD;AAIbT,MAAAA,QAAQ,EAAEC,kBAAWS,MAJR;AAKbP,MAAAA,QAAQ,EAAEC,kBAAWO,MALR;AAMbjB,MAAAA,YAAY,EAAE,CAND;AAObY,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGC,iBADM;AAETnB,MAAAA,YAAY,EAAE,gBAFL;AAGToB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAlBgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    borderLeftWidth: 1,\n    borderRightWidth: 1,\n    borderTopWidth: 1,\n    borderBottomWidth: 1,\n    borderColor: \"divider\",\n    paddingLeft: 8,\n    paddingRight: 8,\n    paddingTop: 8,\n    paddingBottom: 8,\n    borderRadius: 8,\n  },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}

package/lib/module/components/FAB.js

@@ -47,11 +47,15 @@ const FAB = _ref => {
       }];
     }
   }, props), /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
-    size: "small",
+    style: size > 50 ? {
+      marginTop: 2,
+      marginLeft: 2
+    } : undefined,
+    size: size <= 50 ? "small" : "large",
     color: color
   }) : /*#__PURE__*/React.createElement(Icon, {
     name: iconName,
-    size: 28,
+    size: size,
     color: color
   }))));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["FAB.tsx"],"names":["React","View","StyleSheet","Pressable","ActivityIndicator","Platform","withTheme","FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","create","justifyContent","alignItems","select","web","cursor","userSelect"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,iBAJF,EAQEC,QARF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;;AAiBA,MAAMC,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,SAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,IAAD,QACGR,OAAO,gBACN,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAC,OAAxB;AAAgC,IAAA,KAAK,EAAEY;AAAvC,IADM,gBAGN,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAE,EAA5B;AAAgC,IAAA,KAAK,EAAEW;AAAvC,IAJJ,CArBF,CAXF,CADF;AA2CD,CA3DD;;AA6DA,MAAMO,MAAM,GAAG3B,UAAU,CAAC8B,MAAX,CAAkB;AAC/BF,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENc,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAG7B,QAAQ,CAAC8B,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;AAcA,eAAehC,SAAS,CAACC,GAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator size=\"small\" color={color} />\n          ) : (\n            <Icon name={iconName} size={28} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}
+{"version":3,"sources":["FAB.tsx"],"names":["React","View","StyleSheet","Pressable","ActivityIndicator","Platform","withTheme","FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","marginTop","marginLeft","undefined","create","justifyContent","alignItems","select","web","cursor","userSelect"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,iBAJF,EAQEC,QARF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;;AAiBA,MAAMC,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,SAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,IAAD,QACGR,OAAO,gBACN,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAEM,IAAI,GAAG,EAAP,GAAY;AAAEgB,MAAAA,SAAS,EAAE,CAAb;AAAgBC,MAAAA,UAAU,EAAE;AAA5B,KAAZ,GAA8CC,SADvD;AAEE,IAAA,IAAI,EAAElB,IAAI,IAAI,EAAR,GAAa,OAAb,GAAuB,OAF/B;AAGE,IAAA,KAAK,EAAEM;AAHT,IADM,gBAON,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAEK,IAA5B;AAAkC,IAAA,KAAK,EAAEM;AAAzC,IARJ,CArBF,CAXF,CADF;AA+CD,CA/DD;;AAiEA,MAAMO,MAAM,GAAG3B,UAAU,CAACiC,MAAX,CAAkB;AAC/BL,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENiB,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAGhC,QAAQ,CAACiC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;AAcA,eAAenC,SAAS,CAACC,GAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator\n              style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}\n              size={size <= 50 ? \"small\" : \"large\"}\n              color={color}\n            />\n          ) : (\n            <Icon name={iconName} size={size} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}

package/lib/module/components/RadioButton/RadioButtonFieldGroup.js

@@ -1,3 +1,5 @@
+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 { View } from "react-native";
 import Text from "../Text";
@@ -20,10 +22,9 @@ const RadioButtonFieldGroup = _ref => {
       fontSize: theme.typography.headline4.fontSize,
       color: theme.typography.headline4.color
     }, labelStyle]
-  }, label), /*#__PURE__*/React.createElement(RadioButtonGroup, {
-    theme: theme,
-    ...rest
-  }, children));
+  }, label), /*#__PURE__*/React.createElement(RadioButtonGroup, _extends({
+    theme: theme
+  }, rest), children));
 };
 
 export default withTheme(RadioButtonFieldGroup);

package/lib/module/components/RadioButton/RadioButtonFieldGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonFieldGroup.js"],"names":["React","View","Text","withTheme","RadioButtonGroup","RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","createElement","fontSize","typography","headline4","color"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,gBAAP,MAA6B,oBAA7B;;AACA,MAAMC,qBAAqB,GAAG,QAA4D;AAAA,MAA3D;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,KAAnB;AAA0BC,IAAAA,UAA1B;AAAsCC,IAAAA,KAAtC;AAA6C,OAAGC;AAAhD,GAA2D;AACtF,sBAAQX,KAAK,CAACY,aAAN,CAAoBX,IAApB,EAA0B;AAAES,IAAAA,KAAK,EAAEA;AAAT,GAA1B,eACJV,KAAK,CAACY,aAAN,CAAoBV,IAApB,EAA0B;AAAEQ,IAAAA,KAAK,EAAE,CAC3B;AACIG,MAAAA,QAAQ,EAAEL,KAAK,CAACM,UAAN,CAAiBC,SAAjB,CAA2BF,QADzC;AAEIG,MAAAA,KAAK,EAAER,KAAK,CAACM,UAAN,CAAiBC,SAAjB,CAA2BC;AAFtC,KAD2B,EAK3BP,UAL2B;AAAT,GAA1B,EAMSH,KANT,CADI,eAQJN,KAAK,CAACY,aAAN,CAAoBR,gBAApB,EAAsC;AAAEI,IAAAA,KAAK,EAAEA,KAAT;AAAgB,OAAGG;AAAnB,GAAtC,EAAiEJ,QAAjE,CARI,CAAR;AASH,CAVD;;AAWA,eAAeJ,SAAS,CAACE,qBAAD,CAAxB","sourcesContent":["import React from \"react\";\nimport { View } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup from \"./RadioButtonGroup\";\nconst RadioButtonFieldGroup = ({ label, children, theme, labelStyle, style, ...rest }) => {\n    return (React.createElement(View, { style: style },\n        React.createElement(Text, { style: [\n                {\n                    fontSize: theme.typography.headline4.fontSize,\n                    color: theme.typography.headline4.color,\n                },\n                labelStyle,\n            ] }, label),\n        React.createElement(RadioButtonGroup, { theme: theme, ...rest }, children)));\n};\nexport default withTheme(RadioButtonFieldGroup);\n"]}
+{"version":3,"sources":["RadioButtonFieldGroup.tsx"],"names":["React","View","Text","withTheme","RadioButtonGroup","RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","fontSize","typography","headline4","color"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAsD,cAAtD;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,gBAAP,MAAwD,oBAAxD;;AAQA,MAAMC,qBAAsC,GAAG,QAOzC;AAAA,MAP0C;AAC9CC,IAAAA,KAD8C;AAE9CC,IAAAA,QAF8C;AAG9CC,IAAAA,KAH8C;AAI9CC,IAAAA,UAJ8C;AAK9CC,IAAAA,KAL8C;AAM9C,OAAGC;AAN2C,GAO1C;AACJ,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAED;AAAb,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEE,MAAAA,QAAQ,EAAEJ,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BF,QADvC;AAEEG,MAAAA,KAAK,EAAEP,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BC;AAFpC,KADK,EAKLN,UALK;AADT,KASGH,KATH,CADF,eAYE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEE;AAAzB,KAAoCG,IAApC,GACGJ,QADH,CAZF,CADF;AAkBD,CA1BD;;AA4BA,eAAeJ,SAAS,CAACE,qBAAD,CAAxB","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup, { RadioButtonGroupProps } from \"./RadioButtonGroup\";\n\ninterface Props extends RadioButtonGroupProps {\n  label?: string;\n  labelStyle?: StyleProp<TextStyle>;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButtonFieldGroup: React.FC<Props> = ({\n  label,\n  children,\n  theme,\n  labelStyle,\n  style,\n  ...rest\n}) => {\n  return (\n    <View style={style}>\n      <Text\n        style={[\n          {\n            fontSize: theme.typography.headline4.fontSize,\n            color: theme.typography.headline4.color,\n          },\n          labelStyle,\n        ]}\n      >\n        {label}\n      </Text>\n      <RadioButtonGroup theme={theme} {...rest}>\n        {children}\n      </RadioButtonGroup>\n    </View>\n  );\n};\n\nexport default withTheme(RadioButtonFieldGroup);\n"]}

package/lib/module/components/Swiper/Swiper.js

@@ -10,7 +10,11 @@ const Swiper = _ref => {
     from = 0,
     prevTitle = "",
     nextTitle = "",
+    prevTitleColor,
+    nextTitleColor,
     dotsTouchable = true,
+    dotColor,
+    dotActiveColor,
     children,
     style
   } = _ref;
@@ -24,7 +28,25 @@ const Swiper = _ref => {
     controlsProps: {
       prevTitle,
       nextTitle,
-      dotsTouchable
+      prevTitleStyle: {
+        color: prevTitleColor
+      },
+      nextTitleStyle: {
+        color: nextTitleColor
+      },
+      dotsTouchable,
+      ...(dotColor ? {
+        dotProps: {
+          badgeStyle: {
+            backgroundColor: dotColor
+          }
+        }
+      } : {}),
+      ...(dotActiveColor ? {
+        dotActiveStyle: {
+          backgroundColor: dotActiveColor
+        }
+      } : {})
     }
   }, children));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAcA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,aAAa,GAAG,IAPF;AAQdC,IAAAA,QARc;AASdC,IAAAA;AATc,GAAD;AAAA,sBAWb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEL,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbC,MAAAA;AAHa;AALjB,KAWGC,QAXH,CADF,CAXa;AAAA,CAAf;;AA4BA,eAAeR,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  dotsTouchable?: boolean;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  dotsTouchable = true,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        dotsTouchable,\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}
+{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAkBA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,cAPc;AAQdC,IAAAA,cARc;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,QAZc;AAadC,IAAAA;AAbc,GAAD;AAAA,sBAeb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAET,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAER;AAAT,OAHH;AAIbS,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEP;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMb,UAAIC,QAAQ,GACR;AAAEO,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAET;AAAnB;AAAd;AAAZ,OADQ,GAER,EAFJ,CANa;AASb,UAAIC,cAAc,GACd;AAAES,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAER;AAAnB;AAAlB,OADc,GAEd,EAFJ;AATa;AALjB,KAmBGC,QAnBH,CADF,CAfa;AAAA,CAAf;;AAwCA,eAAeZ,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  prevTitleColor?: string;\n  nextTitleColor?: string;\n  dotsTouchable?: boolean;\n  dotColor?: string;\n  dotActiveColor?: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  prevTitleColor,\n  nextTitleColor,\n  dotsTouchable = true,\n  dotColor,\n  dotActiveColor,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        prevTitleStyle: { color: prevTitleColor },\n        nextTitleStyle: { color: nextTitleColor },\n        dotsTouchable,\n        ...(dotColor\n          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n          : {}),\n        ...(dotActiveColor\n          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n          : {}),\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["MapMarker.js"],"names":["COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","createTextProp","GROUPS","SEED_DATA","name","tag","description","category","deprecated","layout","props","latitude","label","required","precision","min","max","longitude","title","defaultValue","flat","group","basic","pinColor"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,cAA1B,EAA0CC,eAA1C,EAA2DC,gBAA3D,EAA6EC,cAA7E,EAA6FC,MAA7F,QAA4G,iBAA5G;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,YADe;AAErBC,EAAAA,GAAG,EAAE,WAFgB;AAGrBC,EAAAA,WAAW,EAAE,kCAHQ;AAIrBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,UAJL;AAKrBC,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,QAAQ,EAAEX,gBAAgB,CAAC;AACvBY,MAAAA,KAAK,EAAE,UADgB;AAEvBN,MAAAA,WAAW,EAAE,6CAFU;AAGvBO,MAAAA,QAAQ,EAAE,IAHa;AAIvBC,MAAAA,SAAS,EAAE,CAJY;AAKvBC,MAAAA,GAAG,EAAE,CAAC,EALiB;AAMvBC,MAAAA,GAAG,EAAE;AANkB,KAAD,CADvB;AASHC,IAAAA,SAAS,EAAEjB,gBAAgB,CAAC;AACxBY,MAAAA,KAAK,EAAE,WADiB;AAExBN,MAAAA,WAAW,EAAE,8CAFW;AAGxBO,MAAAA,QAAQ,EAAE,IAHc;AAIxBC,MAAAA,SAAS,EAAE,CAJa;AAKxBC,MAAAA,GAAG,EAAE,CAAC,GALkB;AAMxBC,MAAAA,GAAG,EAAE;AANmB,KAAD,CATxB;AAiBHE,IAAAA,KAAK,EAAEjB,cAAc,CAAC;AAClBW,MAAAA,KAAK,EAAE,OADW;AAElBN,MAAAA,WAAW,EAAE,qCAFK;AAGlBa,MAAAA,YAAY,EAAE;AAHI,KAAD,CAjBlB;AAsBHb,IAAAA,WAAW,EAAEL,cAAc,CAAC;AACxBW,MAAAA,KAAK,EAAE,aADiB;AAExBN,MAAAA,WAAW,EAAE,qCAFW;AAGxBa,MAAAA,YAAY,EAAE;AAHU,KAAD,CAtBxB;AA2BHC,IAAAA,IAAI,EAAEtB,cAAc,CAAC;AACjBc,MAAAA,KAAK,EAAE,MADU;AAEjBN,MAAAA,WAAW,EAAE,+GAFI;AAGjBe,MAAAA,KAAK,EAAEnB,MAAM,CAACoB,KAHG;AAIjBH,MAAAA,YAAY,EAAE;AAJG,KAAD,CA3BjB;AAiCHI,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACtBa,MAAAA,KAAK,EAAE,WADe;AAEtBN,MAAAA,WAAW,EAAE;AAFS,KAAD;AAjCtB;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Map Marker\",\n    tag: \"MapMarker\",\n    description: \"A marker to show inside map view\",\n    category: COMPONENT_TYPES.deprecated,\n    layout: {},\n    props: {\n        latitude: createNumberProp({\n            label: \"Latitude\",\n            description: \"The latitude in which the marker is located\",\n            required: true,\n            precision: 6,\n            min: -90,\n            max: 90,\n        }),\n        longitude: createNumberProp({\n            label: \"Longitude\",\n            description: \"The longitude in which the marker is located\",\n            required: true,\n            precision: 6,\n            min: -180,\n            max: 180,\n        }),\n        title: createTextProp({\n            label: \"Title\",\n            description: \"Title to show along with the marker\",\n            defaultValue: null,\n        }),\n        description: createTextProp({\n            label: \"Description\",\n            description: \"Optional description for the marker\",\n            defaultValue: null,\n        }),\n        flat: createBoolProp({\n            label: \"Flat\",\n            description: \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n            group: GROUPS.basic,\n            defaultValue: false,\n        }),\n        pinColor: createColorProp({\n            label: \"Pin Color\",\n            description: \"Sets the color of the marker\",\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["MapMarker.ts"],"names":["COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","createTextProp","GROUPS","SEED_DATA","name","tag","description","category","deprecated","layout","props","latitude","label","required","precision","min","max","longitude","title","defaultValue","flat","group","basic","pinColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,eAHF,EAIEC,gBAJF,EAKEC,cALF,EAMEC,MANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,YADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,UAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEX,gBAAgB,CAAC;AACzBY,MAAAA,KAAK,EAAE,UADkB;AAEzBN,MAAAA,WAAW,EAAE,6CAFY;AAGzBO,MAAAA,QAAQ,EAAE,IAHe;AAIzBC,MAAAA,SAAS,EAAE,CAJc;AAKzBC,MAAAA,GAAG,EAAE,CAAC,EALmB;AAMzBC,MAAAA,GAAG,EAAE;AANoB,KAAD,CADrB;AASLC,IAAAA,SAAS,EAAEjB,gBAAgB,CAAC;AAC1BY,MAAAA,KAAK,EAAE,WADmB;AAE1BN,MAAAA,WAAW,EAAE,8CAFa;AAG1BO,MAAAA,QAAQ,EAAE,IAHgB;AAI1BC,MAAAA,SAAS,EAAE,CAJe;AAK1BC,MAAAA,GAAG,EAAE,CAAC,GALoB;AAM1BC,MAAAA,GAAG,EAAE;AANqB,KAAD,CATtB;AAiBLE,IAAAA,KAAK,EAAEjB,cAAc,CAAC;AACpBW,MAAAA,KAAK,EAAE,OADa;AAEpBN,MAAAA,WAAW,EAAE,qCAFO;AAGpBa,MAAAA,YAAY,EAAE;AAHM,KAAD,CAjBhB;AAsBLb,IAAAA,WAAW,EAAEL,cAAc,CAAC;AAC1BW,MAAAA,KAAK,EAAE,aADmB;AAE1BN,MAAAA,WAAW,EAAE,qCAFa;AAG1Ba,MAAAA,YAAY,EAAE;AAHY,KAAD,CAtBtB;AA2BLC,IAAAA,IAAI,EAAEtB,cAAc,CAAC;AACnBc,MAAAA,KAAK,EAAE,MADY;AAEnBN,MAAAA,WAAW,EACT,+GAHiB;AAInBe,MAAAA,KAAK,EAAEnB,MAAM,CAACoB,KAJK;AAKnBH,MAAAA,YAAY,EAAE;AALK,KAAD,CA3Bf;AAkCLI,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACxBa,MAAAA,KAAK,EAAE,WADiB;AAExBN,MAAAA,WAAW,EAAE;AAFW,KAAD;AAlCpB;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Marker\",\n  tag: \"MapMarker\",\n  description: \"A marker to show inside map view\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {},\n  props: {\n    latitude: createNumberProp({\n      label: \"Latitude\",\n      description: \"The latitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -90,\n      max: 90,\n    }),\n    longitude: createNumberProp({\n      label: \"Longitude\",\n      description: \"The longitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -180,\n      max: 180,\n    }),\n    title: createTextProp({\n      label: \"Title\",\n      description: \"Title to show along with the marker\",\n      defaultValue: null,\n    }),\n    description: createTextProp({\n      label: \"Description\",\n      description: \"Optional description for the marker\",\n      defaultValue: null,\n    }),\n    flat: createBoolProp({\n      label: \"Flat\",\n      description:\n        \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n    pinColor: createColorProp({\n      label: \"Pin Color\",\n      description: \"Sets the color of the marker\",\n    }),\n  },\n};\n"]}

package/lib/module/mappings/Swiper.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, GROUPS } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Swiper",
   tag: "Swiper",
@@ -37,6 +37,20 @@ export const SEED_DATA = {
       label: "Next Title",
       defaultValue: ""
     }),
+    prevTitleColor: createColorProp({
+      label: "Previous Title Color"
+    }),
+    nextTitleColor: createColorProp({
+      label: "Next Title Color"
+    }),
+    dotColor: createColorProp({
+      label: "Dot Color",
+      defaultValue: "light"
+    }),
+    dotActiveColor: createColorProp({
+      label: "Dot Active Color",
+      defaultValue: "primary"
+    }),
     dotsTouchable: createBoolProp({
       group: GROUPS.basic,
       label: "Dots Touchable",

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

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,MALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEb,gBAAgB,CAAC;AACrBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAD,CADjB;AAKLC,IAAAA,IAAI,EAAElB,cAAc,CAAC;AACnBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CALf;AASLE,IAAAA,OAAO,EAAElB,gBAAgB,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CATpB;AAcLC,IAAAA,QAAQ,EAAErB,cAAc,CAAC;AACvBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAD,CAdnB;AAmBLE,IAAAA,SAAS,EAAEpB,cAAc,CAAC;AACxBa,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAnBpB;AAwBLG,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACxBa,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAxBpB;AA6BLI,IAAAA,aAAa,EAAExB,cAAc,CAAC;AAC5Be,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAD;AA7BxB;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","createColorProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,eALF,EAMEC,MANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAD,CADjB;AAKLC,IAAAA,IAAI,EAAEnB,cAAc,CAAC;AACnBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CALf;AASLE,IAAAA,OAAO,EAAEnB,gBAAgB,CAAC;AACxBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CATpB;AAcLC,IAAAA,QAAQ,EAAEtB,cAAc,CAAC;AACvBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAD,CAdnB;AAmBLE,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAnBpB;AAwBLG,IAAAA,SAAS,EAAEtB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAxBpB;AA6BLI,IAAAA,cAAc,EAAEtB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CA7B1B;AAgCLQ,IAAAA,cAAc,EAAEvB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CAhC1B;AAmCLS,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACxBe,MAAAA,KAAK,EAAE,WADiB;AAExBG,MAAAA,YAAY,EAAE;AAFU,KAAD,CAnCpB;AAuCLO,IAAAA,cAAc,EAAEzB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE,kBADuB;AAE9BG,MAAAA,YAAY,EAAE;AAFgB,KAAD,CAvC1B;AA2CLQ,IAAAA,aAAa,EAAE7B,cAAc,CAAC;AAC5BgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAD;AA3CxB;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    prevTitleColor: createColorProp({\n      label: \"Previous Title Color\",\n    }),\n    nextTitleColor: createColorProp({\n      label: \"Next Title Color\",\n    }),\n    dotColor: createColorProp({\n      label: \"Dot Color\",\n      defaultValue: \"light\",\n    }),\n    dotActiveColor: createColorProp({\n      label: \"Dot Active Color\",\n      defaultValue: \"primary\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}

package/lib/module/mappings/TextArea.js

@@ -5,7 +5,16 @@ export const SEED_DATA = {
   description: "An input field that allows for multiple lines.",
   category: COMPONENT_TYPES.input,
   layout: {
-    flex: 1
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+    borderColor: "divider",
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 8
   },
   triggers: [Triggers.OnChangeText],
   props: { ...TEXT_INPUT_PROPS,

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

@@ -1 +1 @@
-{"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","flex","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACT,QAAQ,CAACU,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGZ,gBADE;AAELa,IAAAA,WAAW,EAAE,EACX,GAAGb,gBAAgB,CAACa,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETX,MAAAA,WAAW,EAAE,WAFJ;AAGTY,MAAAA,KAAK,EAAEtB,MAAM,CAACuB,aAHL;AAITC,MAAAA,QAAQ,EAAEtB,UAAU,CAACuB,OAJZ;AAKTC,MAAAA,QAAQ,EAAEvB,UAAU,CAACwB,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbX,MAAAA,WAAW,EAAE,iBAFA;AAGbY,MAAAA,KAAK,EAAEtB,MAAM,CAAC+B,KAHD;AAIbP,MAAAA,QAAQ,EAAEtB,UAAU,CAAC8B,MAJR;AAKbN,MAAAA,QAAQ,EAAEvB,UAAU,CAAC8B,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAG9B,UADM;AAETe,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAPgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: { flex: 1 },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}
+{"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,CADX;AAENC,IAAAA,gBAAgB,EAAE,CAFZ;AAGNC,IAAAA,cAAc,EAAE,CAHV;AAINC,IAAAA,iBAAiB,EAAE,CAJb;AAKNC,IAAAA,WAAW,EAAE,SALP;AAMNC,IAAAA,WAAW,EAAE,CANP;AAONC,IAAAA,YAAY,EAAE,CAPR;AAQNC,IAAAA,UAAU,EAAE,CARN;AASNC,IAAAA,aAAa,EAAE,CATT;AAUNC,IAAAA,YAAY,EAAE;AAVR,GALe;AAiBvBC,EAAAA,QAAQ,EAAE,CAAClB,QAAQ,CAACmB,YAAV,CAjBa;AAkBvBC,EAAAA,KAAK,EAAE,EACL,GAAGrB,gBADE;AAELsB,IAAAA,WAAW,EAAE,EACX,GAAGtB,gBAAgB,CAACsB,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETpB,MAAAA,WAAW,EAAE,WAFJ;AAGTqB,MAAAA,KAAK,EAAE/B,MAAM,CAACgC,aAHL;AAITC,MAAAA,QAAQ,EAAE/B,UAAU,CAACgC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEhC,UAAU,CAACiC,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbpB,MAAAA,WAAW,EAAE,iBAFA;AAGbqB,MAAAA,KAAK,EAAE/B,MAAM,CAACwC,KAHD;AAIbP,MAAAA,QAAQ,EAAE/B,UAAU,CAACuC,MAJR;AAKbN,MAAAA,QAAQ,EAAEhC,UAAU,CAACuC,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGvC,UADM;AAETwB,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAlBgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    borderLeftWidth: 1,\n    borderRightWidth: 1,\n    borderTopWidth: 1,\n    borderBottomWidth: 1,\n    borderColor: \"divider\",\n    paddingLeft: 8,\n    paddingRight: 8,\n    paddingTop: 8,\n    paddingBottom: 8,\n    borderRadius: 8,\n  },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}

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

@@ -7,9 +7,13 @@ export interface SwiperProps {
     timeout?: number;
     prevTitle?: string;
     nextTitle?: string;
+    prevTitleColor?: string;
+    nextTitleColor?: string;
     dotsTouchable?: boolean;
+    dotColor?: string;
+    dotActiveColor?: string;
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;
 }
-declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, dotsTouchable, children, style, }: SwiperProps) => JSX.Element;
+declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, prevTitleColor, nextTitleColor, dotsTouchable, dotColor, dotActiveColor, children, style, }: SwiperProps) => JSX.Element;
 export default Swiper;

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

@@ -52,6 +52,46 @@ export declare const SEED_DATA: {
         };
         prevTitle: any;
         nextTitle: any;
+        prevTitleColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        nextTitleColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        dotColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        dotActiveColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
         dotsTouchable: {
             label: string;
             description: string;

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

@@ -4,7 +4,16 @@ export declare const SEED_DATA: {
     description: string;
     category: string;
     layout: {
-        flex: number;
+        borderLeftWidth: number;
+        borderRightWidth: number;
+        borderTopWidth: number;
+        borderBottomWidth: number;
+        borderColor: string;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        paddingBottom: number;
+        borderRadius: number;
     };
     triggers: string[];
     props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.3.4-a9cc72.1+a9cc7223",
+  "version": "43.3.4-b1718d.4+b1718d96",
   "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.3.4-a9cc72.1+a9cc7223",
+    "@draftbit/types": "^43.3.3",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.1.7",
@@ -79,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "a9cc72234831da23420cd5dcd1987e11c9e01c14"
+  "gitHead": "b1718d96a231df29288773f33fd9f30604f54bc6"
 }

package/src/components/FAB.js

@@ -28,7 +28,7 @@ const FAB = ({ onPress, disabled, loading, iconName = "MaterialIcons/add", style
                     },
                 ];
             }, ...props },
-            React.createElement(View, null, loading ? (React.createElement(ActivityIndicator, { size: "small", color: color })) : (React.createElement(Icon, { name: iconName, size: 28, color: color }))))));
+            React.createElement(View, null, loading ? (React.createElement(ActivityIndicator, { style: size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined, size: size <= 50 ? "small" : "large", color: color })) : (React.createElement(Icon, { name: iconName, size: size, color: color }))))));
 };
 const styles = StyleSheet.create({
     button: {

package/src/components/FAB.tsx

@@ -77,9 +77,13 @@ const FAB: React.FC<Props> = ({
       >
         <View>
           {loading ? (
-            <ActivityIndicator size="small" color={color} />
+            <ActivityIndicator
+              style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}
+              size={size <= 50 ? "small" : "large"}
+              color={color}
+            />
           ) : (
-            <Icon name={iconName} size={28} color={color} />
+            <Icon name={iconName} size={size} color={color} />
           )}
         </View>
       </Pressable>

package/src/components/Swiper/Swiper.js

@@ -1,10 +1,18 @@
 import React from "react";
 import { View } from "react-native";
 import SwiperComponent from "react-native-web-swiper";
-const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", dotsTouchable = true, children, style, }) => (React.createElement(View, { style: style },
+const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor, dotActiveColor, children, style, }) => (React.createElement(View, { style: style },
     React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, controlsProps: {
             prevTitle,
             nextTitle,
+            prevTitleStyle: { color: prevTitleColor },
+            nextTitleStyle: { color: nextTitleColor },
             dotsTouchable,
+            ...(dotColor
+                ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
+                : {}),
+            ...(dotActiveColor
+                ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
+                : {}),
         } }, children)));
 export default Swiper;

package/src/components/Swiper/Swiper.tsx

@@ -9,7 +9,11 @@ export interface SwiperProps {
   timeout?: number;
   prevTitle?: string;
   nextTitle?: string;
+  prevTitleColor?: string;
+  nextTitleColor?: string;
   dotsTouchable?: boolean;
+  dotColor?: string;
+  dotActiveColor?: string;
   children: React.ReactNode;
   style?: StyleProp<ViewStyle>;
 }
@@ -21,7 +25,11 @@ const Swiper = ({
   from = 0,
   prevTitle = "",
   nextTitle = "",
+  prevTitleColor,
+  nextTitleColor,
   dotsTouchable = true,
+  dotColor,
+  dotActiveColor,
   children,
   style,
 }: SwiperProps) => (
@@ -34,7 +42,15 @@ const Swiper = ({
       controlsProps={{
         prevTitle,
         nextTitle,
+        prevTitleStyle: { color: prevTitleColor },
+        nextTitleStyle: { color: nextTitleColor },
         dotsTouchable,
+        ...(dotColor
+          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
+          : {}),
+        ...(dotActiveColor
+          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
+          : {}),
       }}
     >
       {children}

package/src/mappings/Swiper.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, GROUPS, } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Swiper",
     tag: "Swiper",
@@ -37,6 +37,20 @@ export const SEED_DATA = {
             label: "Next Title",
             defaultValue: "",
         }),
+        prevTitleColor: createColorProp({
+            label: "Previous Title Color",
+        }),
+        nextTitleColor: createColorProp({
+            label: "Next Title Color",
+        }),
+        dotColor: createColorProp({
+            label: "Dot Color",
+            defaultValue: "light",
+        }),
+        dotActiveColor: createColorProp({
+            label: "Dot Active Color",
+            defaultValue: "primary",
+        }),
         dotsTouchable: createBoolProp({
             group: GROUPS.basic,
             label: "Dots Touchable",

package/src/mappings/Swiper.ts

@@ -3,6 +3,7 @@ import {
   createBoolProp,
   createNumberProp,
   createTextProp,
+  createColorProp,
   GROUPS,
 } from "@draftbit/types";
 
@@ -44,6 +45,20 @@ export const SEED_DATA = {
       label: "Next Title",
       defaultValue: "",
     }),
+    prevTitleColor: createColorProp({
+      label: "Previous Title Color",
+    }),
+    nextTitleColor: createColorProp({
+      label: "Next Title Color",
+    }),
+    dotColor: createColorProp({
+      label: "Dot Color",
+      defaultValue: "light",
+    }),
+    dotActiveColor: createColorProp({
+      label: "Dot Active Color",
+      defaultValue: "primary",
+    }),
     dotsTouchable: createBoolProp({
       group: GROUPS.basic,
       label: "Dots Touchable",

package/src/mappings/TextArea.js

@@ -4,7 +4,18 @@ export const SEED_DATA = {
     tag: "TextInput",
     description: "An input field that allows for multiple lines.",
     category: COMPONENT_TYPES.input,
-    layout: { flex: 1 },
+    layout: {
+        borderLeftWidth: 1,
+        borderRightWidth: 1,
+        borderTopWidth: 1,
+        borderBottomWidth: 1,
+        borderColor: "divider",
+        paddingLeft: 8,
+        paddingRight: 8,
+        paddingTop: 8,
+        paddingBottom: 8,
+        borderRadius: 8,
+    },
     triggers: [Triggers.OnChangeText],
     props: {
         ...TEXT_INPUT_PROPS,

package/src/mappings/TextArea.ts

@@ -13,7 +13,18 @@ export const SEED_DATA = {
   tag: "TextInput",
   description: "An input field that allows for multiple lines.",
   category: COMPONENT_TYPES.input,
-  layout: { flex: 1 },
+  layout: {
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+    borderColor: "divider",
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 8,
+  },
   triggers: [Triggers.OnChangeText],
   props: {
     ...TEXT_INPUT_PROPS,