@draftbit/core 46.2.1-435444.1 → 46.2.1-45f2e3.2

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -21,8 +21,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 ? Object.assign.bind() : 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 AccordionItem = _ref => {
   let {
     Icon,
@@ -37,9 +35,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -74,5 +73,25 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(AccordionItem);
 
+exports.default = _default;
+//# sourceMappingURL=AccordionItem.js.mapding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+
+var _default = (0, _theming.withTheme)(AccordionItem);
+
 exports.default = _default;
 //# sourceMappingURL=AccordionItem.js.map

package/lib/commonjs/components/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","extractStyles","styles","container","row","colors","primary","item","content","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent","withTheme"],"sources":["AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Pressable,\n  StyleSheet,\n  View,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport Text from \"../Text\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  icon?: string;\n  label: string;\n  iconColor?: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionItem = ({\n  Icon,\n  icon,\n  label,\n  style,\n  iconColor,\n  theme,\n  ...rest\n}: Props) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Pressable style={[styles.container, viewStyles]} {...rest}>\n      <View style={styles.row}>\n        {icon ? (\n          <Icon\n            name={icon}\n            size={24}\n            color={iconColor || theme.colors.primary}\n          />\n        ) : null}\n        <View style={[styles.item, styles.content]}>\n          <Text selectable={false} style={textStyles}>\n            {label}\n          </Text>\n        </View>\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 8,\n  },\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    paddingLeft: 8,\n  },\n  item: {\n    marginVertical: 6,\n    paddingLeft: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n});\n\nexport default withTheme(AccordionItem);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AAEA;;AACA;;;;;;;;;;AAWA,MAAMA,aAAa,GAAG,QAQT;EAAA,IARU;IACrBC,IADqB;IAErBC,IAFqB;IAGrBC,KAHqB;IAIrBC,KAJqB;IAKrBC,SALqB;IAMrBC,KANqB;IAOrB,GAAGC;EAPkB,CAQV;EACX,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6B,IAAAC,wBAAA,EAAcN,KAAd,CAAnC;EAEA,oBACE,oBAAC,sBAAD;IAAW,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmBH,UAAnB;EAAlB,GAAsDF,IAAtD,gBACE,oBAAC,iBAAD;IAAM,KAAK,EAAEI,MAAM,CAACE;EAApB,GACGX,IAAI,gBACH,oBAAC,IAAD;IACE,IAAI,EAAEA,IADR;IAEE,IAAI,EAAE,EAFR;IAGE,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACQ,MAAN,CAAaC;EAHnC,EADG,GAMD,IAPN,eAQE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAR,EAAcL,MAAM,CAACM,OAArB;EAAb,gBACE,oBAAC,aAAD;IAAM,UAAU,EAAE,KAAlB;IAAyB,KAAK,EAAET;EAAhC,GACGL,KADH,CADF,CARF,CADF,CADF;AAkBD,CA7BD;;AA+BA,MAAMQ,MAAM,GAAGO,uBAAA,CAAWC,MAAX,CAAkB;EAC/BP,SAAS,EAAE;IACTQ,OAAO,EAAE;EADA,CADoB;EAI/BP,GAAG,EAAE;IACHQ,aAAa,EAAE,KADZ;IAEHC,UAAU,EAAE,QAFT;IAGHC,WAAW,EAAE;EAHV,CAJ0B;EAS/BP,IAAI,EAAE;IACJQ,cAAc,EAAE,CADZ;IAEJD,WAAW,EAAE;EAFT,CATyB;EAa/BN,OAAO,EAAE;IACPQ,IAAI,EAAE,CADC;IAEPC,cAAc,EAAE;EAFT;AAbsB,CAAlB,CAAf;;eAmBe,IAAAC,kBAAA,EAAU3B,aAAV,C"}
+{"version":3,"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","extractStyles","React","createElement","Pressable","styles","container","View","row","name","size","color","colors","primary","item","content","Text","selectable","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent","withTheme"],"sources":["AccordionItem.js"],"sourcesContent":["import * as React from \"react\";\nimport { Pressable, StyleSheet, View, } from \"react-native\";\nimport Text from \"../Text\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nconst AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },\n        React.createElement(View, { style: styles.row },\n            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,\n            React.createElement(View, { style: [styles.item, styles.content] },\n                React.createElement(Text, { selectable: false, style: textStyles }, label)))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        padding: 8,\n    },\n    row: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        paddingLeft: 8,\n    },\n    item: {\n        marginVertical: 6,\n        paddingLeft: 8,\n    },\n    content: {\n        flex: 1,\n        justifyContent: \"center\",\n    },\n});\nexport default withTheme(AccordionItem);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,aAAa,GAAG,QAA6D;EAAA,IAA5D;IAAEC,IAAF;IAAQC,IAAR;IAAcC,KAAd;IAAqBC,KAArB;IAA4BC,SAA5B;IAAuCC,KAAvC;IAA8C,GAAGC;EAAjD,CAA4D;EAC/E,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6B,IAAAC,wBAAA,EAAcN,KAAd,CAAnC;EACA,oBAAQO,KAAK,CAACC,aAAN,CAAoBC,sBAApB,EAA+B;IAAET,KAAK,EAAE,CAACU,MAAM,CAACC,SAAR,EAAmBN,UAAnB,CAAT;IAAyC,GAAGF;EAA5C,CAA/B,eACJI,KAAK,CAACC,aAAN,CAAoBI,iBAApB,EAA0B;IAAEZ,KAAK,EAAEU,MAAM,CAACG;EAAhB,CAA1B,EACIf,IAAI,gBAAIS,KAAK,CAACC,aAAN,CAAoBX,IAApB,EAA0B;IAAEiB,IAAI,EAAEhB,IAAR;IAAciB,IAAI,EAAE,EAApB;IAAwBC,KAAK,EAAEf,SAAS,IAAIC,KAAK,CAACe,MAAN,CAAaC;EAAzD,CAA1B,CAAJ,GAAqG,IAD7G,eAEIX,KAAK,CAACC,aAAN,CAAoBI,iBAApB,EAA0B;IAAEZ,KAAK,EAAE,CAACU,MAAM,CAACS,IAAR,EAAcT,MAAM,CAACU,OAArB;EAAT,CAA1B,eACIb,KAAK,CAACC,aAAN,CAAoBa,aAApB,EAA0B;IAAEC,UAAU,EAAE,KAAd;IAAqBtB,KAAK,EAAEI;EAA5B,CAA1B,EAAoEL,KAApE,CADJ,CAFJ,CADI,CAAR;AAKH,CAPD;;AAQA,MAAMW,MAAM,GAAGa,uBAAA,CAAWC,MAAX,CAAkB;EAC7Bb,SAAS,EAAE;IACPc,OAAO,EAAE;EADF,CADkB;EAI7BZ,GAAG,EAAE;IACDa,aAAa,EAAE,KADd;IAEDC,UAAU,EAAE,QAFX;IAGDC,WAAW,EAAE;EAHZ,CAJwB;EAS7BT,IAAI,EAAE;IACFU,cAAc,EAAE,CADd;IAEFD,WAAW,EAAE;EAFX,CATuB;EAa7BR,OAAO,EAAE;IACLU,IAAI,EAAE,CADD;IAELC,cAAc,EAAE;EAFX;AAboB,CAAlB,CAAf;;eAkBe,IAAAC,kBAAA,EAAUpC,aAAV,C"}

package/lib/commonjs/components/CardContainer.js

@@ -23,6 +23,8 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
 
@@ -66,12 +68,11 @@ const CardContainer = _ref => {
       break;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
     style: style,
     onPress: onPress,
-    numColumns: numColumns,
-    ...rest
-  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    numColumns: numColumns
+  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -143,17 +144,5 @@ const CardContainer = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainer);
 
-exports.default = _default;
-//# sourceMappingURL=CardContainer.js.mapnfig.default.cardIconBackgroundOpacity).rgb().string()
-    }
-  }, /*#__PURE__*/_react.default.createElement(Icon, {
-    name: icon,
-    size: _Config.default.cardIconSize,
-    color: colors.surface
-  })) : null)));
-};
-
-var _default = (0, _theming.withTheme)(CardContainer);
-
 exports.default = _default;
 //# sourceMappingURL=CardContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","React","createElement","Card","Elevation","borderRadius","View","overflow","backgroundColor","surface","Image","source","uri","resizeMode","padding","flexDirection","alignItems","justifyContent","Text","numberOfLines","color","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","name","size","withTheme"],"sources":["CardContainer.js"],"sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst CardContainer = ({ Icon, icon, image = Config.cardImageUrl, title, leftDescription, rightDescription, textCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n    let textJustification;\n    let titleStyle;\n    if (textCentered && !rightDescription) {\n        textJustification = \"center\";\n    }\n    else {\n        textJustification = \"space-between\";\n    }\n    switch (numColumns) {\n        case 2:\n            titleStyle = typography.headline6;\n            break;\n        case 3:\n            titleStyle = typography.headline5;\n            break;\n    }\n    return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n        React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n            React.createElement(View, { style: {\n                    borderRadius: roundness,\n                    overflow: \"hidden\",\n                    backgroundColor: colors.surface,\n                } },\n                React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n                React.createElement(View, { style: {\n                        padding: numColumns === 1 ? 8 : 16,\n                    } },\n                    title ? (React.createElement(View, { style: {\n                            flexDirection: \"row\",\n                            alignItems: \"center\",\n                            justifyContent: textJustification,\n                        } },\n                        React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title))) : null,\n                    leftDescription ? (React.createElement(View, { style: {\n                            flexDirection: \"row\",\n                            justifyContent: textJustification,\n                            alignItems: \"center\",\n                            marginTop: numColumns === 3 ? 4 : 4 / 2,\n                        } },\n                        React.createElement(Text, { numberOfLines: 1, style: [typography.body2, { color: colors.medium }] }, leftDescription),\n                        rightDescription ? (React.createElement(Text, { numberOfLines: 1, style: [typography.subtitle2, { color: colors.light }] }, rightDescription)) : null)) : null),\n                icon ? (React.createElement(Elevation, { style: {\n                        elevation: Config.cardIconElevation,\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: color(colors.strong)\n                            .alpha(Config.cardIconBackgroundOpacity)\n                            .rgb()\n                            .string(),\n                    } },\n                    React.createElement(Icon, { name: icon, size: Config.cardIconSize, color: colors.surface }))) : null))));\n};\nexport default withTheme(CardContainer);\n"],"mappings":"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"}
