@draftbit/core 43.7.0 → 43.7.1-5a0264.0

package/lib/module/components/Checkbox/CheckboxGroupRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CheckboxGroupRow.tsx"],"names":["React","StyleSheet","View","Platform","Checkbox","Text","useCheckboxGroupContext","Direction","GroupDirection","Touchable","extractStyles","getCheckboxAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","style","color","uncheckedColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAGEC,UAHF,EAKEC,IALF,EAMEC,QANF,QAOO,cAPP;AAQA,OAAOC,QAAP,MAAwC,YAAxC;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,uBAAT,QAAwC,WAAxC;AAEA,SAASC,SAAS,IAAIC,cAAtB,QAA4C,WAA5C;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,SAASC,aAAT,QAA8B,iBAA9B;AAEA,WAAYH,SAAZ;;WAAYA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,KAAAA,S;;AAiBZ,MAAMI,oBAAoB,GAAG,CAC3BC,eAD2B,EAE3BC,SAF2B,KAGxB;AACH,MAAID,eAAe,KAAKJ,cAAc,CAACM,UAAvC,EAAmD;AACjD,WAAOD,SAAS,KAAKN,SAAS,CAACQ,GAAxB,GAA8B,YAA9B,GAA6C,UAApD;AACD,GAFD,MAEO,IAAIF,SAAS,KAAKN,SAAS,CAACS,UAA5B,EAAwC;AAC7C,WAAO,YAAP;AACD,GAFM,MAEA;AACL,WAAO,UAAP;AACD;AACF,CAXD;;AAaA,MAAMC,WAAW,GAAG,CAClBC,KADkB,EAElBC,UAFkB,EAGlBC,SAHkB,KAIf;AACH,MAAI,OAAOF,KAAP,KAAiB,QAArB,EAA+B;AAC7B,wBAAO,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,UAAD,EAAaC,SAAb;AAAb,OAAuCF,KAAvC,CAAP;AACD,GAFD,MAEO;AACL,wBAAO,0CAAGA,KAAH,CAAP;AACD;AACF,CAVD;;AAYA,MAAMG,gBAA4D,GAAG,QAe/D;AAAA,MAfgE;AACpEC,IAAAA,IADoE;AAEpEC,IAAAA,KAAK,GAAG,OAF4D;AAGpEC,IAAAA,MAHoE;AAIpEN,IAAAA,KAJoE;AAKpEO,IAAAA,OALoE;AAMpEC,IAAAA,mBANoE;AAOpEP,IAAAA,UAPoE;AAQpEQ,IAAAA,aARoE;AASpEd,IAAAA,SAAS,GAAGN,SAAS,CAACQ,GAT8C;AAUpEa,IAAAA,QAVoE;AAWpEC,IAAAA,KAXoE;AAYpEC,IAAAA,KAZoE;AAapEC,IAAAA,cAboE;AAcpE,OAAGC;AAdiE,GAehE;AACJ,QAAM;AACJC,IAAAA,MAAM,EAAEC,cADJ;AAEJC,IAAAA,aAFI;AAGJtB,IAAAA,SAAS,EAAED;AAHP,MAIFN,uBAAuB,EAJ3B;AAMA,QAAM2B,MAAM,GAAGG,KAAK,CAACC,OAAN,CAAcH,cAAd,IAAgCA,cAAhC,GAAiD,EAAhE;AACA,QAAMI,SAAS,GAAGd,MAAM,IAAIS,MAAM,CAACM,QAAP,CAAgBrB,KAAhB,CAA5B;;AAEA,QAAMsB,WAAW,GAAG,MAAM;AACxB,QAAI,CAACZ,QAAL,EAAe;AACbH,MAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAG,CAACa,SAAJ,CAAP;AACAH,MAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGjB,KAAH,EAAU,CAACoB,SAAX,CAAb;AACD;AACF,GALD;;AAOA,QAAM;AAAEG,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6BhC,aAAa,CAACmB,KAAD,CAAhD;AAEA,sBACE,oBAAC,SAAD;AACE,IAAA,OAAO,EAAEW,WADX;AAEE,IAAA,KAAK,EAAE,CAACG,MAAM,CAACC,UAAR,EAAoB;AAAEC,MAAAA,aAAa,EAAEhC;AAAjB,KAApB,EAAkD6B,UAAlD,CAFT;AAGE,IAAA,QAAQ,EAAEd;AAHZ,KAIMI,IAJN,gBAME,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACLW,MAAM,CAACpB,KADF,EAEL;AACEuB,MAAAA,UAAU,EAAEjC,SAAS,KAAKN,SAAS,CAACQ,GAAxB,GAA8B,YAA9B,GAA6C;AAD3D,KAFK,EAKLW,mBALK;AADT,KASGT,WAAW,CAACM,KAAD,EAAQJ,UAAR,EAAoBsB,UAApB,CATd,CANF,eAiBE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AACLM,MAAAA,IAAI,EAAE,CADD;AAELD,MAAAA,UAAU,EAAEnC,oBAAoB,CAACC,eAAD,EAAkBC,SAAlB;AAF3B;AADT,kBAME,oBAAC,QAAD;AACE,IAAA,IAAI,EAAES,IADR;AAEE,IAAA,MAAM,EAAEgB,SAFV;AAGE,IAAA,OAAO,EAAEE,WAHX;AAIE,IAAA,KAAK,EAAEb,aAJT;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAME,IAAA,KAAK,EAAEE,KANT;AAOE,IAAA,cAAc,EAAEC;AAPlB,IANF,CAjBF,CADF;AAoCD,CAtED;;AAwEA,MAAMY,MAAM,GAAG1C,UAAU,CAAC+C,MAAX,CAAkB;AAC/BJ,EAAAA,UAAU,EAAE;AACVE,IAAAA,UAAU,EAAE,QADF;AAEVG,IAAAA,cAAc,EAAE,cAFN;AAGVC,IAAAA,YAAY,EAAE,EAHJ;AAIVC,IAAAA,SAAS,EAAE,EAJD;AAKVC,IAAAA,UAAU,EAAE,EALF;AAMVC,IAAAA,OAAO,EAAE,MANC;AAOV,OAAGlD,QAAQ,CAACmD,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAPO,GADmB;AAe/BlC,EAAAA,KAAK,EAAE;AACLwB,IAAAA,IAAI,EAAE;AADD;AAfwB,CAAlB,CAAf;AAoBA,eAAe1B,gBAAf","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport Checkbox, { CheckboxProps } from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxGroupRowProps extends Omit<CheckboxProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string; // A string that this checkbox represents\n  labelContainerStyle: StyleProp<ViewStyle>;\n  checkboxStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: boolean) => void;\n  direction?: Direction;\n  color: string;\n  unselectedColor: string;\n}\n\nconst getCheckboxAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst CheckboxGroupRow: React.FC<CheckboxGroupRowProps & IconSlot> = ({\n  Icon,\n  label = \"Label\",\n  status,\n  value,\n  onPress,\n  labelContainerStyle,\n  labelStyle,\n  checkboxStyle,\n  direction = Direction.Row,\n  disabled,\n  style,\n  color,\n  uncheckedColor,\n  ...rest\n}) => {\n  const {\n    values: selectedValues,\n    onValueChange,\n    direction: parentDirection,\n  } = useCheckboxGroupContext();\n\n  const values = Array.isArray(selectedValues) ? selectedValues : [];\n  const isChecked = status || values.includes(value);\n\n  const handlePress = () => {\n    if (!disabled) {\n      onPress?.(!isChecked);\n      onValueChange?.(value, !isChecked);\n    }\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getCheckboxAlignment(parentDirection, direction),\n        }}\n      >\n        <Checkbox\n          Icon={Icon}\n          status={isChecked}\n          onPress={handlePress}\n          style={checkboxStyle}\n          disabled={disabled}\n          color={color}\n          uncheckedColor={uncheckedColor}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    display: \"flex\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default CheckboxGroupRow;\n"]}
+{"version":3,"sources":["CheckboxGroupRow.js"],"names":["React","StyleSheet","View","Platform","Checkbox","Text","useCheckboxGroupContext","Direction","GroupDirection","Touchable","extractStyles","getCheckboxAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","createElement","style","Fragment","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","color","uncheckedColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport Checkbox from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\nexport var Direction;\n(function (Direction) {\n    Direction[\"Row\"] = \"row\";\n    Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst getCheckboxAlignment = (parentDirection, direction) => {\n    if (parentDirection === GroupDirection.Horizontal) {\n        return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n    }\n    else if (direction === Direction.RowReverse) {\n        return \"flex-start\";\n    }\n    else {\n        return \"flex-end\";\n    }\n};\nconst renderLabel = (value, labelStyle, textStyle) => {\n    if (typeof value === \"string\") {\n        return React.createElement(Text, { style: [labelStyle, textStyle] }, value);\n    }\n    else {\n        return React.createElement(React.Fragment, null, value);\n    }\n};\nconst CheckboxGroupRow = ({ Icon, label = \"Label\", status, value, onPress, labelContainerStyle, labelStyle, checkboxStyle, direction = Direction.Row, disabled, style, color, uncheckedColor, ...rest }) => {\n    const { values: selectedValues, onValueChange, direction: parentDirection, } = useCheckboxGroupContext();\n    const values = Array.isArray(selectedValues) ? selectedValues : [];\n    const isChecked = status || values.includes(value);\n    const handlePress = () => {\n        if (!disabled) {\n            onPress?.(!isChecked);\n            onValueChange?.(value, !isChecked);\n        }\n    };\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },\n        React.createElement(View, { style: [\n                styles.label,\n                {\n                    alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n                },\n                labelContainerStyle,\n            ] }, renderLabel(label, labelStyle, textStyles)),\n        React.createElement(View, { style: {\n                flex: 1,\n                alignItems: getCheckboxAlignment(parentDirection, direction),\n            } },\n            React.createElement(Checkbox, { Icon: Icon, status: isChecked, onPress: handlePress, style: checkboxStyle, disabled: disabled, color: color, uncheckedColor: uncheckedColor }))));\n};\nconst styles = StyleSheet.create({\n    mainParent: {\n        alignItems: \"center\",\n        justifyContent: \"space-around\",\n        paddingStart: 20,\n        minHeight: 50,\n        paddingEnd: 20,\n        display: \"flex\",\n        ...Platform.select({\n            web: {\n                cursor: \"pointer\",\n                userSelect: \"none\",\n            },\n        }),\n    },\n    label: {\n        flex: 3,\n    },\n});\nexport default CheckboxGroupRow;\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Header.tsx"],"names":["React","View","Text","StyleSheet","withTheme","Divider","Touchable","Config","Header","Icon","titleTypeStyle","titleColor","title","buttonText","dividerTopMargin","icon","onPress","style","theme","colors","typography","styles","container","topContainer","color","flex","alignSelf","marginLeft","buttonContainer","subtitle2","light","marginRight","headerIconSize","marginTop","create","flexDirection","justifyContent","alignItems"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,IAFF,EAGEC,UAHF,QAOO,cAPP;AAQA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAiBA,MAAMC,MAAuB,GAAG,QAW1B;AAAA,MAX2B;AAC/BC,IAAAA,IAD+B;AAE/BC,IAAAA,cAF+B;AAG/BC,IAAAA,UAH+B;AAI/BC,IAAAA,KAJ+B;AAK/BC,IAAAA,UAL+B;AAM/BC,IAAAA,gBAN+B;AAO/BC,IAAAA,IAP+B;AAQ/BC,IAAAA,OAR+B;AAS/BC,IAAAA,KAT+B;AAU/BC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAVwB,GAW3B;AACJ,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmBL,KAAnB;AAAb,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEI,MAAM,CAACE;AAApB,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACLb,cADK,EAEL;AACEc,MAAAA,KAAK,EAAEb,UADT;AAEEc,MAAAA,IAAI,EAAE;AAFR,KAFK,CADT;AAQE,IAAA,aAAa,EAAE;AARjB,KAUGb,KAVH,CADF,EAaGI,OAAO,iBACN,oBAAC,SAAD;AACE,IAAA,KAAK,EAAE;AAAEU,MAAAA,SAAS,EAAE,QAAb;AAAuBC,MAAAA,UAAU,EAAE;AAAnC,KADT;AAEE,IAAA,OAAO,EAAEX;AAFX,kBAIE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEK,MAAM,CAACO;AAApB,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACLR,UAAU,CAACS,SADN,EAEL;AACEL,MAAAA,KAAK,EAAEL,MAAM,CAACW,KADhB;AAEEC,MAAAA,WAAW,EAAE;AAFf,KAFK,CADT;AAQE,IAAA,aAAa,EAAE;AARjB,KAUGlB,UAVH,CADF,eAaE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEE,IADR;AAEE,IAAA,IAAI,EAAER,MAAM,CAACyB,cAFf;AAGE,IAAA,KAAK,EAAEb,MAAM,CAACW;AAHhB,IAbF,CAJF,CAdJ,CADF,eAyCE,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAE;AAAEG,MAAAA,SAAS,EAAEnB,gBAAgB,IAAI;AAAjC;AAAhB,IAzCF,CADF;AA6CD,CAzDD;;AA2DA,MAAMO,MAAM,GAAGlB,UAAU,CAAC+B,MAAX,CAAkB;AAC/BZ,EAAAA,SAAS,EAAE;AACTI,IAAAA,SAAS,EAAE;AADF,GADoB;AAI/BH,EAAAA,YAAY,EAAE;AACZY,IAAAA,aAAa,EAAE,KADH;AAEZC,IAAAA,cAAc,EAAE,eAFJ;AAGZC,IAAAA,UAAU,EAAE;AAHA,GAJiB;AAS/BT,EAAAA,eAAe,EAAE;AACfO,IAAAA,aAAa,EAAE,KADA;AAEfC,IAAAA,cAAc,EAAE,QAFD;AAGfC,IAAAA,UAAU,EAAE;AAHG;AATc,CAAlB,CAAf;AAgBA,eAAejC,SAAS,CAACI,MAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Text,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Divider from \"./Divider\";\nimport Touchable from \"./Touchable\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  titleTypeStyle?: StyleProp<TextStyle>;\n  titleColor: string;\n  title: string;\n  buttonText: string;\n  dividerTopMargin?: number;\n  icon: string;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst Header: React.FC<Props> = ({\n  Icon,\n  titleTypeStyle,\n  titleColor,\n  title,\n  buttonText,\n  dividerTopMargin,\n  icon,\n  onPress,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <View style={[styles.container, style]}>\n      <View style={styles.topContainer}>\n        <Text\n          style={[\n            titleTypeStyle,\n            {\n              color: titleColor,\n              flex: 1,\n            },\n          ]}\n          numberOfLines={1}\n        >\n          {title}\n        </Text>\n        {onPress && (\n          <Touchable\n            style={{ alignSelf: \"center\", marginLeft: 12 }}\n            onPress={onPress}\n          >\n            <View style={styles.buttonContainer}>\n              <Text\n                style={[\n                  typography.subtitle2,\n                  {\n                    color: colors.light,\n                    marginRight: 8,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {buttonText}\n              </Text>\n              <Icon\n                name={icon}\n                size={Config.headerIconSize}\n                color={colors.light}\n              />\n            </View>\n          </Touchable>\n        )}\n      </View>\n      <Divider style={{ marginTop: dividerTopMargin || 16 }} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  topContainer: {\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n  },\n  buttonContainer: {\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n});\n\nexport default withTheme(Header);\n"]}
+{"version":3,"sources":["Header.js"],"names":["React","View","Text","StyleSheet","withTheme","Divider","Touchable","Config","Header","Icon","titleTypeStyle","titleColor","title","buttonText","dividerTopMargin","icon","onPress","style","theme","colors","typography","createElement","styles","container","topContainer","color","flex","numberOfLines","alignSelf","marginLeft","buttonContainer","subtitle2","light","marginRight","name","size","headerIconSize","marginTop","create","flexDirection","justifyContent","alignItems"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Divider from \"./Divider\";\nimport Touchable from \"./Touchable\";\nimport Config from \"./Config\";\nconst Header = ({ Icon, titleTypeStyle, titleColor, title, buttonText, dividerTopMargin, icon, onPress, style, theme: { colors, typography }, }) => {\n    return (React.createElement(View, { style: [styles.container, style] },\n        React.createElement(View, { style: styles.topContainer },\n            React.createElement(Text, { style: [\n                    titleTypeStyle,\n                    {\n                        color: titleColor,\n                        flex: 1,\n                    },\n                ], numberOfLines: 1 }, title),\n            onPress && (React.createElement(Touchable, { style: { alignSelf: \"center\", marginLeft: 12 }, onPress: onPress },\n                React.createElement(View, { style: styles.buttonContainer },\n                    React.createElement(Text, { style: [\n                            typography.subtitle2,\n                            {\n                                color: colors.light,\n                                marginRight: 8,\n                            },\n                        ], numberOfLines: 1 }, buttonText),\n                    React.createElement(Icon, { name: icon, size: Config.headerIconSize, color: colors.light }))))),\n        React.createElement(Divider, { style: { marginTop: dividerTopMargin || 16 } })));\n};\nconst styles = StyleSheet.create({\n    container: {\n        alignSelf: \"stretch\",\n    },\n    topContainer: {\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n    },\n    buttonContainer: {\n        flexDirection: \"row\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n});\nexport default withTheme(Header);\n"]}

