@draftbit/core 43.4.17 → 43.4.18

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

@@ -1 +1 @@
-{"version":3,"sources":["Card.js"],"names":["ICON_SIZE","Config","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","React","createElement","Surface","style","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","Pressable","disabled","pressed","opacity","name","size","color","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","StyleSheet","flatten","innerPadding","Image","source","uri","resizeMode","View","Title","text","Subtitle","marginTop","Caption"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { StyleSheet, View, Pressable, } from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\nexport const TopRightCircleIcon = withTheme(({ Icon, icon, theme, onPress, }) => {\n    return (React.createElement(Surface, { style: {\n            justifyContent: \"center\",\n            alignItems: \"center\",\n            elevation: ICON_ELEVATION,\n            position: \"absolute\",\n            top: 12,\n            right: 12,\n            width: ICON_CONTAINER_SIZE,\n            height: ICON_CONTAINER_SIZE,\n            padding: ICON_CONTAINER_PADDING,\n            borderRadius: ICON_CONTAINER_SIZE,\n            backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n        } },\n        React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n                return [\n                    {\n                        opacity: pressed ? 0.8 : 1,\n                    },\n                ];\n            } },\n            React.createElement(Icon, { name: icon, size: ICON_SIZE, color: theme.colors.surface }))));\n});\nconst Card = ({ Icon, image = Config.cardImageUrl, title, subtitle, description, textCentered, icon, aspectRatio = 1.5, elevation = 2, style, onPress, onPressIcon, titleStyle, subtitleStyle, descriptionStyle, theme, children, }) => {\n    const { backgroundColor: bgColor, padding, ...styles } = StyleSheet.flatten(style || {});\n    const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n    const innerPadding = padding ? padding : 12;\n    return (React.createElement(Surface, { style: [{ elevation, backgroundColor }, styles] },\n        React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n                return [\n                    {\n                        opacity: pressed ? 0.8 : 1,\n                    },\n                ];\n            } },\n            React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n            React.createElement(View, { style: { padding: innerPadding } },\n                React.createElement(View, { style: { alignItems: textCentered ? \"center\" : \"flex-start\" } },\n                    title || (title && title !== \"\") ? (React.createElement(Title, { text: title, style: titleStyle })) : null,\n                    subtitle || (subtitle && subtitle !== \"\") ? (React.createElement(Subtitle, { text: subtitle, style: subtitleStyle })) : null,\n                    description || (description && description !== \"\") ? (React.createElement(View, { style: { marginTop: 4 } },\n                        React.createElement(Caption, { text: description, style: descriptionStyle }))) : null,\n                    children)),\n            icon ? (React.createElement(TopRightCircleIcon, { Icon: Icon, icon: icon, onPress: onPressIcon })) : null)));\n};\nexport default withTheme(Card);\n"]}
+{"version":3,"sources":["Card.tsx"],"names":["ICON_SIZE","Config","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","pressed","opacity","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","style","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","StyleSheet","flatten","innerPadding","uri","marginTop"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;AACA;;AACA;;AAEA;;AACA;;;;AAKA,MAAMA,SAAS,GAAGC,gBAAOC,YAAzB;AACA,MAAMC,mBAAmB,GAAGF,gBAAOC,YAAP,GAAsB,CAAlD;AACA,MAAME,sBAAsB,GAAGH,gBAAOC,YAAP,GAAsB,CAAtB,GAA0B,CAAzD;AACA,MAAMG,cAAc,GAAGJ,gBAAOK,iBAA9B;AAEO,MAAMC,kBAAkB,GAAG,wBAChC,QASiB;AAAA,MAThB;AACCC,IAAAA,IADD;AAECC,IAAAA,IAFD;AAGCC,IAAAA,KAHD;AAICC,IAAAA;AAJD,GASgB;AACf,sBACE,6BAAC,gBAAD;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,cAAc,EAAE,QADX;AAELC,MAAAA,UAAU,EAAE,QAFP;AAGLC,MAAAA,SAAS,EAAET,cAHN;AAILU,MAAAA,QAAQ,EAAE,UAJL;AAKLC,MAAAA,GAAG,EAAE,EALA;AAMLC,MAAAA,KAAK,EAAE,EANF;AAOLC,MAAAA,KAAK,EAAEf,mBAPF;AAQLgB,MAAAA,MAAM,EAAEhB,mBARH;AASLiB,MAAAA,OAAO,EAAEhB,sBATJ;AAULiB,MAAAA,YAAY,EAAElB,mBAVT;AAWLmB,MAAAA,eAAe,EAAE;AAXZ;AADT,kBAeE,6BAAC,sBAAD;AACE,IAAA,QAAQ,EAAE,CAACX,OADb;AAEE,IAAA,OAAO,EAAEA,OAFX;AAGE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACL;AACEC,QAAAA,OAAO,EAAED,OAAO,GAAG,GAAH,GAAS;AAD3B,OADK,CAAP;AAKD;AATH,kBAWE,6BAAC,IAAD;AAAM,IAAA,IAAI,EAAEd,IAAZ;AAAkB,IAAA,IAAI,EAAET,SAAxB;AAAmC,IAAA,KAAK,EAAEU,KAAK,CAACe,MAAN,CAAaC;AAAvD,IAXF,CAfF,CADF;AA+BD,CA1C+B,CAA3B;;;AAiEP,MAAMC,IAAqB,GAAG,SAkBxB;AAAA,MAlByB;AAC7BnB,IAAAA,IAD6B;AAE7BoB,IAAAA,KAAK,GAAG3B,gBAAO4B,YAFc;AAG7BC,IAAAA,KAH6B;AAI7BC,IAAAA,QAJ6B;AAK7BC,IAAAA,WAL6B;AAM7BC,IAAAA,YAN6B;AAO7BxB,IAAAA,IAP6B;AAQ7ByB,IAAAA,WAAW,GAAG,GARe;AAS7BpB,IAAAA,SAAS,GAAG,CATiB;AAU7BqB,IAAAA,KAV6B;AAW7BxB,IAAAA,OAX6B;AAY7ByB,IAAAA,WAZ6B;AAa7BC,IAAAA,UAb6B;AAc7BC,IAAAA,aAd6B;AAe7BC,IAAAA,gBAf6B;AAgB7B7B,IAAAA,KAhB6B;AAiB7B8B,IAAAA;AAjB6B,GAkBzB;;AACJ,QAAM;AACJlB,IAAAA,eAAe,EAAEmB,OADb;AAEJrB,IAAAA,OAFI;AAGJ,OAAGsB;AAHC,MAIFC,wBAAWC,OAAX,CAAmBT,KAAK,IAAI,EAA5B,CAJJ;;AAMA,QAAMb,eAAe,GAAGmB,OAAO,GAAGA,OAAH,GAAa/B,KAAK,CAACe,MAAN,CAAaC,OAAzD;AACA,QAAMmB,YAAY,GAAGzB,OAAO,GAAGA,OAAH,GAAa,EAAzC;AAEA,sBACE,6BAAC,gBAAD;AAAS,IAAA,KAAK,EAAE,CAAC;AAAEN,MAAAA,SAAF;AAAaQ,MAAAA;AAAb,KAAD,EAAiCoB,MAAjC;AAAhB,kBACE,6BAAC,sBAAD;AACE,IAAA,QAAQ,EAAE,CAAC/B,OADb;AAEE,IAAA,OAAO,EAAEA,OAFX;AAGE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACL;AACEC,QAAAA,OAAO,EAAED,OAAO,GAAG,GAAH,GAAS;AAD3B,OADK,CAAP;AAKD;AATH,kBAWE,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEW,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEkB,MAAAA,GAAG,EAAElB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IAXF,eAgBE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAER,MAAAA,OAAO,EAAEyB;AAAX;AAAb,kBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAEhC,MAAAA,UAAU,EAAEoB,YAAY,GAAG,QAAH,GAAc;AAAxC;AAAb,KACGH,KAAK,IAAKA,KAAK,IAAIA,KAAK,KAAK,EAA7B,gBACC,6BAAC,iBAAD;AAAO,IAAA,IAAI,EAAEA,KAAb;AAAoB,IAAA,KAAK,EAAEO;AAA3B,IADD,GAEG,IAHN,EAIGN,QAAQ,IAAKA,QAAQ,IAAIA,QAAQ,KAAK,EAAtC,gBACC,6BAAC,oBAAD;AAAU,IAAA,IAAI,EAAEA,QAAhB;AAA0B,IAAA,KAAK,EAAEO;AAAjC,IADD,GAEG,IANN,EAOGN,WAAW,IAAKA,WAAW,IAAIA,WAAW,KAAK,EAA/C,gBACC,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAEe,MAAAA,SAAS,EAAE;AAAb;AAAb,kBACE,6BAAC,mBAAD;AAAS,IAAA,IAAI,EAAEf,WAAf;AAA4B,IAAA,KAAK,EAAEO;AAAnC,IADF,CADD,GAIG,IAXN,EAYGC,QAZH,CADF,CAhBF,EAgCG/B,IAAI,gBACH,6BAAC,kBAAD;AAAoB,IAAA,IAAI,EAAED,IAA1B;AAAgC,IAAA,IAAI,EAAEC,IAAtC;AAA4C,IAAA,OAAO,EAAE2B;AAArD,IADG,GAED,IAlCN,CADF,CADF;AAwCD,CApED;;eAsEe,wBAAUT,IAAV,C","sourcesContent":["import React from \"react\";\nimport {\n  StyleSheet,\n  View,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\n\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\n\nexport const TopRightCircleIcon = withTheme(\n  ({\n    Icon,\n    icon,\n    theme,\n    onPress,\n  }: {\n    icon: string;\n    theme: Theme;\n    onPress?: () => void;\n  } & IconSlot) => {\n    return (\n      <Surface\n        style={{\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          elevation: ICON_ELEVATION,\n          position: \"absolute\",\n          top: 12,\n          right: 12,\n          width: ICON_CONTAINER_SIZE,\n          height: ICON_CONTAINER_SIZE,\n          padding: ICON_CONTAINER_PADDING,\n          borderRadius: ICON_CONTAINER_SIZE,\n          backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n        }}\n      >\n        <Pressable\n          disabled={!onPress}\n          onPress={onPress}\n          style={({ pressed }) => {\n            return [\n              {\n                opacity: pressed ? 0.8 : 1,\n              },\n            ];\n          }}\n        >\n          <Icon name={icon} size={ICON_SIZE} color={theme.colors.surface} />\n        </Pressable>\n      </Surface>\n    );\n  }\n);\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  description?: string;\n  textCentered: boolean;\n  icon?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  titleStyle?: StyleProp<TextStyle>;\n  subtitleStyle?: StyleProp<TextStyle>;\n  descriptionStyle?: StyleProp<TextStyle>;\n  style?: StyleProp<ViewStyle>;\n  onPress?: () => void;\n  onPressIcon?: () => void;\n  children?: React.ReactNode;\n} & IconSlot;\n\nconst Card: React.FC<Props> = ({\n  Icon,\n  image = Config.cardImageUrl,\n  title,\n  subtitle,\n  description,\n  textCentered,\n  icon,\n  aspectRatio = 1.5,\n  elevation = 2,\n  style,\n  onPress,\n  onPressIcon,\n  titleStyle,\n  subtitleStyle,\n  descriptionStyle,\n  theme,\n  children,\n}) => {\n  const {\n    backgroundColor: bgColor,\n    padding,\n    ...styles\n  } = StyleSheet.flatten(style || {});\n\n  const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n  const innerPadding = padding ? padding : 12;\n\n  return (\n    <Surface style={[{ elevation, backgroundColor }, styles]}>\n      <Pressable\n        disabled={!onPress}\n        onPress={onPress}\n        style={({ pressed }) => {\n          return [\n            {\n              opacity: pressed ? 0.8 : 1,\n            },\n          ];\n        }}\n      >\n        <Image\n          style={{ aspectRatio }}\n          source={typeof image === \"string\" ? { uri: image } : image}\n          resizeMode=\"cover\"\n        />\n        <View style={{ padding: innerPadding }}>\n          <View style={{ alignItems: textCentered ? \"center\" : \"flex-start\" }}>\n            {title || (title && title !== \"\") ? (\n              <Title text={title} style={titleStyle} />\n            ) : null}\n            {subtitle || (subtitle && subtitle !== \"\") ? (\n              <Subtitle text={subtitle} style={subtitleStyle} />\n            ) : null}\n            {description || (description && description !== \"\") ? (\n              <View style={{ marginTop: 4 }}>\n                <Caption text={description} style={descriptionStyle} />\n              </View>\n            ) : null}\n            {children}\n          </View>\n        </View>\n        {icon ? (\n          <TopRightCircleIcon Icon={Icon} icon={icon} onPress={onPressIcon} />\n        ) : null}\n      </Pressable>\n    </Surface>\n  );\n};\n\nexport default withTheme(Card);\n"]}

package/lib/commonjs/components/CardContainerShortImage.js

@@ -21,6 +21,8 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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 CardContainerShortImage = _ref => {
   let {
     image = _Config.default.squareImageUrl,
@@ -38,11 +40,10 @@ const CardContainerShortImage = _ref => {
     onPress,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
     style: style,
-    onPress: onPress,
-    ...rest
-  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    onPress: onPress
+  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -92,19 +93,5 @@ const CardContainerShortImage = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainerShortImage);
 
-exports.default = _default;
-//# sourceMappingURL=CardContainerShortImage.js.mapteElement(_Image.default, {
-    style: {
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }))));
-};
-
-var _default = (0, _theming.withTheme)(CardContainerShortImage);
-
 exports.default = _default;
 //# sourceMappingURL=CardContainerShortImage.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["CardContainerShortImage.js"],"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","React","createElement","Card","Elevation","borderRadius","View","overflow","flexDirection","justifyContent","Image","source","uri","resizeMode","padding","backgroundColor","surface","flex","Text","numberOfLines","headline5","color","strong","body2","medium","marginTop"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst CardContainerShortImage = ({ image = Config.squareImageUrl, title, subtitle, mode = \"left\", aspectRatio = 1, elevation = 2, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n    return (React.createElement(Card, { style: style, onPress: onPress, ...rest },\n        React.createElement(Elevation, { style: {\n                elevation,\n                borderRadius: roundness,\n            } },\n            React.createElement(View, { style: {\n                    overflow: \"hidden\",\n                    flexDirection: \"row\",\n                    justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n                    borderRadius: roundness,\n                } },\n                mode === \"left\" && (React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" })),\n                React.createElement(View, { style: {\n                        padding: 16,\n                        backgroundColor: colors.surface,\n                        flex: 1,\n                    } },\n                    React.createElement(Text, { numberOfLines: 1, style: [typography.headline5, { color: colors.strong }] }, title),\n                    subtitle ? (React.createElement(Text, { numberOfLines: 1, style: [\n                            typography.body2,\n                            { color: colors.medium, marginTop: 4 },\n                        ] }, subtitle)) : null),\n                mode === \"right\" && (React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }))))));\n};\nexport default withTheme(CardContainerShortImage);\n"]}
+{"version":3,"sources":["CardContainerShortImage.tsx"],"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","borderRadius","overflow","flexDirection","justifyContent","uri","padding","backgroundColor","surface","flex","headline5","color","strong","body2","medium","marginTop"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,uBAAwC,GAAG,QAW3C;AAAA,MAX4C;AAChDC,IAAAA,KAAK,GAAGC,gBAAOC,cADiC;AAEhDC,IAAAA,KAFgD;AAGhDC,IAAAA,QAHgD;AAIhDC,IAAAA,IAAI,GAAG,MAJyC;AAKhDC,IAAAA,WAAW,GAAG,CALkC;AAMhDC,IAAAA,SAAS,GAAG,CANoC;AAOhDC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,SAAV;AAAqBC,MAAAA;AAArB,KAPyC;AAQhDC,IAAAA,KARgD;AAShDC,IAAAA,OATgD;AAUhD,OAAGC;AAV6C,GAW5C;AACJ,sBACE,6BAAC,8BAAD;AAAM,IAAA,KAAK,EAAEF,KAAb;AAAoB,IAAA,OAAO,EAAEC;AAA7B,KAA0CC,IAA1C,gBACE,6BAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLP,MAAAA,SADK;AAELQ,MAAAA,YAAY,EAAEL;AAFT;AADT,kBAME,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLM,MAAAA,QAAQ,EAAE,QADL;AAELC,MAAAA,aAAa,EAAE,KAFV;AAGLC,MAAAA,cAAc,EAAEb,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAHhD;AAILU,MAAAA,YAAY,EAAEL;AAJT;AADT,KAQGL,IAAI,KAAK,MAAT,iBACC,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEmB,MAAAA,GAAG,EAAEnB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IATJ,eAeE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLoB,MAAAA,OAAO,EAAE,EADJ;AAELC,MAAAA,eAAe,EAAEZ,MAAM,CAACa,OAFnB;AAGLC,MAAAA,IAAI,EAAE;AAHD;AADT,kBAOE,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACZ,UAAU,CAACa,SAAZ,EAAuB;AAAEC,MAAAA,KAAK,EAAEhB,MAAM,CAACiB;AAAhB,KAAvB;AAFT,KAIGvB,KAJH,CAPF,EAaGC,QAAQ,gBACP,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CACLO,UAAU,CAACgB,KADN,EAEL;AAAEF,MAAAA,KAAK,EAAEhB,MAAM,CAACmB,MAAhB;AAAwBC,MAAAA,SAAS,EAAE;AAAnC,KAFK;AAFT,KAOGzB,QAPH,CADO,GAUL,IAvBN,CAfF,EAwCGC,IAAI,KAAK,OAAT,iBACC,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEmB,MAAAA,GAAG,EAAEnB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IAzCJ,CANF,CADF,CADF;AA2DD,CAvED;;eAyEe,wBAAUD,uBAAV,C","sourcesContent":["import React from \"react\";\nimport {\n  View,\n  Text,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  mode?: \"right\" | \"left\";\n  aspectRatio?: number;\n  elevation?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardContainerShortImage: React.FC<Props> = ({\n  image = Config.squareImageUrl,\n  title,\n  subtitle,\n  mode = \"left\",\n  aspectRatio = 1,\n  elevation = 2,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  return (\n    <Card style={style} onPress={onPress} {...rest}>\n      <Elevation\n        style={{\n          elevation,\n          borderRadius: roundness,\n        }}\n      >\n        <View\n          style={{\n            overflow: \"hidden\",\n            flexDirection: \"row\",\n            justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n            borderRadius: roundness,\n          }}\n        >\n          {mode === \"left\" && (\n            <Image\n              style={{ aspectRatio }}\n              source={typeof image === \"string\" ? { uri: image } : image}\n              resizeMode=\"cover\"\n            />\n          )}\n          <View\n            style={{\n              padding: 16,\n              backgroundColor: colors.surface,\n              flex: 1,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.headline5, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {subtitle ? (\n              <Text\n                numberOfLines={1}\n                style={[\n                  typography.body2,\n                  { color: colors.medium, marginTop: 4 },\n                ]}\n              >\n                {subtitle}\n              </Text>\n            ) : null}\n          </View>\n          {mode === \"right\" && (\n            <Image\n              style={{ aspectRatio }}\n              source={typeof image === \"string\" ? { uri: image } : image}\n              resizeMode=\"cover\"\n            />\n          )}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainerShortImage);\n"]}

package/lib/commonjs/mappings/Icon.js

@@ -23,7 +23,7 @@ const SEED_DATA = {
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 24,
-      min: 16,
+      min: 1,
       max: 128,
       step: 1,
       precision: 0

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

@@ -1 +1 @@
-{"version":3,"sources":["Icon.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","layout","props","group","GROUPS","data","color","size","label","defaultValue","min","max","step","precision"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLP,IAAAA,IAAI,EAAE,EACJ,GAAG,4BADC;AAEJQ,MAAAA,KAAK,EAAEC,cAAOC;AAFV,KADD;AAKLC,IAAAA,KAAK,EAAE,6BALF;AAMLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBJ,MAAAA,KAAK,EAAEC,cAAOJ,KADO;AAErBQ,MAAAA,KAAK,EAAE,MAFc;AAGrBX,MAAAA,WAAW,EAAE,+BAHQ;AAIrBY,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,EALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAjB;AAND;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createIconProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Icon\",\n  tag: \"Icon\",\n  description: \"An icon\",\n  category: COMPONENT_TYPES.basic,\n  layout: {},\n  props: {\n    name: {\n      ...createIconProp(),\n      group: GROUPS.data,\n    },\n    color: createColorProp(),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Width and height of your icon\",\n      defaultValue: 24,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Icon.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","layout","props","group","GROUPS","data","color","size","label","defaultValue","min","max","step","precision"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLP,IAAAA,IAAI,EAAE,EACJ,GAAG,4BADC;AAEJQ,MAAAA,KAAK,EAAEC,cAAOC;AAFV,KADD;AAKLC,IAAAA,KAAK,EAAE,6BALF;AAMLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBJ,MAAAA,KAAK,EAAEC,cAAOJ,KADO;AAErBQ,MAAAA,KAAK,EAAE,MAFc;AAGrBX,MAAAA,WAAW,EAAE,+BAHQ;AAIrBY,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,CALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAjB;AAND;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createIconProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Icon\",\n  tag: \"Icon\",\n  description: \"An icon\",\n  category: COMPONENT_TYPES.basic,\n  layout: {},\n  props: {\n    name: {\n      ...createIconProp(),\n      group: GROUPS.data,\n    },\n    color: createColorProp(),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Width and height of your icon\",\n      defaultValue: 24,\n      min: 1,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/WebView.js

@@ -18,6 +18,11 @@ const SEED_DATA = {
   props: {
     source: (0, _types.createSourceProp)({
       defaultValue: "https://reactnative.dev"
+    }),
+    optimizeVideoChat: (0, _types.createStaticBoolProp)({
+      defaultValue: false,
+      label: "Optimize Video Chat",
+      description: "Allows for a better experience from web hosted video chat services"
     })
   }
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["WebView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","flex","props","source","defaultValue"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,6BAAiB;AACvBC,MAAAA,YAAY,EAAE;AADS,KAAjB;AADH;AANgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createSourceProp } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Web View\",\n  tag: \"WebView\",\n  description: \"Render web content inside a view\",\n  category: COMPONENT_TYPES.media,\n  layout: { flex: 1 },\n  props: {\n    source: createSourceProp({\n      defaultValue: \"https://reactnative.dev\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["WebView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","flex","props","source","defaultValue","optimizeVideoChat","label"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,6BAAiB;AACvBC,MAAAA,YAAY,EAAE;AADS,KAAjB,CADH;AAILC,IAAAA,iBAAiB,EAAE,iCAAqB;AACtCD,MAAAA,YAAY,EAAE,KADwB;AAEtCE,MAAAA,KAAK,EAAE,qBAF+B;AAGtCV,MAAAA,WAAW,EACT;AAJoC,KAArB;AAJd;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createSourceProp,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Web View\",\n  tag: \"WebView\",\n  description: \"Render web content inside a view\",\n  category: COMPONENT_TYPES.media,\n  layout: { flex: 1 },\n  props: {\n    source: createSourceProp({\n      defaultValue: \"https://reactnative.dev\",\n    }),\n    optimizeVideoChat: createStaticBoolProp({\n      defaultValue: false,\n      label: \"Optimize Video Chat\",\n      description:\n        \"Allows for a better experience from web hosted video chat services\",\n    }),\n  },\n};\n"]}

package/lib/module/components/Elevation.js

@@ -1,9 +1,11 @@
+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 { Animated, StyleSheet, View } from "react-native";
 import shadow from "../styles/shadow";
 import { withTheme } from "../theming";
-/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
 
+/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
 const Elevation = _ref => {
   let {
     style,
@@ -19,12 +21,12 @@ const Elevation = _ref => {
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(Animated.View, { ...rest,
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       borderRadius,
       backgroundColor: colors.surface
     }, elevation ? shadow(elevation) : null, style]
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: {
       overflow: "hidden",
       borderRadius

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

@@ -1 +1 @@
-{"version":3,"sources":["Elevation.js"],"names":["React","Animated","StyleSheet","View","shadow","withTheme","Elevation","style","theme","children","rest","elevation","borderRadius","radius","flatten","colors","createElement","backgroundColor","surface","overflow"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,IAA/B,QAA4C,cAA5C;AACA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA;;AACA,MAAMC,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,MAA0CX,UAAU,CAACY,OAAX,CAAmBP,KAAnB,KAA6B,EAA7E;AACA,QAAM;AAAEQ,IAAAA;AAAF,MAAaP,KAAnB;AACA,QAAMI,YAAY,GAAGC,MAArB;AACA,sBAAQb,KAAK,CAACgB,aAAN,CAAoBf,QAAQ,CAACE,IAA7B,EAAmC,EAAE,GAAGO,IAAL;AAAWH,IAAAA,KAAK,EAAE,CACrD;AACIK,MAAAA,YADJ;AAEIK,MAAAA,eAAe,EAAEF,MAAM,CAACG;AAF5B,KADqD,EAKrDP,SAAS,GAAGP,MAAM,CAACO,SAAD,CAAT,GAAuB,IALqB,EAMrDJ,KANqD;AAAlB,GAAnC,eAQJP,KAAK,CAACgB,aAAN,CAAoBb,IAApB,EAA0B;AAAEI,IAAAA,KAAK,EAAE;AAAEY,MAAAA,QAAQ,EAAE,QAAZ;AAAsBP,MAAAA;AAAtB;AAAT,GAA1B,EAA2EH,QAA3E,CARI,CAAR;AASH,CAbD;;AAcA,eAAeJ,SAAS,CAACC,SAAD,CAAxB","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":["React","Animated","StyleSheet","View","shadow","withTheme","Elevation","style","theme","children","rest","elevation","borderRadius","radius","flatten","colors","backgroundColor","surface","overflow"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,UAFF,EAMEC,IANF,QAOO,cAPP;AAQA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAQA;AACA,MAAMC,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,MACJX,UAAU,CAACY,OAAX,CAAmBP,KAAnB,KAA6B,EAD/B;AAEA,QAAM;AAAEQ,IAAAA;AAAF,MAAaP,KAAnB;AACA,QAAMI,YAAY,GAAGC,MAArB;AAEA,sBACE,oBAAC,QAAD,CAAU,IAAV,eACMH,IADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEE,MAAAA,YADF;AAEEI,MAAAA,eAAe,EAAED,MAAM,CAACE;AAF1B,KADK,EAKLN,SAAS,GAAGP,MAAM,CAACO,SAAD,CAAT,GAAuB,IAL3B,EAMLJ,KANK;AAFT,mBAWE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEW,MAAAA,QAAQ,EAAE,QAAZ;AAAsBN,MAAAA;AAAtB;AAAb,KAAoDH,QAApD,CAXF,CADF;AAeD,CArBD;;AAuBA,eAAeJ,SAAS,CAACC,SAAD,CAAxB","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/module/components/Touchable.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Touchable.web.js"],"names":["TouchableOpacity"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,cAAjC;AACA,eAAeA,gBAAf","sourcesContent":["import { TouchableOpacity } from \"react-native\";\nexport default TouchableOpacity;\n"]}
+{"version":3,"sources":["Touchable.web.tsx"],"names":["TouchableOpacity"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,cAAjC;AAEA,eAAeA,gBAAf","sourcesContent":["import { TouchableOpacity } from \"react-native\";\n\nexport default TouchableOpacity;\n"]}

package/lib/module/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["hooks.js"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AAC/B;AACA;AACA,QAAMC,GAAG,GAAGH,KAAK,CAACI,MAAN,EAAZ,CAH+B,CAI/B;;AACAJ,EAAAA,KAAK,CAACK,SAAN,CAAgB,MAAM;AAClBF,IAAAA,GAAG,CAACG,OAAJ,GAAcJ,KAAd;AACH,GAFD,EAEG,CAACA,KAAD,CAFH,EAL+B,CAQ/B;;AACA,SAAOC,GAAG,CAACG,OAAX;AACH","sourcesContent":["import React from \"react\";\nexport function usePrevious(value) {\n    // The ref object is a generic container whose current property is mutable\n    // and can hold any value, similar to an instance property on a class\n    const ref = React.useRef();\n    // Store current value in ref\n    React.useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    // Return previous value (happens before update in useEffect above)\n    return ref.current;\n}\n"]}
+{"version":3,"sources":["hooks.ts"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,SAASC,WAAT,CAAqBC,KAArB,EAAiC;AACtC;AACA;AACA,QAAMC,GAAG,GAAGH,KAAK,CAACI,MAAN,EAAZ,CAHsC,CAKtC;;AACAJ,EAAAA,KAAK,CAACK,SAAN,CAAgB,MAAM;AACpBF,IAAAA,GAAG,CAACG,OAAJ,GAAcJ,KAAd;AACD,GAFD,EAEG,CAACA,KAAD,CAFH,EANsC,CAUtC;;AACA,SAAOC,GAAG,CAACG,OAAX;AACD","sourcesContent":["import React from \"react\";\n\nexport function usePrevious(value: any) {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n  const ref = React.useRef();\n\n  // Store current value in ref\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n"]}

package/lib/module/mappings/Icon.js

@@ -15,7 +15,7 @@ export const SEED_DATA = {
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 24,
-      min: 16,
+      min: 1,
       max: 128,
       step: 1,
       precision: 0

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

@@ -1 +1 @@
-{"version":3,"sources":["Icon.ts"],"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createIconProp","SEED_DATA","name","tag","description","category","basic","layout","props","group","data","color","size","label","defaultValue","min","max","step","precision"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,cALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,EACJ,GAAGF,cAAc,EADb;AAEJS,MAAAA,KAAK,EAAEZ,MAAM,CAACa;AAFV,KADD;AAKLC,IAAAA,KAAK,EAAEZ,eAAe,EALjB;AAMLa,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBW,MAAAA,KAAK,EAAEZ,MAAM,CAACS,KADO;AAErBO,MAAAA,KAAK,EAAE,MAFc;AAGrBT,MAAAA,WAAW,EAAE,+BAHQ;AAIrBU,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,EALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAD;AANjB;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createIconProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Icon\",\n  tag: \"Icon\",\n  description: \"An icon\",\n  category: COMPONENT_TYPES.basic,\n  layout: {},\n  props: {\n    name: {\n      ...createIconProp(),\n      group: GROUPS.data,\n    },\n    color: createColorProp(),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Width and height of your icon\",\n      defaultValue: 24,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Icon.ts"],"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createIconProp","SEED_DATA","name","tag","description","category","basic","layout","props","group","data","color","size","label","defaultValue","min","max","step","precision"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,cALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,EACJ,GAAGF,cAAc,EADb;AAEJS,MAAAA,KAAK,EAAEZ,MAAM,CAACa;AAFV,KADD;AAKLC,IAAAA,KAAK,EAAEZ,eAAe,EALjB;AAMLa,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBW,MAAAA,KAAK,EAAEZ,MAAM,CAACS,KADO;AAErBO,MAAAA,KAAK,EAAE,MAFc;AAGrBT,MAAAA,WAAW,EAAE,+BAHQ;AAIrBU,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,CALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAD;AANjB;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createIconProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Icon\",\n  tag: \"Icon\",\n  description: \"An icon\",\n  category: COMPONENT_TYPES.basic,\n  layout: {},\n  props: {\n    name: {\n      ...createIconProp(),\n      group: GROUPS.data,\n    },\n    color: createColorProp(),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Width and height of your icon\",\n      defaultValue: 24,\n      min: 1,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"]}

package/lib/module/mappings/WebView.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createSourceProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Web View",
   tag: "WebView",
@@ -10,6 +10,11 @@ export const SEED_DATA = {
   props: {
     source: createSourceProp({
       defaultValue: "https://reactnative.dev"
+    }),
+    optimizeVideoChat: createStaticBoolProp({
+      defaultValue: false,
+      label: "Optimize Video Chat",
+      description: "Allows for a better experience from web hosted video chat services"
     })
   }
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["WebView.ts"],"names":["COMPONENT_TYPES","createSourceProp","SEED_DATA","name","tag","description","category","media","layout","flex","props","source","defaultValue"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,gBAA1B,QAAkD,iBAAlD;AAEA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEN,eAAe,CAACO,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEV,gBAAgB,CAAC;AACvBW,MAAAA,YAAY,EAAE;AADS,KAAD;AADnB;AANgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createSourceProp } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Web View\",\n  tag: \"WebView\",\n  description: \"Render web content inside a view\",\n  category: COMPONENT_TYPES.media,\n  layout: { flex: 1 },\n  props: {\n    source: createSourceProp({\n      defaultValue: \"https://reactnative.dev\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["WebView.ts"],"names":["COMPONENT_TYPES","createSourceProp","createStaticBoolProp","SEED_DATA","name","tag","description","category","media","layout","flex","props","source","defaultValue","optimizeVideoChat","label"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,oBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEX,gBAAgB,CAAC;AACvBY,MAAAA,YAAY,EAAE;AADS,KAAD,CADnB;AAILC,IAAAA,iBAAiB,EAAEZ,oBAAoB,CAAC;AACtCW,MAAAA,YAAY,EAAE,KADwB;AAEtCE,MAAAA,KAAK,EAAE,qBAF+B;AAGtCT,MAAAA,WAAW,EACT;AAJoC,KAAD;AAJlC;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createSourceProp,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Web View\",\n  tag: \"WebView\",\n  description: \"Render web content inside a view\",\n  category: COMPONENT_TYPES.media,\n  layout: { flex: 1 },\n  props: {\n    source: createSourceProp({\n      defaultValue: \"https://reactnative.dev\",\n    }),\n    optimizeVideoChat: createStaticBoolProp({\n      defaultValue: false,\n      label: \"Optimize Video Chat\",\n      description:\n        \"Allows for a better experience from web hosted video chat services\",\n    }),\n  },\n};\n"]}

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

@@ -17,5 +17,15 @@ export declare const SEED_DATA: {
             editable: boolean;
             required: boolean;
         };
+        optimizeVideoChat: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.4.17",
+  "version": "43.4.18",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "bb5a474e9ca7c610a01542540c43e4691ebe2bea"
+  "gitHead": "4cea160849a9aab860a94332f4f611433a83636b"
 }

package/src/mappings/Icon.js

@@ -16,7 +16,7 @@ export const SEED_DATA = {
             label: "Size",
             description: "Width and height of your icon",
             defaultValue: 24,
-            min: 16,
+            min: 1,
             max: 128,
             step: 1,
             precision: 0,

package/src/mappings/Icon.ts

@@ -23,7 +23,7 @@ export const SEED_DATA = {
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 24,
-      min: 16,
+      min: 1,
       max: 128,
       step: 1,
       precision: 0,

package/src/mappings/WebView.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createSourceProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Web View",
     tag: "WebView",
@@ -9,5 +9,10 @@ export const SEED_DATA = {
         source: createSourceProp({
             defaultValue: "https://reactnative.dev",
         }),
+        optimizeVideoChat: createStaticBoolProp({
+            defaultValue: false,
+            label: "Optimize Video Chat",
+            description: "Allows for a better experience from web hosted video chat services",
+        }),
     },
 };

package/src/mappings/WebView.ts

@@ -1,4 +1,8 @@
-import { COMPONENT_TYPES, createSourceProp } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  createSourceProp,
+  createStaticBoolProp,
+} from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Web View",
@@ -10,5 +14,11 @@ export const SEED_DATA = {
     source: createSourceProp({
       defaultValue: "https://reactnative.dev",
     }),
+    optimizeVideoChat: createStaticBoolProp({
+      defaultValue: false,
+      label: "Optimize Video Chat",
+      description:
+        "Allows for a better experience from web hosted video chat services",
+    }),
   },
 };