+{"version":3,"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","borderRadius","overflow","backgroundColor","surface","uri","padding","flexDirection","alignItems","justifyContent","color","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","withTheme"],"sources":["CardContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  ImageSourcePropType,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\nimport { justificationType } from \"./Justification\";\n\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  textCentered: boolean;\n  icon?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n} & IconSlot;\n\nconst CardContainer: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  textCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let textJustification: justificationType;\n\n  let titleStyle;\n\n  if (textCentered && !rightDescription) {\n    textJustification = \"center\";\n  } else {\n    textJustification = \"space-between\";\n  }\n\n  switch (numColumns) {\n    case 2:\n      titleStyle = typography.headline6;\n      break;\n    case 3:\n      titleStyle = typography.headline5;\n      break;\n  }\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <Elevation style={{ elevation, borderRadius: roundness }}>\n        <View\n          style={{\n            borderRadius: roundness,\n            overflow: \"hidden\",\n            backgroundColor: colors.surface,\n          }}\n        >\n          <Image\n            style={{ aspectRatio }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n          <View\n            style={{\n              padding: numColumns === 1 ? 8 : 16,\n            }}\n          >\n            {title ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  alignItems: \"center\",\n                  justifyContent: textJustification,\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[titleStyle, { color: colors.strong }]}\n                >\n                  {title}\n                </Text>\n              </View>\n            ) : null}\n            {leftDescription ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  justifyContent: textJustification,\n                  alignItems: \"center\",\n                  marginTop: numColumns === 3 ? 4 : 4 / 2,\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[typography.body2, { color: colors.medium }]}\n                >\n                  {leftDescription}\n                </Text>\n                {rightDescription ? (\n                  <Text\n                    numberOfLines={1}\n                    style={[typography.subtitle2, { color: colors.light }]}\n                  >\n                    {rightDescription}\n                  </Text>\n                ) : null}\n              </View>\n            ) : null}\n          </View>\n          {icon ? (\n            <Elevation\n              style={{\n                elevation: Config.cardIconElevation,\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: color(colors.strong)\n                  .alpha(Config.cardIconBackgroundOpacity)\n                  .rgb()\n                  .string(),\n              }}\n            >\n              <Icon\n                name={icon}\n                size={Config.cardIconSize}\n                color={colors.surface}\n              />\n            </Elevation>\n          ) : null}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainer);\n"],"mappings":"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"}

