@draftbit/core 46.2.1-c68faf.3 → 46.2.1-f4deff.4

package/lib/commonjs/components/CardContainerShortImage.js

@@ -21,8 +21,6 @@ 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 CardContainerShortImage = _ref => {
   let {
     image = _Config.default.squareImageUrl,
@@ -40,10 +38,11 @@ const CardContainerShortImage = _ref => {
     onPress,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
     style: style,
-    onPress: onPress
-  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    onPress: onPress,
+    ...rest
+  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -93,5 +92,19 @@ const CardContainerShortImage = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainerShortImage);
 
+exports.default = _default;
+//# sourceMappingURL=CardContainerShortImage.js.map_*/_react.default.createElement(_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,"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","withTheme"],"sources":["CardContainerShortImage.tsx"],"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<React.PropsWithChildren<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"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,uBAAiE,GAAG,QAWpE;EAAA,IAXqE;IACzEC,KAAK,GAAGC,eAAA,CAAOC,cAD0D;IAEzEC,KAFyE;IAGzEC,QAHyE;IAIzEC,IAAI,GAAG,MAJkE;IAKzEC,WAAW,GAAG,CAL2D;IAMzEC,SAAS,GAAG,CAN6D;IAOzEC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAPkE;IAQzEC,KARyE;IASzEC,OATyE;IAUzE,GAAGC;EAVsE,CAWrE;EACJ,oBACE,6BAAC,8BAAD;IAAM,KAAK,EAAEF,KAAb;IAAoB,OAAO,EAAEC;EAA7B,GAA0CC,IAA1C,gBACE,6BAAC,kBAAD;IACE,KAAK,EAAE;MACLP,SADK;MAELQ,YAAY,EAAEL;IAFT;EADT,gBAME,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLM,QAAQ,EAAE,QADL;MAELC,aAAa,EAAE,KAFV;MAGLC,cAAc,EAAEb,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAHhD;MAILU,YAAY,EAAEL;IAJT;EADT,GAQGL,IAAI,KAAK,MAAT,iBACC,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEC;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEmB,GAAG,EAAEnB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EATJ,eAeE,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLoB,OAAO,EAAE,EADJ;MAELC,eAAe,EAAEZ,MAAM,CAACa,OAFnB;MAGLC,IAAI,EAAE;IAHD;EADT,gBAOE,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CAACZ,UAAU,CAACa,SAAZ,EAAuB;MAAEC,KAAK,EAAEhB,MAAM,CAACiB;IAAhB,CAAvB;EAFT,GAIGvB,KAJH,CAPF,EAaGC,QAAQ,gBACP,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CACLO,UAAU,CAACgB,KADN,EAEL;MAAEF,KAAK,EAAEhB,MAAM,CAACmB,MAAhB;MAAwBC,SAAS,EAAE;IAAnC,CAFK;EAFT,GAOGzB,QAPH,CADO,GAUL,IAvBN,CAfF,EAwCGC,IAAI,KAAK,OAAT,iBACC,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEC;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEmB,GAAG,EAAEnB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EAzCJ,CANF,CADF,CADF;AA2DD,CAvED;;eAyEe,IAAA8B,kBAAA,EAAU/B,uBAAV,C"}
+{"version":3,"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","withTheme"],"sources":["CardContainerShortImage.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 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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,uBAAuB,GAAG,QAA0K;EAAA,IAAzK;IAAEC,KAAK,GAAGC,eAAA,CAAOC,cAAjB;IAAiCC,KAAjC;IAAwCC,QAAxC;IAAkDC,IAAI,GAAG,MAAzD;IAAiEC,WAAW,GAAG,CAA/E;IAAkFC,SAAS,GAAG,CAA9F;IAAiGC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAAxG;IAA2IC,KAA3I;IAAkJC,OAAlJ;IAA2J,GAAGC;EAA9J,CAAyK;EACtM,oBAAQC,cAAA,CAAMC,aAAN,CAAoBC,8BAApB,EAA0B;IAAEL,KAAK,EAAEA,KAAT;IAAgBC,OAAO,EAAEA,OAAzB;IAAkC,GAAGC;EAArC,CAA1B,eACJC,cAAA,CAAMC,aAAN,CAAoBE,kBAApB,EAA+B;IAAEN,KAAK,EAAE;MAChCL,SADgC;MAEhCY,YAAY,EAAET;IAFkB;EAAT,CAA/B,eAIIK,cAAA,CAAMC,aAAN,CAAoBI,iBAApB,EAA0B;IAAER,KAAK,EAAE;MAC3BS,QAAQ,EAAE,QADiB;MAE3BC,aAAa,EAAE,KAFY;MAG3BC,cAAc,EAAElB,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAH1B;MAI3Bc,YAAY,EAAET;IAJa;EAAT,CAA1B,EAMIL,IAAI,KAAK,MAAT,iBAAoBU,cAAA,CAAMC,aAAN,CAAoBQ,cAApB,EAA2B;IAAEZ,KAAK,EAAE;MAAEN;IAAF,CAAT;IAA0BmB,MAAM,EAAE,OAAOzB,KAAP,KAAiB,QAAjB,GAA4B;MAAE0B,GAAG,EAAE1B;IAAP,CAA5B,GAA6CA,KAA/E;IAAsF2B,UAAU,EAAE;EAAlG,CAA3B,CANxB,eAOIZ,cAAA,CAAMC,aAAN,CAAoBI,iBAApB,EAA0B;IAAER,KAAK,EAAE;MAC3BgB,OAAO,EAAE,EADkB;MAE3BC,eAAe,EAAEpB,MAAM,CAACqB,OAFG;MAG3BC,IAAI,EAAE;IAHqB;EAAT,CAA1B,eAKIhB,cAAA,CAAMC,aAAN,CAAoBgB,iBAApB,EAA0B;IAAEC,aAAa,EAAE,CAAjB;IAAoBrB,KAAK,EAAE,CAACD,UAAU,CAACuB,SAAZ,EAAuB;MAAEC,KAAK,EAAE1B,MAAM,CAAC2B;IAAhB,CAAvB;EAA3B,CAA1B,EAAyGjC,KAAzG,CALJ,EAMIC,QAAQ,gBAAIW,cAAA,CAAMC,aAAN,CAAoBgB,iBAApB,EAA0B;IAAEC,aAAa,EAAE,CAAjB;IAAoBrB,KAAK,EAAE,CACzDD,UAAU,CAAC0B,KAD8C,EAEzD;MAAEF,KAAK,EAAE1B,MAAM,CAAC6B,MAAhB;MAAwBC,SAAS,EAAE;IAAnC,CAFyD;EAA3B,CAA1B,EAGHnC,QAHG,CAAJ,GAGc,IAT1B,CAPJ,EAiBIC,IAAI,KAAK,OAAT,iBAAqBU,cAAA,CAAMC,aAAN,CAAoBQ,cAApB,EAA2B;IAAEZ,KAAK,EAAE;MAAEN;IAAF,CAAT;IAA0BmB,MAAM,EAAE,OAAOzB,KAAP,KAAiB,QAAjB,GAA4B;MAAE0B,GAAG,EAAE1B;IAAP,CAA5B,GAA6CA,KAA/E;IAAsF2B,UAAU,EAAE;EAAlG,CAA3B,CAjBzB,CAJJ,CADI,CAAR;AAuBH,CAxBD;;eAyBe,IAAAa,kBAAA,EAAUzC,uBAAV,C"}

package/lib/commonjs/components/Portal/PortalManager.js

@@ -13,29 +13,26 @@ 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 /**
  * Portal host is the component which actually renders all Portals.
  */
 class PortalManager extends React.PureComponent {
   constructor() {
     super(...arguments);
-
-    _defineProperty(this, "state", {
+    this.state = {
       portals: []
-    });
+    };
 
-    _defineProperty(this, "mount", (key, children) => {
+    this.mount = (key, children) => {
       this.setState(state => ({
         portals: [...state.portals, {
           key,
           children
         }]
       }));
-    });
+    };
 
-    _defineProperty(this, "update", (key, children) => this.setState(state => ({
+    this.update = (key, children) => this.setState(state => ({
       portals: state.portals.map(item => {
         if (item.key === key) {
           return { ...item,
@@ -45,11 +42,11 @@ class PortalManager extends React.PureComponent {
 
         return item;
       })
-    })));
+    }));
 
-    _defineProperty(this, "unmount", key => this.setState(state => ({
+    this.unmount = key => this.setState(state => ({
       portals: state.portals.filter(item => item.key !== key)
-    })));
+    }));
   }
 
   render() {
@@ -71,5 +68,16 @@ class PortalManager extends React.PureComponent {
 
 }
 
+exports.default = PortalManager;
+//# sourceMappingURL=PortalManager.js.mape here to clip the elevations, otherwise they appear above sibling components */
+        ,
+        pointerEvents: "box-none",
+        style: _reactNative.StyleSheet.absoluteFill
+      }, children);
+    });
+  }
+
+}
+
 exports.default = PortalManager;
 //# sourceMappingURL=PortalManager.js.map

package/lib/commonjs/components/Portal/PortalManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["PortalManager","React","PureComponent","portals","key","children","setState","state","map","item","filter","render","StyleSheet","absoluteFill"],"sources":["PortalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n\ntype State = {\n  portals: Array<{\n    key: number;\n    children: React.ReactNode;\n  }>;\n};\n\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent<{}, State> {\n  state: State = {\n    portals: [],\n  };\n\n  mount = (key: number, children: React.ReactNode) => {\n    this.setState((state) => ({\n      portals: [...state.portals, { key, children }],\n    }));\n  };\n\n  update = (key: number, children: React.ReactNode) =>\n    this.setState((state) => ({\n      portals: state.portals.map((item) => {\n        if (item.key === key) {\n          return { ...item, children };\n        }\n        return item;\n      }),\n    }));\n\n  unmount = (key: number) =>\n    this.setState((state) => ({\n      portals: state.portals.filter((item) => item.key !== key),\n    }));\n\n  render() {\n    return this.state.portals.map(({ key, children }) => (\n      <View\n        key={key}\n        collapsable={\n          false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */\n        }\n        pointerEvents=\"box-none\"\n        style={StyleSheet.absoluteFill}\n      >\n        {children}\n      </View>\n    ));\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AASA;AACA;AACA;AACe,MAAMA,aAAN,SAA4BC,KAAK,CAACC,aAAlC,CAA2D;EAAA;IAAA;;IAAA,+BACzD;MACbC,OAAO,EAAE;IADI,CADyD;;IAAA,+BAKhE,CAACC,GAAD,EAAcC,QAAd,KAA4C;MAClD,KAAKC,QAAL,CAAeC,KAAD,KAAY;QACxBJ,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAV,EAAmB;UAAEC,GAAF;UAAOC;QAAP,CAAnB;MADe,CAAZ,CAAd;IAGD,CATuE;;IAAA,gCAW/D,CAACD,GAAD,EAAcC,QAAd,KACP,KAAKC,QAAL,CAAeC,KAAD,KAAY;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;QACnC,IAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;UACpB,OAAO,EAAE,GAAGK,IAAL;YAAWJ;UAAX,CAAP;QACD;;QACD,OAAOI,IAAP;MACD,CALQ;IADe,CAAZ,CAAd,CAZsE;;IAAA,iCAqB7DL,GAAD,IACR,KAAKE,QAAL,CAAeC,KAAD,KAAY;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;IADe,CAAZ,CAAd,CAtBsE;EAAA;;EA0BxEO,MAAM,GAAG;IACP,OAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB;MAAA,IAAC;QAAEJ,GAAF;QAAOC;MAAP,CAAD;MAAA,oBAC5B,oBAAC,iBAAD;QACE,GAAG,EAAED,GADP;QAEE,WAAW,EACT;QAAM;QAHV;QAKE,aAAa,EAAC,UALhB;QAME,KAAK,EAAEQ,uBAAA,CAAWC;MANpB,GAQGR,QARH,CAD4B;IAAA,CAAvB,CAAP;EAYD;;AAvCuE"}
+{"version":3,"names":["PortalManager","React","PureComponent","constructor","arguments","state","portals","mount","key","children","setState","update","map","item","unmount","filter","render","createElement","View","collapsable","pointerEvents","style","StyleSheet","absoluteFill"],"sources":["PortalManager.js"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent {\n    constructor() {\n        super(...arguments);\n        this.state = {\n            portals: [],\n        };\n        this.mount = (key, children) => {\n            this.setState((state) => ({\n                portals: [...state.portals, { key, children }],\n            }));\n        };\n        this.update = (key, children) => this.setState((state) => ({\n            portals: state.portals.map((item) => {\n                if (item.key === key) {\n                    return { ...item, children };\n                }\n                return item;\n            }),\n        }));\n        this.unmount = (key) => this.setState((state) => ({\n            portals: state.portals.filter((item) => item.key !== key),\n        }));\n    }\n    render() {\n        return this.state.portals.map(({ key, children }) => (React.createElement(View, { key: key, collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */, pointerEvents: \"box-none\", style: StyleSheet.absoluteFill }, children)));\n    }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AACA;AACA;AACA;AACe,MAAMA,aAAN,SAA4BC,KAAK,CAACC,aAAlC,CAAgD;EAC3DC,WAAW,GAAG;IACV,MAAM,GAAGC,SAAT;IACA,KAAKC,KAAL,GAAa;MACTC,OAAO,EAAE;IADA,CAAb;;IAGA,KAAKC,KAAL,GAAa,CAACC,GAAD,EAAMC,QAAN,KAAmB;MAC5B,KAAKC,QAAL,CAAeL,KAAD,KAAY;QACtBC,OAAO,EAAE,CAAC,GAAGD,KAAK,CAACC,OAAV,EAAmB;UAAEE,GAAF;UAAOC;QAAP,CAAnB;MADa,CAAZ,CAAd;IAGH,CAJD;;IAKA,KAAKE,MAAL,GAAc,CAACH,GAAD,EAAMC,QAAN,KAAmB,KAAKC,QAAL,CAAeL,KAAD,KAAY;MACvDC,OAAO,EAAED,KAAK,CAACC,OAAN,CAAcM,GAAd,CAAmBC,IAAD,IAAU;QACjC,IAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;UAClB,OAAO,EAAE,GAAGK,IAAL;YAAWJ;UAAX,CAAP;QACH;;QACD,OAAOI,IAAP;MACH,CALQ;IAD8C,CAAZ,CAAd,CAAjC;;IAQA,KAAKC,OAAL,GAAgBN,GAAD,IAAS,KAAKE,QAAL,CAAeL,KAAD,KAAY;MAC9CC,OAAO,EAAED,KAAK,CAACC,OAAN,CAAcS,MAAd,CAAsBF,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;IADqC,CAAZ,CAAd,CAAxB;EAGH;;EACDQ,MAAM,GAAG;IACL,OAAO,KAAKX,KAAL,CAAWC,OAAX,CAAmBM,GAAnB,CAAuB;MAAA,IAAC;QAAEJ,GAAF;QAAOC;MAAP,CAAD;MAAA,oBAAwBR,KAAK,CAACgB,aAAN,CAAoBC,iBAApB,EAA0B;QAAEV,GAAG,EAAEA,GAAP;QAAYW,WAAW,EAAE;QAAM;QAA/B;QAAyIC,aAAa,EAAE,UAAxJ;QAAoKC,KAAK,EAAEC,uBAAA,CAAWC;MAAtL,CAA1B,EAAgOd,QAAhO,CAAxB;IAAA,CAAvB,CAAP;EACH;;AAzB0D"}

package/lib/commonjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"sources":["hooks.ts"],"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"],"mappings":";;;;;;;AAAA;;;;AAEO,SAASA,WAAT,CAAqBC,KAArB,EAAiC;EACtC;EACA;EACA,MAAMC,GAAG,GAAGC,cAAA,CAAMC,MAAN,EAAZ,CAHsC,CAKtC;;;EACAD,cAAA,CAAME,SAAN,CAAgB,MAAM;IACpBH,GAAG,CAACI,OAAJ,GAAcL,KAAd;EACD,CAFD,EAEG,CAACA,KAAD,CAFH,EANsC,CAUtC;;;EACA,OAAOC,GAAG,CAACI,OAAX;AACD"}
+{"version":3,"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"sources":["hooks.js"],"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"],"mappings":";;;;;;;AAAA;;;;AACO,SAASA,WAAT,CAAqBC,KAArB,EAA4B;EAC/B;EACA;EACA,MAAMC,GAAG,GAAGC,cAAA,CAAMC,MAAN,EAAZ,CAH+B,CAI/B;;;EACAD,cAAA,CAAME,SAAN,CAAgB,MAAM;IAClBH,GAAG,CAACI,OAAJ,GAAcL,KAAd;EACH,CAFD,EAEG,CAACA,KAAD,CAFH,EAL+B,CAQ/B;;;EACA,OAAOC,GAAG,CAACI,OAAX;AACH"}

package/lib/commonjs/mappings/DatePicker.js

@@ -29,6 +29,16 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: _types.GROUPS.basic
   },
+  format: {
+    label: "Format",
+    description: "Create an output format for the date.",
+    editable: true,
+    required: false,
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: null,
+    group: _types.GROUPS.basic
+  },
   assistiveText: {
     label: "Assistive text",
     description: "Helper text to display below the picker",

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","label","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","group","GROUPS","data","mode","flatArray","options","basic","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","FIELD_NAME","handlerPropName","valuePropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnDateChange","props","type"],"sources":["DatePicker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Date\",\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  mode: {\n    label: \"Mode\",\n    description: \"Choose between date, time and datetime\",\n    defaultValue: \"date\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    options: [\"date\", \"time\", \"datetime\"],\n    group: GROUPS.basic,\n  },\n  assistiveText: {\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // locale: {\n  //   label: \"Locale\",\n  //   description: \"Locale for the datepicker. Must be a valid Locale\",\n  //   formType: FORM_TYPES.string,\n  //   propType: PROP_TYPES.STRING,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // minuteInterval: {\n  //   label: \"Minute Interval\",\n  //   description: \"The interval at which minutes can be selected\",\n  //   formType: FORM_TYPES.flatArray,\n  //   propType: PROP_TYPES.NUMBER,\n  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // timeZoneOffsetInMinutes: {\n  //   label: \"Time zone offset\",\n  //   description:\n  //     \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n  //   formType: FORM_TYPES.number,\n  //   propType: PROP_TYPES.NUMBER,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  disabled: {\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // error: {\n  //   label: \"Error\",\n  //   description: \"Whether the picker should display the error state\",\n  //   formType: FORM_TYPES.boolean,\n  //   propType: PROP_TYPES.BOOLEAN,\n  //   defaultValue: false,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.data,\n  // },\n  leftIconName: {\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  leftIconMode: {\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n    group: GROUPS.basic,\n  },\n  rightIconName: {\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onDateChange\",\n    valuePropName: \"date\",\n    defaultValue: \"date\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Date Picker\",\n    tag: \"DatePicker\",\n    description: \"A component used to select a date from a visual calendar\",\n    category: COMPONENT_TYPES.input,\n    layout: null,\n    triggers: [Triggers.OnDateChange],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["SEED_DATA_PROPS","label","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","group","GROUPS","data","mode","flatArray","options","basic","format","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","FIELD_NAME","handlerPropName","valuePropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnDateChange","props","type"],"sources":["DatePicker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Date\",\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  mode: {\n    label: \"Mode\",\n    description: \"Choose between date, time and datetime\",\n    defaultValue: \"date\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    options: [\"date\", \"time\", \"datetime\"],\n    group: GROUPS.basic,\n  },\n  format: {\n    label: \"Format\",\n    description: \"Create an output format for the date.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    group: GROUPS.basic,\n  },\n  assistiveText: {\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // locale: {\n  //   label: \"Locale\",\n  //   description: \"Locale for the datepicker. Must be a valid Locale\",\n  //   formType: FORM_TYPES.string,\n  //   propType: PROP_TYPES.STRING,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // minuteInterval: {\n  //   label: \"Minute Interval\",\n  //   description: \"The interval at which minutes can be selected\",\n  //   formType: FORM_TYPES.flatArray,\n  //   propType: PROP_TYPES.NUMBER,\n  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // timeZoneOffsetInMinutes: {\n  //   label: \"Time zone offset\",\n  //   description:\n  //     \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n  //   formType: FORM_TYPES.number,\n  //   propType: PROP_TYPES.NUMBER,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  disabled: {\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // error: {\n  //   label: \"Error\",\n  //   description: \"Whether the picker should display the error state\",\n  //   formType: FORM_TYPES.boolean,\n  //   propType: PROP_TYPES.BOOLEAN,\n  //   defaultValue: false,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.data,\n  // },\n  leftIconName: {\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  leftIconMode: {\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n    group: GROUPS.basic,\n  },\n  rightIconName: {\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onDateChange\",\n    valuePropName: \"date\",\n    defaultValue: \"date\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Date Picker\",\n    tag: \"DatePicker\",\n    description: \"A component used to select a date from a visual calendar\",\n    category: COMPONENT_TYPES.input,\n    layout: null,\n    triggers: [Triggers.OnDateChange],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n  },\n];\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/commonjs/mappings/SwiperItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","props"],"sources":["SwiperItem.ts"],"sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper Item\",\n  tag: \"SwiperItem\",\n  description: \"Swiper item\",\n  category: COMPONENT_TYPES.button,\n  props: {},\n};\n"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,aAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBC,KAAK,EAAE;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","props"],"sources":["SwiperItem.js"],"sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Swiper Item\",\n    tag: \"SwiperItem\",\n    description: \"Swiper item\",\n    category: COMPONENT_TYPES.button,\n    props: {},\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,aADe;EAErBC,GAAG,EAAE,YAFgB;EAGrBC,WAAW,EAAE,aAHQ;EAIrBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJL;EAKrBC,KAAK,EAAE;AALc,CAAlB"}

package/lib/commonjs/mappings/WebView.js

@@ -10,7 +10,6 @@ var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Web View",
   tag: "WebView",
-  packageName: "@draftbit/webview",
   description: "Render web content inside a view",
   category: _types.COMPONENT_TYPES.media,
   layout: {

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","flex","props","source","createSourceProp","defaultValue","optimizeVideoChat","createStaticBoolProp","label"],"sources":["WebView.ts"],"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  packageName: \"@draftbit/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"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,UADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,mBAHU;EAIvBC,WAAW,EAAE,kCAJU;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KALH;EAMvBC,MAAM,EAAE;IAAEC,IAAI,EAAE;EAAR,CANe;EAOvBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,uBAAA,EAAiB;MACvBC,YAAY,EAAE;IADS,CAAjB,CADH;IAILC,iBAAiB,EAAE,IAAAC,2BAAA,EAAqB;MACtCF,YAAY,EAAE,KADwB;MAEtCG,KAAK,EAAE,qBAF+B;MAGtCZ,WAAW,EACT;IAJoC,CAArB;EAJd;AAPgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","flex","props","source","createSourceProp","defaultValue","optimizeVideoChat","createStaticBoolProp","label"],"sources":["WebView.ts"],"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"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,UADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,kCAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,MAAM,EAAE;IAAEC,IAAI,EAAE;EAAR,CALe;EAMvBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,uBAAA,EAAiB;MACvBC,YAAY,EAAE;IADS,CAAjB,CADH;IAILC,iBAAiB,EAAE,IAAAC,2BAAA,EAAqB;MACtCF,YAAY,EAAE,KADwB;MAEtCG,KAAK,EAAE,qBAF+B;MAGtCZ,WAAW,EACT;IAJoC,CAArB;EAJd;AANgB,CAAlB"}

package/lib/commonjs/styles/shadow.js.map

@@ -1 +1 @@
-{"version":3,"names":["SHADOW_COLOR","SHADOW_OPACITY","shadow","elevation","Animated","Value","inputRange","shadowColor","shadowOffset","width","height","interpolate","outputRange","shadowOpacity","shadowRadius","radius"],"sources":["shadow.tsx"],"sourcesContent":["import { Animated } from \"react-native\";\n\nconst SHADOW_COLOR = \"#000\";\nconst SHADOW_OPACITY = 0.24;\n\nexport default function shadow(elevation: number | Animated.Value = 0) {\n  if (elevation instanceof Animated.Value) {\n    const inputRange = [0, 1, 2, 3, 8, 24];\n\n    return {\n      shadowColor: SHADOW_COLOR,\n      shadowOffset: {\n        width: new Animated.Value(0),\n        height: elevation.interpolate({\n          inputRange,\n          outputRange: [0, 0.5, 0.75, 2, 7, 23],\n        }),\n      },\n      shadowOpacity: new Animated.Value(SHADOW_OPACITY),\n      shadowRadius: elevation.interpolate({\n        inputRange,\n        outputRange: [0, 0.75, 1.5, 3, 8, 24],\n      }),\n    };\n  } else {\n    if (elevation === 0) {\n      return {};\n    }\n\n    let height, radius;\n    switch (elevation) {\n      case 1:\n        height = 0.5;\n        radius = 0.75;\n        break;\n      case 2:\n        height = 0.75;\n        radius = 1.5;\n        break;\n      default:\n        height = elevation - 1;\n        radius = elevation;\n    }\n\n    return {\n      shadowColor: SHADOW_COLOR,\n      shadowOffset: {\n        width: 0,\n        height,\n      },\n      shadowOpacity: SHADOW_OPACITY,\n      shadowRadius: radius,\n    };\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,YAAY,GAAG,MAArB;AACA,MAAMC,cAAc,GAAG,IAAvB;;AAEe,SAASC,MAAT,GAAwD;EAAA,IAAxCC,SAAwC,uEAAH,CAAG;;EACrE,IAAIA,SAAS,YAAYC,qBAAA,CAASC,KAAlC,EAAyC;IACvC,MAAMC,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB;IAEA,OAAO;MACLC,WAAW,EAAEP,YADR;MAELQ,YAAY,EAAE;QACZC,KAAK,EAAE,IAAIL,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CADK;QAEZK,MAAM,EAAEP,SAAS,CAACQ,WAAV,CAAsB;UAC5BL,UAD4B;UAE5BM,WAAW,EAAE,CAAC,CAAD,EAAI,GAAJ,EAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;QAFe,CAAtB;MAFI,CAFT;MASLC,aAAa,EAAE,IAAIT,qBAAA,CAASC,KAAb,CAAmBJ,cAAnB,CATV;MAULa,YAAY,EAAEX,SAAS,CAACQ,WAAV,CAAsB;QAClCL,UADkC;QAElCM,WAAW,EAAE,CAAC,CAAD,EAAI,IAAJ,EAAU,GAAV,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;MAFqB,CAAtB;IAVT,CAAP;EAeD,CAlBD,MAkBO;IACL,IAAIT,SAAS,KAAK,CAAlB,EAAqB;MACnB,OAAO,EAAP;IACD;;IAED,IAAIO,MAAJ,EAAYK,MAAZ;;IACA,QAAQZ,SAAR;MACE,KAAK,CAAL;QACEO,MAAM,GAAG,GAAT;QACAK,MAAM,GAAG,IAAT;QACA;;MACF,KAAK,CAAL;QACEL,MAAM,GAAG,IAAT;QACAK,MAAM,GAAG,GAAT;QACA;;MACF;QACEL,MAAM,GAAGP,SAAS,GAAG,CAArB;QACAY,MAAM,GAAGZ,SAAT;IAXJ;;IAcA,OAAO;MACLI,WAAW,EAAEP,YADR;MAELQ,YAAY,EAAE;QACZC,KAAK,EAAE,CADK;QAEZC;MAFY,CAFT;MAMLG,aAAa,EAAEZ,cANV;MAOLa,YAAY,EAAEC;IAPT,CAAP;EASD;AACF"}
+{"version":3,"names":["SHADOW_COLOR","SHADOW_OPACITY","shadow","elevation","Animated","Value","inputRange","shadowColor","shadowOffset","width","height","interpolate","outputRange","shadowOpacity","shadowRadius","radius"],"sources":["shadow.js"],"sourcesContent":["import { Animated } from \"react-native\";\nconst SHADOW_COLOR = \"#000\";\nconst SHADOW_OPACITY = 0.24;\nexport default function shadow(elevation = 0) {\n    if (elevation instanceof Animated.Value) {\n        const inputRange = [0, 1, 2, 3, 8, 24];\n        return {\n            shadowColor: SHADOW_COLOR,\n            shadowOffset: {\n                width: new Animated.Value(0),\n                height: elevation.interpolate({\n                    inputRange,\n                    outputRange: [0, 0.5, 0.75, 2, 7, 23],\n                }),\n            },\n            shadowOpacity: new Animated.Value(SHADOW_OPACITY),\n            shadowRadius: elevation.interpolate({\n                inputRange,\n                outputRange: [0, 0.75, 1.5, 3, 8, 24],\n            }),\n        };\n    }\n    else {\n        if (elevation === 0) {\n            return {};\n        }\n        let height, radius;\n        switch (elevation) {\n            case 1:\n                height = 0.5;\n                radius = 0.75;\n                break;\n            case 2:\n                height = 0.75;\n                radius = 1.5;\n                break;\n            default:\n                height = elevation - 1;\n                radius = elevation;\n        }\n        return {\n            shadowColor: SHADOW_COLOR,\n            shadowOffset: {\n                width: 0,\n                height,\n            },\n            shadowOpacity: SHADOW_OPACITY,\n            shadowRadius: radius,\n        };\n    }\n}\n"],"mappings":";;;;;;;AAAA;;AACA,MAAMA,YAAY,GAAG,MAArB;AACA,MAAMC,cAAc,GAAG,IAAvB;;AACe,SAASC,MAAT,GAA+B;EAAA,IAAfC,SAAe,uEAAH,CAAG;;EAC1C,IAAIA,SAAS,YAAYC,qBAAA,CAASC,KAAlC,EAAyC;IACrC,MAAMC,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB;IACA,OAAO;MACHC,WAAW,EAAEP,YADV;MAEHQ,YAAY,EAAE;QACVC,KAAK,EAAE,IAAIL,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CADG;QAEVK,MAAM,EAAEP,SAAS,CAACQ,WAAV,CAAsB;UAC1BL,UAD0B;UAE1BM,WAAW,EAAE,CAAC,CAAD,EAAI,GAAJ,EAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;QAFa,CAAtB;MAFE,CAFX;MASHC,aAAa,EAAE,IAAIT,qBAAA,CAASC,KAAb,CAAmBJ,cAAnB,CATZ;MAUHa,YAAY,EAAEX,SAAS,CAACQ,WAAV,CAAsB;QAChCL,UADgC;QAEhCM,WAAW,EAAE,CAAC,CAAD,EAAI,IAAJ,EAAU,GAAV,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;MAFmB,CAAtB;IAVX,CAAP;EAeH,CAjBD,MAkBK;IACD,IAAIT,SAAS,KAAK,CAAlB,EAAqB;MACjB,OAAO,EAAP;IACH;;IACD,IAAIO,MAAJ,EAAYK,MAAZ;;IACA,QAAQZ,SAAR;MACI,KAAK,CAAL;QACIO,MAAM,GAAG,GAAT;QACAK,MAAM,GAAG,IAAT;QACA;;MACJ,KAAK,CAAL;QACIL,MAAM,GAAG,IAAT;QACAK,MAAM,GAAG,GAAT;QACA;;MACJ;QACIL,MAAM,GAAGP,SAAS,GAAG,CAArB;QACAY,MAAM,GAAGZ,SAAT;IAXR;;IAaA,OAAO;MACHI,WAAW,EAAEP,YADV;MAEHQ,YAAY,EAAE;QACVC,KAAK,EAAE,CADG;QAEVC;MAFU,CAFX;MAMHG,aAAa,EAAEZ,cANZ;MAOHa,YAAY,EAAEC;IAPX,CAAP;EASH;AACJ"}

package/lib/module/mappings/DatePicker.js

@@ -21,6 +21,16 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: GROUPS.basic
   },
+  format: {
+    label: "Format",
+    description: "Create an output format for the date.",
+    editable: true,
+    required: false,
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
+    defaultValue: null,
+    group: GROUPS.basic
+  },
   assistiveText: {
     label: "Assistive text",
     description: "Helper text to display below the picker",

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","GROUPS","Triggers","SEED_DATA_PROPS","label","description","formType","string","propType","STRING","defaultValue","editable","required","group","data","mode","flatArray","options","basic","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","handlerPropName","valuePropName","SEED_DATA","name","tag","category","input","layout","triggers","OnDateChange","props","type"],"sources":["DatePicker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Date\",\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  mode: {\n    label: \"Mode\",\n    description: \"Choose between date, time and datetime\",\n    defaultValue: \"date\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    options: [\"date\", \"time\", \"datetime\"],\n    group: GROUPS.basic,\n  },\n  assistiveText: {\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // locale: {\n  //   label: \"Locale\",\n  //   description: \"Locale for the datepicker. Must be a valid Locale\",\n  //   formType: FORM_TYPES.string,\n  //   propType: PROP_TYPES.STRING,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // minuteInterval: {\n  //   label: \"Minute Interval\",\n  //   description: \"The interval at which minutes can be selected\",\n  //   formType: FORM_TYPES.flatArray,\n  //   propType: PROP_TYPES.NUMBER,\n  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // timeZoneOffsetInMinutes: {\n  //   label: \"Time zone offset\",\n  //   description:\n  //     \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n  //   formType: FORM_TYPES.number,\n  //   propType: PROP_TYPES.NUMBER,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  disabled: {\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // error: {\n  //   label: \"Error\",\n  //   description: \"Whether the picker should display the error state\",\n  //   formType: FORM_TYPES.boolean,\n  //   propType: PROP_TYPES.BOOLEAN,\n  //   defaultValue: false,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.data,\n  // },\n  leftIconName: {\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  leftIconMode: {\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n    group: GROUPS.basic,\n  },\n  rightIconName: {\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onDateChange\",\n    valuePropName: \"date\",\n    defaultValue: \"date\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Date Picker\",\n    tag: \"DatePicker\",\n    description: \"A component used to select a date from a visual calendar\",\n    category: COMPONENT_TYPES.input,\n    layout: null,\n    triggers: [Triggers.OnDateChange],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","GROUPS","Triggers","SEED_DATA_PROPS","label","description","formType","string","propType","STRING","defaultValue","editable","required","group","data","mode","flatArray","options","basic","format","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","handlerPropName","valuePropName","SEED_DATA","name","tag","category","input","layout","triggers","OnDateChange","props","type"],"sources":["DatePicker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Date\",\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  mode: {\n    label: \"Mode\",\n    description: \"Choose between date, time and datetime\",\n    defaultValue: \"date\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    options: [\"date\", \"time\", \"datetime\"],\n    group: GROUPS.basic,\n  },\n  format: {\n    label: \"Format\",\n    description: \"Create an output format for the date.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    group: GROUPS.basic,\n  },\n  assistiveText: {\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // locale: {\n  //   label: \"Locale\",\n  //   description: \"Locale for the datepicker. Must be a valid Locale\",\n  //   formType: FORM_TYPES.string,\n  //   propType: PROP_TYPES.STRING,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // minuteInterval: {\n  //   label: \"Minute Interval\",\n  //   description: \"The interval at which minutes can be selected\",\n  //   formType: FORM_TYPES.flatArray,\n  //   propType: PROP_TYPES.NUMBER,\n  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // timeZoneOffsetInMinutes: {\n  //   label: \"Time zone offset\",\n  //   description:\n  //     \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n  //   formType: FORM_TYPES.number,\n  //   propType: PROP_TYPES.NUMBER,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  disabled: {\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // error: {\n  //   label: \"Error\",\n  //   description: \"Whether the picker should display the error state\",\n  //   formType: FORM_TYPES.boolean,\n  //   propType: PROP_TYPES.BOOLEAN,\n  //   defaultValue: false,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.data,\n  // },\n  leftIconName: {\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  leftIconMode: {\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n    group: GROUPS.basic,\n  },\n  rightIconName: {\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onDateChange\",\n    valuePropName: \"date\",\n    defaultValue: \"date\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Date Picker\",\n    tag: \"DatePicker\",\n    description: \"A component used to select a date from a visual calendar\",\n    category: COMPONENT_TYPES.input,\n    layout: null,\n    triggers: [Triggers.OnDateChange],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n  },\n];\n"],"mappings":"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"}

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/module/mappings/WebView.js

@@ -2,7 +2,6 @@ import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp } from "@draftb
 export const SEED_DATA = {
   name: "Web View",
   tag: "WebView",
-  packageName: "@draftbit/webview",
   description: "Render web content inside a view",
   category: COMPONENT_TYPES.media,
   layout: {

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createSourceProp","createStaticBoolProp","SEED_DATA","name","tag","packageName","description","category","media","layout","flex","props","source","defaultValue","optimizeVideoChat","label"],"sources":["WebView.ts"],"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  packageName: \"@draftbit/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"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,oBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,UADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,mBAHU;EAIvBC,WAAW,EAAE,kCAJU;EAKvBC,QAAQ,EAAER,eAAe,CAACS,KALH;EAMvBC,MAAM,EAAE;IAAEC,IAAI,EAAE;EAAR,CANe;EAOvBC,KAAK,EAAE;IACLC,MAAM,EAAEZ,gBAAgB,CAAC;MACvBa,YAAY,EAAE;IADS,CAAD,CADnB;IAILC,iBAAiB,EAAEb,oBAAoB,CAAC;MACtCY,YAAY,EAAE,KADwB;MAEtCE,KAAK,EAAE,qBAF+B;MAGtCT,WAAW,EACT;IAJoC,CAAD;EAJlC;AAPgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createSourceProp","createStaticBoolProp","SEED_DATA","name","tag","description","category","media","layout","flex","props","source","defaultValue","optimizeVideoChat","label"],"sources":["WebView.ts"],"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"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,oBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,UADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,kCAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,KAJH;EAKvBC,MAAM,EAAE;IAAEC,IAAI,EAAE;EAAR,CALe;EAMvBC,KAAK,EAAE;IACLC,MAAM,EAAEX,gBAAgB,CAAC;MACvBY,YAAY,EAAE;IADS,CAAD,CADnB;IAILC,iBAAiB,EAAEZ,oBAAoB,CAAC;MACtCW,YAAY,EAAE,KADwB;MAEtCE,KAAK,EAAE,qBAF+B;MAGtCT,WAAW,EACT;IAJoC,CAAD;EAJlC;AANgB,CAAlB"}

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

@@ -38,6 +38,16 @@ export declare const SEED_DATA: {
             options: string[];
             group: string;
         };
+        format: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
         assistiveText: {
             label: string;
             description: string;

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/lib/typescript/src/mappings/WebView.d.ts

@@ -1,7 +1,6 @@
 export declare const SEED_DATA: {
     name: string;
     tag: string;
-    packageName: string;
     description: string;
     category: string;
     layout: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.2.1-c68faf.3+c68faf6b",
+  "version": "46.2.1-f4deff.4+f4deff77",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -79,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "c68faf6bed7613cd7b34d4564f4596df5360f7ce"
+  "gitHead": "f4deff77e51405d88e526de375beee6e80afcc76"
 }

package/src/mappings/DatePicker.js

@@ -21,6 +21,16 @@ const SEED_DATA_PROPS = {
         options: ["date", "time", "datetime"],
         group: GROUPS.basic,
     },
+    format: {
+        label: "Format",
+        description: "Create an output format for the date.",
+        editable: true,
+        required: false,
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: null,
+        group: GROUPS.basic,
+    },
     assistiveText: {
         label: "Assistive text",
         description: "Helper text to display below the picker",

package/src/mappings/DatePicker.ts

@@ -29,6 +29,16 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: GROUPS.basic,
   },
+  format: {
+    label: "Format",
+    description: "Create an output format for the date.",
+    editable: true,
+    required: false,
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
+    defaultValue: null,
+    group: GROUPS.basic,
+  },
   assistiveText: {
     label: "Assistive text",
     description: "Helper text to display below the picker",

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,
     }),

package/src/mappings/WebView.js

@@ -2,7 +2,6 @@ import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp, } from "@draft
 export const SEED_DATA = {
     name: "Web View",
     tag: "WebView",
-    packageName: "@draftbit/webview",
     description: "Render web content inside a view",
     category: COMPONENT_TYPES.media,
     layout: { flex: 1 },

package/src/mappings/WebView.ts

@@ -7,7 +7,6 @@ import {
 export const SEED_DATA = {
   name: "Web View",
   tag: "WebView",
-  packageName: "@draftbit/webview",
   description: "Render web content inside a view",
   category: COMPONENT_TYPES.media,
   layout: { flex: 1 },