package/lib/module/components/Layout.js

@@ -1,8 +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 * as React from "react";
-import { View } from "react-native"; // @ts-ignore
-
+import { View } from "react-native";
 export function Center(_ref) {
   let {
     width = 240,
@@ -12,15 +9,16 @@ export function Center(_ref) {
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, {
     style: [{
       justifyContent: "center",
       alignItems: "center",
       width,
       height,
       backgroundColor: bgColor
-    }, style]
-  }, rest), children);
+    }, style],
+    ...rest
+  }, children);
 }
 export function Circle(_ref2) {
   let {
@@ -31,7 +29,7 @@ export function Circle(_ref2) {
     ...rest
   } = _ref2;
   const borderRadius = 1000;
-  return /*#__PURE__*/React.createElement(Center, _extends({
+  return /*#__PURE__*/React.createElement(Center, {
     width: size,
     height: size,
     bgColor: bgColor,
@@ -39,8 +37,9 @@ export function Circle(_ref2) {
       backgroundColor: bgColor,
       borderRadius,
       overflow: "hidden"
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 export function Square(_ref3) {
   let {
@@ -50,12 +49,13 @@ export function Square(_ref3) {
     style,
     ...rest
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Center, _extends({
+  return /*#__PURE__*/React.createElement(Center, {
     style: style,
     width: size,
     height: size,
-    bgColor: bgColor
-  }, rest), children);
+    bgColor: bgColor,
+    ...rest
+  }, children);
 }
 export function Row(_ref4) {
   let {
@@ -65,14 +65,14 @@ export function Row(_ref4) {
     style,
     ...rest
   } = _ref4;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [style, // style goes first b/c we can't override these
-    {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [style, {
       alignItems,
       flexDirection: "row",
       justifyContent: justifyContent
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 export function Spacer(_ref5) {
   let {
@@ -84,14 +84,15 @@ export function Spacer(_ref5) {
     style,
     ...rest
   } = _ref5;
-  return /*#__PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, {
     style: [style, {
       paddingRight: right,
       paddingTop: top,
       paddingLeft: left,
       paddingBottom: bottom
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 export function Stack(_ref6) {
   let {
@@ -101,6 +102,24 @@ export function Stack(_ref6) {
     style,
     ...rest
   } = _ref6;
+  return (
+    /*#__PURE__*/
+    // style must go first since we don't want justifyContent, alignItems overridden
+    React.createElement(View, {
+      style: [style, {
+        justifyContent,
+        alignItems
+      }],
+      ...rest
+    }, children)
+  );
+}
+//# sourceMappingURL=Layout.js.mapren,
+    justifyContent = "flex-start",
+    alignItems = "flex-start",
+    style,
+    ...rest
+  } = _ref6;
   return (
     /*#__PURE__*/
     // style must go first since we don't want justifyContent, alignItems overridden

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

@@ -1 +1 @@
-{"version":3,"sources":["Layout.tsx"],"names":["React","View","Center","width","height","children","bgColor","style","rest","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\n// @ts-ignore\nimport type { ViewStyleProp } from \"react-native/Libraries/StyleSheet/StyleSheet\";\n\nexport function Center({\n  width = 240,\n  height = 200,\n  children,\n  bgColor,\n  style,\n  ...rest\n}: {\n  width: number;\n  height: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        {\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          width,\n          height,\n          backgroundColor: bgColor,\n        },\n        style,\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Circle({\n  size = 50,\n  bgColor,\n  children,\n  style,\n  ...rest\n}: {\n  size: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  const borderRadius = 1000;\n  return (\n    <Center\n      width={size}\n      height={size}\n      bgColor={bgColor}\n      style={[\n        style,\n        { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n      ]}\n      {...rest}\n    >\n      {children}\n    </Center>\n  );\n}\n\nexport function Square({\n  size = 50,\n  bgColor,\n  children,\n  style,\n  ...rest\n}: {\n  size: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <Center\n      style={style}\n      width={size}\n      height={size}\n      bgColor={bgColor}\n      {...rest}\n    >\n      {children}\n    </Center>\n  );\n}\n\nexport function Row({\n  justifyContent,\n  alignItems,\n  children,\n  style,\n  ...rest\n}: {\n  alignItems: ViewStyleProp.alignItems;\n  justifyContent: ViewStyleProp.justifyContent;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        style, // style goes first b/c we can't override these\n        {\n          alignItems,\n          flexDirection: \"row\",\n          justifyContent: justifyContent,\n        },\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Spacer({\n  top = 8,\n  right = 8,\n  bottom = 8,\n  left = 8,\n  children,\n  style,\n  ...rest\n}: {\n  top?: number;\n  right?: number;\n  left?: number;\n  bottom?: number;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        style,\n        {\n          paddingRight: right,\n          paddingTop: top,\n          paddingLeft: left,\n          paddingBottom: bottom,\n        },\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Stack({\n  children,\n  justifyContent = \"flex-start\",\n  alignItems = \"flex-start\",\n  style,\n  ...rest\n}: {\n  justifyContent: ViewStyleProp.justifyContent;\n  alignItems: ViewStyleProp.alignItems;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    // style must go first since we don't want justifyContent, alignItems overridden\n    <View style={[style, { justifyContent, alignItems }]} {...rest}>\n      {children}\n    </View>\n  );\n}\n"]}
+{"version":3,"sources":["Layout.js"],"names":["React","View","Center","width","height","children","bgColor","style","rest","createElement","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nexport function Center({ width = 240, height = 200, children, bgColor, style, ...rest }) {\n    return (React.createElement(View, { style: [\n            {\n                justifyContent: \"center\",\n                alignItems: \"center\",\n                width,\n                height,\n                backgroundColor: bgColor,\n            },\n            style,\n        ], ...rest }, children));\n}\nexport function Circle({ size = 50, bgColor, children, style, ...rest }) {\n    const borderRadius = 1000;\n    return (React.createElement(Center, { width: size, height: size, bgColor: bgColor, style: [\n            style,\n            { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n        ], ...rest }, children));\n}\nexport function Square({ size = 50, bgColor, children, style, ...rest }) {\n    return (React.createElement(Center, { style: style, width: size, height: size, bgColor: bgColor, ...rest }, children));\n}\nexport function Row({ justifyContent, alignItems, children, style, ...rest }) {\n    return (React.createElement(View, { style: [\n            style,\n            {\n                alignItems,\n                flexDirection: \"row\",\n                justifyContent: justifyContent,\n            },\n        ], ...rest }, children));\n}\nexport function Spacer({ top = 8, right = 8, bottom = 8, left = 8, children, style, ...rest }) {\n    return (React.createElement(View, { style: [\n            style,\n            {\n                paddingRight: right,\n                paddingTop: top,\n                paddingLeft: left,\n                paddingBottom: bottom,\n            },\n        ], ...rest }, children));\n}\nexport function Stack({ children, justifyContent = \"flex-start\", alignItems = \"flex-start\", style, ...rest }) {\n    return (\n    // style must go first since we don't want justifyContent, alignItems overridden\n    React.createElement(View, { style: [style, { justifyContent, alignItems }], ...rest }, children));\n}\n"]}

package/lib/module/mappings/MapView.js

@@ -6,8 +6,7 @@ export const SEED_DATA = {
   description: "A map view",
   category: COMPONENT_TYPES.media,
   layout: {
-    height: "100%",
-    width: "100%"
+    flexGrow: 1
   },
   props: {
     provider: {

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

@@ -1 +1 @@
-{"version":3,"sources":["MapView.ts"],"names":["COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","createTextProp","GROUPS","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","packageName","description","category","media","layout","height","width","props","provider","formType","flatArray","propType","STRING","editable","group","basic","label","required","defaultValue","options","latitude","precision","min","max","longitude","zoom","step","mapType","zoomEnabled","showsCompass","rotateEnabled","scrollEnabled","loadingEnabled","loadingIndicatorColor","loadingBackgroundColor","apiKey","process","env","GOOGLE_MAPS_API_KEY"],"mappings":"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","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map View\",\n  tag: \"MapView\",\n  packageName: \"@draftbit/maps\",\n  description: \"A map view\",\n  category: COMPONENT_TYPES.media,\n  layout: {\n    height: \"100%\",\n    width: \"100%\",\n  },\n  props: {\n    provider: {\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      editable: true,\n      group: GROUPS.basic,\n      label: \"Provider\",\n      description: \"The maps provider\",\n      required: false,\n      defaultValue: null,\n      options: [\"google\"],\n    },\n    latitude: createNumberProp({\n      label: \"Initial Latitude\",\n      description: \"The longitude for the map's initial region\",\n      required: false,\n      precision: 6,\n      min: -90,\n      max: 90,\n      defaultValue: 37.40241,\n    }),\n    longitude: createNumberProp({\n      label: \"Initial Longitude\",\n      description: \"The longitude for the map's initial region\",\n      required: false,\n      precision: 6,\n      min: -180,\n      max: 180,\n      defaultValue: -122.12125,\n    }),\n    zoom: createNumberProp({\n      label: \"Initial Zoom\",\n      description: \"The initial zoom of the map\",\n      required: true,\n      precision: 0,\n      step: 1,\n      defaultValue: 8,\n      min: 0,\n      max: 22,\n      group: GROUPS.basic,\n    }),\n    mapType: {\n      label: \"Map Type\",\n      description: \"The type of map to show\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      required: false,\n      defaultValue: null,\n      options: [\n        \"standard\",\n        \"satellite\",\n        \"hybrid\",\n        \"terrain\",\n        \"none\",\n        \"mutedStandard\",\n      ],\n    },\n    zoomEnabled: createBoolProp({\n      label: \"Zoom Enabled\",\n      description: \"Whether zooming is enabled (native only)\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    showsCompass: createBoolProp({\n      label: \"Shows Compass\",\n      description: \"Whether compass is shown\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: false,\n    }),\n    rotateEnabled: createBoolProp({\n      label: \"Rotate Enabled\",\n      description: \"Whether rotating the map is enabled\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    scrollEnabled: createBoolProp({\n      label: \"Pan Enabled\",\n      description: \"Whether panning the map view is enabled\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    loadingEnabled: createBoolProp({\n      label: \"Loading Enabled\",\n      description:\n        \"If true a loading indicator will show while the map is loading\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    loadingIndicatorColor: createColorProp({\n      label: \"Loading Indicator Color\",\n      description: \"Color of the loading indicator\",\n    }),\n    loadingBackgroundColor: createColorProp({\n      label: \"Loading BG Color\",\n      description: \"Color of the background to show while the map is loading\",\n    }),\n    apiKey: createTextProp({\n      defaultValue: process.env.GOOGLE_MAPS_API_KEY,\n      editable: false,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["MapView.ts"],"names":["COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","createTextProp","GROUPS","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","packageName","description","category","media","layout","flexGrow","props","provider","formType","flatArray","propType","STRING","editable","group","basic","label","required","defaultValue","options","latitude","precision","min","max","longitude","zoom","step","mapType","zoomEnabled","showsCompass","rotateEnabled","scrollEnabled","loadingEnabled","loadingIndicatorColor","loadingBackgroundColor","apiKey","process","env","GOOGLE_MAPS_API_KEY"],"mappings":"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","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map View\",\n  tag: \"MapView\",\n  packageName: \"@draftbit/maps\",\n  description: \"A map view\",\n  category: COMPONENT_TYPES.media,\n  layout: {\n    flexGrow: 1,\n  },\n  props: {\n    provider: {\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      editable: true,\n      group: GROUPS.basic,\n      label: \"Provider\",\n      description: \"The maps provider\",\n      required: false,\n      defaultValue: null,\n      options: [\"google\"],\n    },\n    latitude: createNumberProp({\n      label: \"Initial Latitude\",\n      description: \"The longitude for the map's initial region\",\n      required: false,\n      precision: 6,\n      min: -90,\n      max: 90,\n      defaultValue: 37.40241,\n    }),\n    longitude: createNumberProp({\n      label: \"Initial Longitude\",\n      description: \"The longitude for the map's initial region\",\n      required: false,\n      precision: 6,\n      min: -180,\n      max: 180,\n      defaultValue: -122.12125,\n    }),\n    zoom: createNumberProp({\n      label: \"Initial Zoom\",\n      description: \"The initial zoom of the map\",\n      required: true,\n      precision: 0,\n      step: 1,\n      defaultValue: 8,\n      min: 0,\n      max: 22,\n      group: GROUPS.basic,\n    }),\n    mapType: {\n      label: \"Map Type\",\n      description: \"The type of map to show\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      required: false,\n      defaultValue: null,\n      options: [\n        \"standard\",\n        \"satellite\",\n        \"hybrid\",\n        \"terrain\",\n        \"none\",\n        \"mutedStandard\",\n      ],\n    },\n    zoomEnabled: createBoolProp({\n      label: \"Zoom Enabled\",\n      description: \"Whether zooming is enabled (native only)\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    showsCompass: createBoolProp({\n      label: \"Shows Compass\",\n      description: \"Whether compass is shown\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: false,\n    }),\n    rotateEnabled: createBoolProp({\n      label: \"Rotate Enabled\",\n      description: \"Whether rotating the map is enabled\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    scrollEnabled: createBoolProp({\n      label: \"Pan Enabled\",\n      description: \"Whether panning the map view is enabled\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    loadingEnabled: createBoolProp({\n      label: \"Loading Enabled\",\n      description:\n        \"If true a loading indicator will show while the map is loading\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    loadingIndicatorColor: createColorProp({\n      label: \"Loading Indicator Color\",\n      description: \"Color of the loading indicator\",\n    }),\n    loadingBackgroundColor: createColorProp({\n      label: \"Loading BG Color\",\n      description: \"Color of the background to show while the map is loading\",\n    }),\n    apiKey: createTextProp({\n      defaultValue: process.env.GOOGLE_MAPS_API_KEY,\n      editable: false,\n    }),\n  },\n};\n"]}

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

@@ -5,8 +5,7 @@ export declare const SEED_DATA: {
     description: string;
     category: string;
     layout: {
-        height: string;
-        width: string;
+        flexGrow: number;
     };
     props: {
         provider: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.7.0",
+  "version": "43.7.1-5a0264.0+5a026425",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "431ac27c812de8f0e892b6f77a9183eb09e89948"
+  "gitHead": "5a02642527f4cdb221261ea19995e64adb99832b"
 }

package/src/mappings/MapView.js

@@ -6,8 +6,7 @@ export const SEED_DATA = {
     description: "A map view",
     category: COMPONENT_TYPES.media,
     layout: {
-        height: "100%",
-        width: "100%",
+        flexGrow: 1,
     },
     props: {
         provider: {

package/src/mappings/MapView.ts

@@ -16,8 +16,7 @@ export const SEED_DATA = {
   description: "A map view",
   category: COMPONENT_TYPES.media,
   layout: {
-    height: "100%",
-    width: "100%",
+    flexGrow: 1,
   },
   props: {
     provider: {