package/lib/commonjs/components/StarRating.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 ? Object.assign.bind() : 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 StarRating = _ref => {
   let {
     Icon,
@@ -47,9 +45,10 @@ const StarRating = _ref => {
     !!onPress && onPress(r);
   }, [onPress]);
   const ratingRounded = Math.round(localRating * 2) / 2;
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
-    style: [styles.container, style]
-  }, rest), [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, style],
+    ...rest
+  }, [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(_reactNative.View, {
     key: i,
     style: {
       display: "flex"
@@ -93,5 +92,25 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(StarRating);
 
+exports.default = _default;
+//# sourceMappingURL=StarRating.js.mapr: {
+    display: "flex",
+    flexDirection: "row",
+    position: "absolute",
+    top: 0,
+    right: 0,
+    left: 0,
+    bottom: 0,
+    zIndex: 1
+  },
+  pressable: {
+    flex: 1,
+    height: "100%",
+    width: "50%"
+  }
+});
+
+var _default = (0, _theming.withTheme)(StarRating);
+
 exports.default = _default;
 //# sourceMappingURL=StarRating.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","React","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","styles","container","Array","map","_","i","display","touchContainer","pressable","StyleSheet","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width","withTheme"],"sources":["StarRating.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  ViewStyle,\n  Pressable,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  starSize?: number;\n  maxStars?: number;\n  rating?: number;\n  defaultValue?: number;\n  isEditable?: boolean;\n  activeColor?: string;\n  inactiveColor?: string;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress?: (newValue: number) => void;\n} & IconSlot;\n\nconst StarRating: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  starSize = 16,\n  maxStars = 5,\n  rating = 0,\n  defaultValue,\n  isEditable = false,\n  activeColor,\n  inactiveColor,\n  style,\n  onPress,\n  ...rest\n}) => {\n  const [localRating, setLocalRating] = React.useState<number>(\n    rating || defaultValue || 0\n  );\n\n  React.useEffect(() => {\n    if (rating != null) {\n      setLocalRating(rating);\n    }\n  }, [rating]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setLocalRating(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const ratingHandler = React.useCallback(\n    (r: number) => {\n      setLocalRating(r);\n      !!onPress && onPress(r);\n    },\n    [onPress]\n  );\n\n  const ratingRounded = Math.round(localRating * 2) / 2;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      {[...Array(maxStars)].map((_, i) => (\n        <View key={i} style={{ display: \"flex\" }}>\n          <Icon\n            name={\n              ratingRounded - i === 0.5\n                ? \"MaterialIcons/star-half\"\n                : \"MaterialIcons/star\"\n            }\n            size={starSize}\n            color={ratingRounded > i ? activeColor : inactiveColor}\n          />\n          {isEditable && (\n            <View style={styles.touchContainer}>\n              <Pressable\n                style={styles.pressable}\n                onPress={() => ratingHandler(i + 0.5)}\n              />\n              <Pressable\n                style={styles.pressable}\n                onPress={() => ratingHandler(i + 1)}\n              />\n            </View>\n          )}\n        </View>\n      ))}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  touchContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    left: 0,\n    bottom: 0,\n    zIndex: 1,\n  },\n  pressable: {\n    flex: 1,\n    height: \"100%\",\n    width: \"50%\",\n  },\n});\n\nexport default withTheme(StarRating);\n"],"mappings":"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"}
+{"version":3,"names":["StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","React","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","createElement","View","styles","container","Array","map","_","i","key","display","name","size","color","touchContainer","Pressable","pressable","StyleSheet","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width","withTheme"],"sources":["StarRating.js"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Pressable, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nconst StarRating = ({ Icon, starSize = 16, maxStars = 5, rating = 0, defaultValue, isEditable = false, activeColor, inactiveColor, style, onPress, ...rest }) => {\n    const [localRating, setLocalRating] = React.useState(rating || defaultValue || 0);\n    React.useEffect(() => {\n        if (rating != null) {\n            setLocalRating(rating);\n        }\n    }, [rating]);\n    React.useEffect(() => {\n        if (defaultValue != null) {\n            setLocalRating(defaultValue);\n        }\n    }, [defaultValue]);\n    const ratingHandler = React.useCallback((r) => {\n        setLocalRating(r);\n        !!onPress && onPress(r);\n    }, [onPress]);\n    const ratingRounded = Math.round(localRating * 2) / 2;\n    return (React.createElement(View, { style: [styles.container, style], ...rest }, [...Array(maxStars)].map((_, i) => (React.createElement(View, { key: i, style: { display: \"flex\" } },\n        React.createElement(Icon, { name: ratingRounded - i === 0.5\n                ? \"MaterialIcons/star-half\"\n                : \"MaterialIcons/star\", size: starSize, color: ratingRounded > i ? activeColor : inactiveColor }),\n        isEditable && (React.createElement(View, { style: styles.touchContainer },\n            React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 0.5) }),\n            React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 1) }))))))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    touchContainer: {\n        display: \"flex\",\n        flexDirection: \"row\",\n        position: \"absolute\",\n        top: 0,\n        right: 0,\n        left: 0,\n        bottom: 0,\n        zIndex: 1,\n    },\n    pressable: {\n        flex: 1,\n        height: \"100%\",\n        width: \"50%\",\n    },\n});\nexport default withTheme(StarRating);\n"],"mappings":"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"}

package/lib/commonjs/mappings/FlatList.js

@@ -20,6 +20,10 @@ const SEED_DATA = {
       label: "Horizontal",
       description: "Render list horizontally"
     }),
+    inverted: (0, _types.createStaticBoolProp)({
+      label: "Inverted",
+      description: "If true, reverses the direction."
+    }),
     numColumns: (0, _types.createNumColumnsType)({
       editable: true
     })

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","layout","flex","props","horizontal","createStaticBoolProp","label","numColumns","createNumColumnsType","editable"],"sources":["FlatList.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumColumnsType,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"List\",\n  tag: \"FlatList\",\n  description: \"A basic List component\",\n  category: COMPONENT_TYPES.data,\n  layout: {\n    flex: 1,\n  },\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render list horizontally\",\n    }),\n    numColumns: createNumColumnsType({\n      editable: true,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IAJH;EAKvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CALe;EAQvBC,KAAK,EAAE;IACLC,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,KAAK,EAAE,YADwB;MAE/BT,WAAW,EAAE;IAFkB,CAArB,CADP;IAKLU,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,QAAQ,EAAE;IADqB,CAArB;EALP;AARgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","layout","flex","props","horizontal","createStaticBoolProp","label","inverted","numColumns","createNumColumnsType","editable"],"sources":["FlatList.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumColumnsType,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"List\",\n  tag: \"FlatList\",\n  description: \"A basic List component\",\n  category: COMPONENT_TYPES.data,\n  layout: {\n    flex: 1,\n  },\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render list horizontally\",\n    }),\n    inverted: createStaticBoolProp({\n      label: \"Inverted\",\n      description: \"If true, reverses the direction.\",\n    }),\n    numColumns: createNumColumnsType({\n      editable: true,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IAJH;EAKvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CALe;EAQvBC,KAAK,EAAE;IACLC,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,KAAK,EAAE,YADwB;MAE/BT,WAAW,EAAE;IAFkB,CAArB,CADP;IAKLU,QAAQ,EAAE,IAAAF,2BAAA,EAAqB;MAC7BC,KAAK,EAAE,UADsB;MAE7BT,WAAW,EAAE;IAFgB,CAArB,CALL;IASLW,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,QAAQ,EAAE;IADqB,CAArB;EATP;AARgB,CAAlB"}

package/lib/module/components/AvatarEdit.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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";
 import Touchable from "./Touchable";
@@ -25,9 +23,10 @@ const AvatarEdit = _ref => {
     width: size,
     height: size
   };
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [style, dimensions]
-  }, rest), /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [style, dimensions],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Touchable, {
     onPress: onPress
   }, /*#__PURE__*/React.createElement(CircleImage, {
     source: image,
@@ -49,5 +48,17 @@ const AvatarEdit = _ref => {
   }))));
 };
 
+export default withTheme(AvatarEdit);
+//# sourceMappingURL=AvatarEdit.js.mapolor: colorStyles.editBackgroundColor,
+      borderRadius: size * (3 / 16),
+      padding: size * (3 / 32)
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "MaterialIcons/edit",
+    color: colorStyles.editIconColor,
+    size: size * (3 / 16)
+  }))));
+};
+
 export default withTheme(AvatarEdit);
 //# sourceMappingURL=AvatarEdit.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","position","top","right","borderColor","backgroundColor","borderRadius","padding"],"sources":["AvatarEdit.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  image: string | ImageSourcePropType;\n  size?: number;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AvatarEdit: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  image,\n  size = 80,\n  onPress = () => {},\n  style,\n  theme,\n  ...rest\n}) => {\n  const colorStyles = {\n    editBackgroundColor: theme.colors.primary,\n    editIconColor: theme.colors.surface,\n    editBorderColor: theme.colors.surface,\n  };\n\n  const dimensions = {\n    width: size,\n    height: size,\n  };\n\n  return (\n    <View style={[style, dimensions]} {...rest}>\n      <Touchable onPress={onPress}>\n        <CircleImage source={image} size={size} />\n        <View\n          style={{\n            position: \"absolute\",\n            top: -3,\n            right: -3,\n            borderColor: colorStyles.editBorderColor,\n            backgroundColor: colorStyles.editBackgroundColor,\n            borderRadius: size * (3 / 16),\n            padding: size * (3 / 32),\n          }}\n        >\n          <Icon\n            name=\"MaterialIcons/edit\"\n            color={colorStyles.editIconColor}\n            size={size * (3 / 16)}\n          />\n        </View>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default withTheme(AvatarEdit);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAgE,cAAhE;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,MAAMC,UAAoD,GAAG,QAQvD;EAAA,IARwD;IAC5DC,IAD4D;IAE5DC,KAF4D;IAG5DC,IAAI,GAAG,EAHqD;IAI5DC,OAAO,GAAG,MAAM,CAAE,CAJ0C;IAK5DC,KAL4D;IAM5DC,KAN4D;IAO5D,GAAGC;EAPyD,CAQxD;EACJ,MAAMC,WAAW,GAAG;IAClBC,mBAAmB,EAAEH,KAAK,CAACI,MAAN,CAAaC,OADhB;IAElBC,aAAa,EAAEN,KAAK,CAACI,MAAN,CAAaG,OAFV;IAGlBC,eAAe,EAAER,KAAK,CAACI,MAAN,CAAaG;EAHZ,CAApB;EAMA,MAAME,UAAU,GAAG;IACjBC,KAAK,EAAEb,IADU;IAEjBc,MAAM,EAAEd;EAFS,CAAnB;EAKA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACE,KAAD,EAAQU,UAAR;EAAb,GAAsCR,IAAtC,gBACE,oBAAC,SAAD;IAAW,OAAO,EAAEH;EAApB,gBACE,oBAAC,WAAD;IAAa,MAAM,EAAEF,KAArB;IAA4B,IAAI,EAAEC;EAAlC,EADF,eAEE,oBAAC,IAAD;IACE,KAAK,EAAE;MACLe,QAAQ,EAAE,UADL;MAELC,GAAG,EAAE,CAAC,CAFD;MAGLC,KAAK,EAAE,CAAC,CAHH;MAILC,WAAW,EAAEb,WAAW,CAACM,eAJpB;MAKLQ,eAAe,EAAEd,WAAW,CAACC,mBALxB;MAMLc,YAAY,EAAEpB,IAAI,IAAI,IAAI,EAAR,CANb;MAOLqB,OAAO,EAAErB,IAAI,IAAI,IAAI,EAAR;IAPR;EADT,gBAWE,oBAAC,IAAD;IACE,IAAI,EAAC,oBADP;IAEE,KAAK,EAAEK,WAAW,CAACI,aAFrB;IAGE,IAAI,EAAET,IAAI,IAAI,IAAI,EAAR;EAHZ,EAXF,CAFF,CADF,CADF;AAwBD,CA5CD;;AA8CA,eAAeJ,SAAS,CAACC,UAAD,CAAxB"}
+{"version":3,"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","createElement","source","position","top","right","borderColor","backgroundColor","borderRadius","padding","name","color"],"sources":["AvatarEdit.js"],"sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\nconst AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {\n    const colorStyles = {\n        editBackgroundColor: theme.colors.primary,\n        editIconColor: theme.colors.surface,\n        editBorderColor: theme.colors.surface,\n    };\n    const dimensions = {\n        width: size,\n        height: size,\n    };\n    return (React.createElement(View, { style: [style, dimensions], ...rest },\n        React.createElement(Touchable, { onPress: onPress },\n            React.createElement(CircleImage, { source: image, size: size }),\n            React.createElement(View, { style: {\n                    position: \"absolute\",\n                    top: -3,\n                    right: -3,\n                    borderColor: colorStyles.editBorderColor,\n                    backgroundColor: colorStyles.editBackgroundColor,\n                    borderRadius: size * (3 / 16),\n                    padding: size * (3 / 32),\n                } },\n                React.createElement(Icon, { name: \"MaterialIcons/edit\", color: colorStyles.editIconColor, size: size * (3 / 16) })))));\n};\nexport default withTheme(AvatarEdit);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AACA,MAAMC,UAAU,GAAG,QAA4E;EAAA,IAA3E;IAAEC,IAAF;IAAQC,KAAR;IAAeC,IAAI,GAAG,EAAtB;IAA0BC,OAAO,GAAG,MAAM,CAAG,CAA7C;IAA+CC,KAA/C;IAAsDC,KAAtD;IAA6D,GAAGC;EAAhE,CAA2E;EAC3F,MAAMC,WAAW,GAAG;IAChBC,mBAAmB,EAAEH,KAAK,CAACI,MAAN,CAAaC,OADlB;IAEhBC,aAAa,EAAEN,KAAK,CAACI,MAAN,CAAaG,OAFZ;IAGhBC,eAAe,EAAER,KAAK,CAACI,MAAN,CAAaG;EAHd,CAApB;EAKA,MAAME,UAAU,GAAG;IACfC,KAAK,EAAEb,IADQ;IAEfc,MAAM,EAAEd;EAFO,CAAnB;EAIA,oBAAQR,KAAK,CAACuB,aAAN,CAAoBtB,IAApB,EAA0B;IAAES,KAAK,EAAE,CAACA,KAAD,EAAQU,UAAR,CAAT;IAA8B,GAAGR;EAAjC,CAA1B,eACJZ,KAAK,CAACuB,aAAN,CAAoBrB,SAApB,EAA+B;IAAEO,OAAO,EAAEA;EAAX,CAA/B,eACIT,KAAK,CAACuB,aAAN,CAAoBpB,WAApB,EAAiC;IAAEqB,MAAM,EAAEjB,KAAV;IAAiBC,IAAI,EAAEA;EAAvB,CAAjC,CADJ,eAEIR,KAAK,CAACuB,aAAN,CAAoBtB,IAApB,EAA0B;IAAES,KAAK,EAAE;MAC3Be,QAAQ,EAAE,UADiB;MAE3BC,GAAG,EAAE,CAAC,CAFqB;MAG3BC,KAAK,EAAE,CAAC,CAHmB;MAI3BC,WAAW,EAAEf,WAAW,CAACM,eAJE;MAK3BU,eAAe,EAAEhB,WAAW,CAACC,mBALF;MAM3BgB,YAAY,EAAEtB,IAAI,IAAI,IAAI,EAAR,CANS;MAO3BuB,OAAO,EAAEvB,IAAI,IAAI,IAAI,EAAR;IAPc;EAAT,CAA1B,eASIR,KAAK,CAACuB,aAAN,CAAoBjB,IAApB,EAA0B;IAAE0B,IAAI,EAAE,oBAAR;IAA8BC,KAAK,EAAEpB,WAAW,CAACI,aAAjD;IAAgET,IAAI,EAAEA,IAAI,IAAI,IAAI,EAAR;EAA1E,CAA1B,CATJ,CAFJ,CADI,CAAR;AAaH,CAvBD;;AAwBA,eAAeJ,SAAS,CAACC,UAAD,CAAxB"}

package/lib/module/components/CardBlock.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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, Text } from "react-native";
 import Image from "./Image";
@@ -47,11 +45,12 @@ const CardBlock = _ref => {
   const rightDescriptionStyles = [typography.subtitle2, {
     color: colors.light
   }];
-  return /*#__PURE__*/React.createElement(Card, _extends({
+  return /*#__PURE__*/React.createElement(Card, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/React.createElement(View, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/React.createElement(View, {
     style: {
       backgroundColor: colors.background
     }
@@ -101,5 +100,16 @@ const CardBlock = _ref => {
   }, rightDescription) : null) : null));
 };
 
+export default withTheme(CardBlock);
+//# sourceMappingURL=CardBlock.js.map  numberOfLines: 1,
+    style: [typography.body2, {
+      color: colors.medium
+    }]
+  }, leftDescription), rightDescription ? /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: rightDescriptionStyles
+  }, rightDescription) : null) : null));
+};
+
 export default withTheme(CardBlock);
 //# sourceMappingURL=CardBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardBlock","image","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","backgroundColor","background","borderRadius","uri","flexDirection","alignItems","justifyContent","marginTop","strong","body2","medium"],"sources":["CardBlock.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ImageSourcePropType,\n  View,\n  Text,\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\";\nimport { justificationType } from \"./Justification\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  titleCentered: boolean;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardBlock: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  titleCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let titleJustification: justificationType;\n\n  let titleStyle;\n  if (titleCentered && !leftDescription && !rightDescription) {\n    titleJustification = \"center\";\n  } else {\n    titleJustification = \"space-between\";\n  }\n\n  if (numColumns === 1) {\n    titleStyle = typography.button;\n  } else if (numColumns === 2) {\n    titleStyle = typography.headline6;\n  } else {\n    titleStyle = typography.headline5;\n  }\n\n  const rightDescriptionStyles = [\n    typography.subtitle2,\n    { color: colors.light },\n  ];\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <View style={{ backgroundColor: colors.background }}>\n        <Elevation style={{ elevation, borderRadius: roundness }}>\n          <Image\n            style={{\n              borderRadius: roundness,\n              aspectRatio,\n            }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n        </Elevation>\n        {title ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              justifyContent: titleJustification,\n              marginTop: numColumns === 3 ? 16 : 12,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[titleStyle, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {!leftDescription && rightDescription ? (\n              <Text style={rightDescriptionStyles}>{rightDescription}</Text>\n            ) : null}\n          </View>\n        ) : null}\n        {leftDescription ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              marginTop: numColumns === 3 ? 4 : 4 / 2,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.body2, { color: colors.medium }]}\n            >\n              {leftDescription}\n            </Text>\n            {rightDescription ? (\n              <Text numberOfLines={1} style={rightDescriptionStyles}>\n                {rightDescription}\n              </Text>\n            ) : null}\n          </View>\n        ) : null}\n      </View>\n    </Card>\n  );\n};\n\nexport default withTheme(CardBlock);\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardBlock","image","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","createElement","backgroundColor","background","borderRadius","source","uri","resizeMode","flexDirection","alignItems","justifyContent","marginTop","numberOfLines","strong","body2","medium"],"sources":["CardBlock.js"],"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 CardBlock = ({ image = Config.cardImageUrl, title, leftDescription, rightDescription, titleCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n    let titleJustification;\n    let titleStyle;\n    if (titleCentered && !leftDescription && !rightDescription) {\n        titleJustification = \"center\";\n    }\n    else {\n        titleJustification = \"space-between\";\n    }\n    if (numColumns === 1) {\n        titleStyle = typography.button;\n    }\n    else if (numColumns === 2) {\n        titleStyle = typography.headline6;\n    }\n    else {\n        titleStyle = typography.headline5;\n    }\n    const rightDescriptionStyles = [\n        typography.subtitle2,\n        { color: colors.light },\n    ];\n    return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n        React.createElement(View, { style: { backgroundColor: colors.background } },\n            React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n                React.createElement(Image, { style: {\n                        borderRadius: roundness,\n                        aspectRatio,\n                    }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" })),\n            title ? (React.createElement(View, { style: {\n                    flexDirection: \"row\",\n                    alignItems: \"center\",\n                    justifyContent: titleJustification,\n                    marginTop: numColumns === 3 ? 16 : 12,\n                } },\n                React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title),\n                !leftDescription && rightDescription ? (React.createElement(Text, { style: rightDescriptionStyles }, rightDescription)) : null)) : null,\n            leftDescription ? (React.createElement(View, { style: {\n                    flexDirection: \"row\",\n                    justifyContent: \"space-between\",\n                    alignItems: \"center\",\n                    marginTop: numColumns === 3 ? 4 : 4 / 2,\n                } },\n                React.createElement(Text, { numberOfLines: 1, style: [typography.body2, { color: colors.medium }] }, leftDescription),\n                rightDescription ? (React.createElement(Text, { numberOfLines: 1, style: rightDescriptionStyles }, rightDescription)) : null)) : null)));\n};\nexport default withTheme(CardBlock);\n"],"mappings":"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"}

package/lib/module/components/Checkbox/CheckboxRow.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 { StyleSheet, View, Platform } from "react-native";
 import { isString } from "lodash";
@@ -8,7 +6,7 @@ import { usePrevious } from "../../hooks";
 import Text from "../Text";
 import Touchable from "../Touchable";
 import Checkbox from "./Checkbox";
-export let Direction;
+export var Direction;
 
 (function (Direction) {
   Direction["Row"] = "row";
@@ -80,13 +78,14 @@ const CheckboxRow = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Touchable, _extends({
+  return /*#__PURE__*/React.createElement(Touchable, {
     onPress: handlePress,
     style: [viewStyles, styles.mainParent, {
       flexDirection: direction
     }],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -124,4 +123,22 @@ const styles = StyleSheet.create({
   }
 });
 export default CheckboxRow;
+//# sourceMappingURL=CheckboxRow.js.maptems: "center",
+    justifyContent: "space-around",
+    paddingStart: 20,
+    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ...Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
+export default CheckboxRow;
 //# sourceMappingURL=CheckboxRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","Platform","isString","extractStyles","usePrevious","Text","Touchable","Checkbox","Direction","renderLabel","value","labelStyle","textStyle","CheckboxRow","label","labelContainerStyle","checkboxStyle","direction","Row","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","handlePress","newValue","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect","flex"],"sources":["CheckboxRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport { isString } from \"lodash\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\nimport { usePrevious } from \"../../hooks\";\nimport Text from \"../Text\";\nimport Touchable from \"../Touchable\";\nimport Checkbox, { CheckboxProps } from \"./Checkbox\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxRowProps extends CheckboxProps {\n  label: string | React.ReactNode;\n  labelStyle?: StyleProp<TextStyle>;\n  labelContainerStyle: StyleProp<ViewStyle>;\n  checkboxStyle?: StyleProp<ViewStyle>;\n  direction?: Direction;\n}\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (isString(value)) {\n    return <Text style={[textStyle, labelStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst CheckboxRow: React.FC<CheckboxRowProps & IconSlot> = ({\n  label = \"Label\",\n  labelStyle,\n  labelContainerStyle,\n  checkboxStyle,\n  direction = Direction.Row,\n  Icon,\n  status,\n  disabled = false,\n  onPress,\n  onCheck,\n  onUncheck,\n  color,\n  uncheckedColor,\n  defaultValue,\n  checkedIcon,\n  uncheckedIcon,\n  size,\n  style,\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = React.useState<boolean>(\n    status || defaultValue || false\n  );\n\n  React.useEffect(() => {\n    if (status != null) {\n      setInternalValue(status);\n    }\n  }, [status]);\n\n  // This special logic is to handle weird APIs like Airtable that return\n  // true or undefined for a boolean\n  const previousDefaultValue = usePrevious(defaultValue) as boolean | undefined;\n\n  React.useEffect(() => {\n    if (defaultValue !== previousDefaultValue) {\n      setInternalValue(Boolean(defaultValue));\n    }\n  }, [defaultValue, previousDefaultValue]);\n\n  const handlePress = () => {\n    const newValue = !internalValue;\n\n    setInternalValue(newValue);\n    onPress?.(newValue);\n\n    if (newValue) {\n      onCheck?.();\n    }\n\n    if (!newValue) {\n      onUncheck?.();\n    }\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[viewStyles, styles.mainParent, { flexDirection: direction }]}\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, textStyles, labelStyle)}\n      </View>\n\n      <Checkbox\n        Icon={Icon}\n        status={internalValue}\n        style={checkboxStyle}\n        disabled={disabled}\n        onPress={handlePress}\n        color={color}\n        uncheckedColor={uncheckedColor}\n        checkedIcon={checkedIcon}\n        uncheckedIcon={uncheckedIcon}\n        size={size}\n      />\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 CheckboxRow;\n"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","View","Platform","isString","extractStyles","usePrevious","Text","Touchable","Checkbox","Direction","renderLabel","value","labelStyle","textStyle","createElement","style","Fragment","CheckboxRow","label","labelContainerStyle","checkboxStyle","direction","Row","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","handlePress","newValue","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect","flex"],"sources":["CheckboxRow.js"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport { isString } from \"lodash\";\nimport { extractStyles } from \"../../utilities\";\nimport { usePrevious } from \"../../hooks\";\nimport Text from \"../Text\";\nimport Touchable from \"../Touchable\";\nimport Checkbox from \"./Checkbox\";\nexport var Direction;\n(function (Direction) {\n    Direction[\"Row\"] = \"row\";\n    Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst renderLabel = (value, labelStyle, textStyle) => {\n    if (isString(value)) {\n        return React.createElement(Text, { style: [textStyle, labelStyle] }, value);\n    }\n    else {\n        return React.createElement(React.Fragment, null, value);\n    }\n};\nconst CheckboxRow = ({ label = \"Label\", labelStyle, labelContainerStyle, checkboxStyle, direction = Direction.Row, Icon, status, disabled = false, onPress, onCheck, onUncheck, color, uncheckedColor, defaultValue, checkedIcon, uncheckedIcon, size, style, ...rest }) => {\n    const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);\n    React.useEffect(() => {\n        if (status != null) {\n            setInternalValue(status);\n        }\n    }, [status]);\n    // This special logic is to handle weird APIs like Airtable that return\n    // true or undefined for a boolean\n    const previousDefaultValue = usePrevious(defaultValue);\n    React.useEffect(() => {\n        if (defaultValue !== previousDefaultValue) {\n            setInternalValue(Boolean(defaultValue));\n        }\n    }, [defaultValue, previousDefaultValue]);\n    const handlePress = () => {\n        const newValue = !internalValue;\n        setInternalValue(newValue);\n        onPress === null || onPress === void 0 ? void 0 : onPress(newValue);\n        if (newValue) {\n            onCheck === null || onCheck === void 0 ? void 0 : onCheck();\n        }\n        if (!newValue) {\n            onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();\n        }\n    };\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Touchable, { onPress: handlePress, style: [viewStyles, styles.mainParent, { flexDirection: direction }], 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, textStyles, labelStyle)),\n        React.createElement(Checkbox, { Icon: Icon, status: internalValue, style: checkboxStyle, disabled: disabled, onPress: handlePress, color: color, uncheckedColor: uncheckedColor, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon, size: size })));\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 CheckboxRow;\n"],"mappings":"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"}

package/lib/module/components/Container.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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, ImageBackground, StyleSheet } from "react-native";
 import { withTheme } from "../theming";
@@ -64,10 +66,9 @@ const Container = _ref => {
   };
   const Wrap = elevation ? Elevation : View;
   if (elevation) containerStyle.elevation = elevation;
-  return /*#__PURE__*/React.createElement(Wrap, {
-    style: [containerStyle, style],
-    ...rest
-  }, backgroundImage ? /*#__PURE__*/React.createElement(ImageBackground, {
+  return /*#__PURE__*/React.createElement(Wrap, _extends({
+    style: [containerStyle, style]
+  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(ImageBackground, {
     source: typeof backgroundImage === "string" ? {
       uri: backgroundImage
     } : backgroundImage,
@@ -82,18 +83,5 @@ const Container = _ref => {
   }, children));
 };
 
-export default withTheme(Container);
-//# sourceMappingURL=Container.js.map   } : backgroundImage,
-    resizeMode: backgroundImageResizeMode,
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: innerStyle
-  }, children)) : /*#__PURE__*/React.createElement(View, {
-    style: innerStyle
-  }, children));
-};
-
 export default withTheme(Container);
 //# sourceMappingURL=Container.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","ImageBackground","StyleSheet","withTheme","Elevation","Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","flatten","containerStyle","width","innerStyle","Wrap","createElement","source","uri","resizeMode"],"sources":["Container.js"],"sourcesContent":["import * as React from \"react\";\nimport { View, ImageBackground, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Elevation from \"./Elevation\";\nconst Container = ({ useThemeGutterPadding, borderColor, borderWidth, backgroundColor, backgroundImage, backgroundImageResizeMode, elevation, style, children, theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n...rest }) => {\n    const { flex, flexGrow, flexWrap, flexBasis, flexShrink, flexDirection, alignContent, justifyContent, alignItems, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingVertical, paddingHorizontal, ...styleProp } = StyleSheet.flatten(style) || {};\n    const containerStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        width: \"100%\",\n        ...styleProp,\n    };\n    const innerStyle = {\n        flex,\n        flexGrow,\n        flexWrap,\n        flexBasis,\n        flexShrink,\n        flexDirection,\n        alignContent,\n        justifyContent,\n        alignItems,\n        padding,\n        paddingTop,\n        paddingBottom,\n        paddingLeft,\n        paddingRight,\n        paddingVertical,\n        paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,\n    };\n    const Wrap = elevation ? Elevation : View;\n    if (elevation)\n        containerStyle.elevation = elevation;\n    return (React.createElement(Wrap, { style: [containerStyle, style], ...rest }, backgroundImage ? (React.createElement(ImageBackground, { source: typeof backgroundImage === \"string\"\n            ? { uri: backgroundImage }\n            : backgroundImage, resizeMode: backgroundImageResizeMode, style: {\n            flex: 1,\n        } },\n        React.createElement(View, { style: innerStyle }, children))) : (React.createElement(View, { style: innerStyle }, children))));\n};\nexport default withTheme(Container);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,eAAf,EAAgCC,UAAhC,QAAmD,cAAnD;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,SAAP,MAAsB,aAAtB;;AACA,MAAMC,SAAS,GAAG,QACJ;EAAA,IADK;IAAEC,qBAAF;IAAyBC,WAAzB;IAAsCC,WAAtC;IAAmDC,eAAnD;IAAoEC,eAApE;IAAqFC,yBAArF;IAAgHC,SAAhH;IAA2HC,KAA3H;IAAkIC,QAAlI;IAA4IC,KAA5I;IAAmJ;IACtK,GAAGC;EADgB,CACL;EACV,MAAM;IAAEC,IAAF;IAAQC,QAAR;IAAkBC,QAAlB;IAA4BC,SAA5B;IAAuCC,UAAvC;IAAmDC,aAAnD;IAAkEC,YAAlE;IAAgFC,cAAhF;IAAgGC,UAAhG;IAA4GC,OAA5G;IAAqHC,UAArH;IAAiIC,aAAjI;IAAgJC,WAAhJ;IAA6JC,YAA7J;IAA2KC,eAA3K;IAA4LC,iBAA5L;IAA+M,GAAGC;EAAlN,IAAgO/B,UAAU,CAACgC,OAAX,CAAmBrB,KAAnB,KAA6B,EAAnQ;EACA,MAAMsB,cAAc,GAAG;IACnB1B,eADmB;IAEnBF,WAFmB;IAGnBC,WAHmB;IAInB4B,KAAK,EAAE,MAJY;IAKnB,GAAGH;EALgB,CAAvB;EAOA,MAAMI,UAAU,GAAG;IACfpB,IADe;IAEfC,QAFe;IAGfC,QAHe;IAIfC,SAJe;IAKfC,UALe;IAMfC,aANe;IAOfC,YAPe;IAQfC,cARe;IASfC,UATe;IAUfC,OAVe;IAWfC,UAXe;IAYfC,aAZe;IAafC,WAbe;IAcfC,YAde;IAefC,eAfe;IAgBfC,iBAAiB,EAAEA,iBAAiB,IAAI1B,qBAArB,GAA6C,EAA7C,GAAkD;EAhBtD,CAAnB;EAkBA,MAAMgC,IAAI,GAAG1B,SAAS,GAAGR,SAAH,GAAeJ,IAArC;EACA,IAAIY,SAAJ,EACIuB,cAAc,CAACvB,SAAf,GAA2BA,SAA3B;EACJ,oBAAQb,KAAK,CAACwC,aAAN,CAAoBD,IAApB,EAA0B;IAAEzB,KAAK,EAAE,CAACsB,cAAD,EAAiBtB,KAAjB,CAAT;IAAkC,GAAGG;EAArC,CAA1B,EAAuEN,eAAe,gBAAIX,KAAK,CAACwC,aAAN,CAAoBtC,eAApB,EAAqC;IAAEuC,MAAM,EAAE,OAAO9B,eAAP,KAA2B,QAA3B,GACvI;MAAE+B,GAAG,EAAE/B;IAAP,CADuI,GAEvIA,eAF6H;IAE5GgC,UAAU,EAAE/B,yBAFgG;IAErEE,KAAK,EAAE;MACjEI,IAAI,EAAE;IAD2D;EAF8D,CAArC,eAK9FlB,KAAK,CAACwC,aAAN,CAAoBvC,IAApB,EAA0B;IAAEa,KAAK,EAAEwB;EAAT,CAA1B,EAAiDvB,QAAjD,CAL8F,CAAJ,gBAK1Bf,KAAK,CAACwC,aAAN,CAAoBvC,IAApB,EAA0B;IAAEa,KAAK,EAAEwB;EAAT,CAA1B,EAAiDvB,QAAjD,CAL5D,CAAR;AAMH,CArCD;;AAsCA,eAAeX,SAAS,CAACE,SAAD,CAAxB"}
+{"version":3,"names":["React","View","ImageBackground","StyleSheet","withTheme","Elevation","Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","flatten","containerStyle","width","innerStyle","Wrap","uri"],"sources":["Container.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  ImageBackground,\n  ImageSourcePropType,\n  StyleProp,\n  StyleSheet,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\n\nimport Elevation from \"./Elevation\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { ResizeModeType } from \"./ResizeMode\";\n\ntype Props = {\n  theme: Theme;\n  useThemeGutterPadding: boolean;\n  borderColor: string;\n  borderWidth: number;\n  backgroundColor: string;\n  backgroundImage?: string | ImageSourcePropType;\n  backgroundImageResizeMode?: ResizeModeType;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nconst Container: React.FC<React.PropsWithChildren<Props>> = ({\n  useThemeGutterPadding,\n  borderColor,\n  borderWidth,\n  backgroundColor,\n  backgroundImage,\n  backgroundImageResizeMode,\n  elevation,\n  style,\n  children,\n  theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n  ...rest\n}) => {\n  const {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal,\n    ...styleProp\n  } = StyleSheet.flatten(style) || {};\n\n  const containerStyle: StyleProp<ViewStyle> = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    width: \"100%\",\n    ...styleProp,\n  };\n\n  const innerStyle: StyleProp<ViewStyle> = {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,\n  };\n\n  const Wrap = elevation ? Elevation : View;\n\n  if (elevation) containerStyle.elevation = elevation;\n\n  return (\n    <Wrap style={[containerStyle, style]} {...rest}>\n      {backgroundImage ? (\n        <ImageBackground\n          source={\n            typeof backgroundImage === \"string\"\n              ? { uri: backgroundImage }\n              : backgroundImage\n          }\n          resizeMode={backgroundImageResizeMode}\n          style={{\n            flex: 1,\n          }}\n        >\n          <View style={innerStyle}>{children}</View>\n        </ImageBackground>\n      ) : (\n        <View style={innerStyle}>{children}</View>\n      )}\n    </Wrap>\n  );\n};\n\nexport default withTheme(Container);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,eAFF,EAKEC,UALF,QAOO,cAPP;AAQA,SAASC,SAAT,QAA0B,YAA1B;AAEA,OAAOC,SAAP,MAAsB,aAAtB;;AAiBA,MAAMC,SAAmD,GAAG,QAYtD;EAAA,IAZuD;IAC3DC,qBAD2D;IAE3DC,WAF2D;IAG3DC,WAH2D;IAI3DC,eAJ2D;IAK3DC,eAL2D;IAM3DC,yBAN2D;IAO3DC,SAP2D;IAQ3DC,KAR2D;IAS3DC,QAT2D;IAU3DC,KAV2D;IAUpD;IACP,GAAGC;EAXwD,CAYvD;EACJ,MAAM;IACJC,IADI;IAEJC,QAFI;IAGJC,QAHI;IAIJC,SAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC,cARI;IASJC,UATI;IAUJC,OAVI;IAWJC,UAXI;IAYJC,aAZI;IAaJC,WAbI;IAcJC,YAdI;IAeJC,eAfI;IAgBJC,iBAhBI;IAiBJ,GAAGC;EAjBC,IAkBF/B,UAAU,CAACgC,OAAX,CAAmBrB,KAAnB,KAA6B,EAlBjC;EAoBA,MAAMsB,cAAoC,GAAG;IAC3C1B,eAD2C;IAE3CF,WAF2C;IAG3CC,WAH2C;IAI3C4B,KAAK,EAAE,MAJoC;IAK3C,GAAGH;EALwC,CAA7C;EAQA,MAAMI,UAAgC,GAAG;IACvCpB,IADuC;IAEvCC,QAFuC;IAGvCC,QAHuC;IAIvCC,SAJuC;IAKvCC,UALuC;IAMvCC,aANuC;IAOvCC,YAPuC;IAQvCC,cARuC;IASvCC,UATuC;IAUvCC,OAVuC;IAWvCC,UAXuC;IAYvCC,aAZuC;IAavCC,WAbuC;IAcvCC,YAduC;IAevCC,eAfuC;IAgBvCC,iBAAiB,EAAEA,iBAAiB,IAAI1B,qBAArB,GAA6C,EAA7C,GAAkD;EAhB9B,CAAzC;EAmBA,MAAMgC,IAAI,GAAG1B,SAAS,GAAGR,SAAH,GAAeJ,IAArC;EAEA,IAAIY,SAAJ,EAAeuB,cAAc,CAACvB,SAAf,GAA2BA,SAA3B;EAEf,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACuB,cAAD,EAAiBtB,KAAjB;EAAb,GAA0CG,IAA1C,GACGN,eAAe,gBACd,oBAAC,eAAD;IACE,MAAM,EACJ,OAAOA,eAAP,KAA2B,QAA3B,GACI;MAAE6B,GAAG,EAAE7B;IAAP,CADJ,GAEIA,eAJR;IAME,UAAU,EAAEC,yBANd;IAOE,KAAK,EAAE;MACLM,IAAI,EAAE;IADD;EAPT,gBAWE,oBAAC,IAAD;IAAM,KAAK,EAAEoB;EAAb,GAA0BvB,QAA1B,CAXF,CADc,gBAed,oBAAC,IAAD;IAAM,KAAK,EAAEuB;EAAb,GAA0BvB,QAA1B,CAhBJ,CADF;AAqBD,CArFD;;AAuFA,eAAeX,SAAS,CAACE,SAAD,CAAxB"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","createElement","titleTypeStyle","headline4","titleColor","strong"],"sources":["HeaderLarge.js"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Header from \"./Header\";\nconst HeaderLarge = ({ Icon, title, buttonText, icon, onPress = () => { }, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Header, { Icon: Icon, titleTypeStyle: typography.headline4, titleColor: colors.strong, title: title, buttonText: buttonText, icon: icon, onPress: onPress, style: style }));\n};\nexport default withTheme(HeaderLarge);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AACA,MAAMC,WAAW,GAAG,QAAmG;EAAA,IAAlG;IAAEC,IAAF;IAAQC,KAAR;IAAeC,UAAf;IAA2BC,IAA3B;IAAiCC,OAAO,GAAG,MAAM,CAAG,CAApD;IAAsDC,KAAtD;IAA6DC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAApE,CAAkG;EACnH,oBAAQZ,KAAK,CAACa,aAAN,CAAoBX,MAApB,EAA4B;IAAEE,IAAI,EAAEA,IAAR;IAAcU,cAAc,EAAEF,UAAU,CAACG,SAAzC;IAAoDC,UAAU,EAAEL,MAAM,CAACM,MAAvE;IAA+EZ,KAAK,EAAEA,KAAtF;IAA6FC,UAAU,EAAEA,UAAzG;IAAqHC,IAAI,EAAEA,IAA3H;IAAiIC,OAAO,EAAEA,OAA1I;IAAmJC,KAAK,EAAEA;EAA1J,CAA5B,CAAR;AACH,CAFD;;AAGA,eAAeR,SAAS,CAACE,WAAD,CAAxB"}
+{"version":3,"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline4","strong"],"sources":["HeaderLarge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderLarge: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.headline4}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderLarge);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAGA,OAAOC,MAAP,MAAmB,UAAnB;;AAYA,MAAMC,WAAqD,GAAG,QAQxD;EAAA,IARyD;IAC7DC,IAD6D;IAE7DC,KAF6D;IAG7DC,UAH6D;IAI7DC,IAJ6D;IAK7DC,OAAO,GAAG,MAAM,CAAE,CAL2C;IAM7DC,KAN6D;IAO7DC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAPsD,CAQzD;EACJ,oBACE,oBAAC,MAAD;IACE,IAAI,EAAER,IADR;IAEE,cAAc,EAAEQ,UAAU,CAACC,SAF7B;IAGE,UAAU,EAAEF,MAAM,CAACG,MAHrB;IAIE,KAAK,EAAET,KAJT;IAKE,UAAU,EAAEC,UALd;IAME,IAAI,EAAEC,IANR;IAOE,OAAO,EAAEC,OAPX;IAQE,KAAK,EAAEC;EART,EADF;AAYD,CArBD;;AAuBA,eAAeR,SAAS,CAACE,WAAD,CAAxB"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","withTheme","Header","HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","createElement","titleTypeStyle","headline6","titleColor","strong"],"sources":["HeaderMedium.js"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Header from \"./Header\";\nconst HeaderMedium = ({ Icon, title, buttonText, icon, onPress = () => { }, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Header, { Icon: Icon, titleTypeStyle: typography.headline6, titleColor: colors.strong, title: title, buttonText: buttonText, icon: icon, onPress: onPress, style: style }));\n};\nexport default withTheme(HeaderMedium);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AACA,MAAMC,YAAY,GAAG,QAAmG;EAAA,IAAlG;IAAEC,IAAF;IAAQC,KAAR;IAAeC,UAAf;IAA2BC,IAA3B;IAAiCC,OAAO,GAAG,MAAM,CAAG,CAApD;IAAsDC,KAAtD;IAA6DC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAApE,CAAkG;EACpH,oBAAQZ,KAAK,CAACa,aAAN,CAAoBX,MAApB,EAA4B;IAAEE,IAAI,EAAEA,IAAR;IAAcU,cAAc,EAAEF,UAAU,CAACG,SAAzC;IAAoDC,UAAU,EAAEL,MAAM,CAACM,MAAvE;IAA+EZ,KAAK,EAAEA,KAAtF;IAA6FC,UAAU,EAAEA,UAAzG;IAAqHC,IAAI,EAAEA,IAA3H;IAAiIC,OAAO,EAAEA,OAA1I;IAAmJC,KAAK,EAAEA;EAA1J,CAA5B,CAAR;AACH,CAFD;;AAGA,eAAeR,SAAS,CAACE,YAAD,CAAxB"}
+{"version":3,"names":["React","withTheme","Header","HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline6","strong"],"sources":["HeaderMedium.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderMedium: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderMedium);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,MAAP,MAAmB,UAAnB;;AAYA,MAAMC,YAAsD,GAAG,QAQzD;EAAA,IAR0D;IAC9DC,IAD8D;IAE9DC,KAF8D;IAG9DC,UAH8D;IAI9DC,IAJ8D;IAK9DC,OAAO,GAAG,MAAM,CAAE,CAL4C;IAM9DC,KAN8D;IAO9DC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAPuD,CAQ1D;EACJ,oBACE,oBAAC,MAAD;IACE,IAAI,EAAER,IADR;IAEE,cAAc,EAAEQ,UAAU,CAACC,SAF7B;IAGE,UAAU,EAAEF,MAAM,CAACG,MAHrB;IAIE,KAAK,EAAET,KAJT;IAKE,UAAU,EAAEC,UALd;IAME,IAAI,EAAEC,IANR;IAOE,OAAO,EAAEC,OAPX;IAQE,KAAK,EAAEC;EART,EADF;AAYD,CArBD;;AAuBA,eAAeR,SAAS,CAACE,YAAD,CAAxB"}

package/lib/module/mappings/FlatList.js

@@ -12,6 +12,10 @@ export const SEED_DATA = {
       label: "Horizontal",
       description: "Render list horizontally"
     }),
+    inverted: createStaticBoolProp({
+      label: "Inverted",
+      description: "If true, reverses the direction."
+    }),
     numColumns: createNumColumnsType({
       editable: true
     })

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createNumColumnsType","createStaticBoolProp","SEED_DATA","name","tag","description","category","data","layout","flex","props","horizontal","label","numColumns","editable"],"sources":["FlatList.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumColumnsType,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"List\",\n  tag: \"FlatList\",\n  description: \"A basic List component\",\n  category: COMPONENT_TYPES.data,\n  layout: {\n    flex: 1,\n  },\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render list horizontally\",\n    }),\n    numColumns: createNumColumnsType({\n      editable: true,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,oBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,IAJH;EAKvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CALe;EAQvBC,KAAK,EAAE;IACLC,UAAU,EAAEV,oBAAoB,CAAC;MAC/BW,KAAK,EAAE,YADwB;MAE/BP,WAAW,EAAE;IAFkB,CAAD,CAD3B;IAKLQ,UAAU,EAAEb,oBAAoB,CAAC;MAC/Bc,QAAQ,EAAE;IADqB,CAAD;EAL3B;AARgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createNumColumnsType","createStaticBoolProp","SEED_DATA","name","tag","description","category","data","layout","flex","props","horizontal","label","inverted","numColumns","editable"],"sources":["FlatList.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumColumnsType,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"List\",\n  tag: \"FlatList\",\n  description: \"A basic List component\",\n  category: COMPONENT_TYPES.data,\n  layout: {\n    flex: 1,\n  },\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render list horizontally\",\n    }),\n    inverted: createStaticBoolProp({\n      label: \"Inverted\",\n      description: \"If true, reverses the direction.\",\n    }),\n    numColumns: createNumColumnsType({\n      editable: true,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,oBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,IAJH;EAKvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CALe;EAQvBC,KAAK,EAAE;IACLC,UAAU,EAAEV,oBAAoB,CAAC;MAC/BW,KAAK,EAAE,YADwB;MAE/BP,WAAW,EAAE;IAFkB,CAAD,CAD3B;IAKLQ,QAAQ,EAAEZ,oBAAoB,CAAC;MAC7BW,KAAK,EAAE,UADsB;MAE7BP,WAAW,EAAE;IAFgB,CAAD,CALzB;IASLS,UAAU,EAAEd,oBAAoB,CAAC;MAC/Be,QAAQ,EAAE;IADqB,CAAD;EAT3B;AARgB,CAAlB"}

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

@@ -17,6 +17,16 @@ export declare const SEED_DATA: {
             required: boolean;
             group: string;
         };
+        inverted: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
         numColumns: {
             label: string;
             description: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.2.1-435444.1+435444b0",
+  "version": "46.2.1-45f2e3.2+45f2e37a",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -79,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "435444b067e0ee2566cc321ee7b5ceec8149ce59"
+  "gitHead": "45f2e37aeec4facacdf0aa6d3359267207a9a9cd"
 }

package/src/mappings/FlatList.js

@@ -12,6 +12,10 @@ export const SEED_DATA = {
             label: "Horizontal",
             description: "Render list horizontally",
         }),
+        inverted: createStaticBoolProp({
+            label: "Inverted",
+            description: "If true, reverses the direction.",
+        }),
         numColumns: createNumColumnsType({
             editable: true,
         }),

package/src/mappings/FlatList.ts

@@ -17,6 +17,10 @@ export const SEED_DATA = {
       label: "Horizontal",
       description: "Render list horizontally",
     }),
+    inverted: createStaticBoolProp({
+      label: "Inverted",
+      description: "If true, reverses the direction.",
+    }),
     numColumns: createNumColumnsType({
       editable: true,
     }),