@draftbit/core 46.2.1-435444.1 → 46.2.1-d40959.2

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/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/constants.js

@@ -17,4 +17,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
 });
 
 exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.mapnts.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","props"],"sources":["CustomCode.ts"],"sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Custom Code\",\n  tag: \"CustomCode\",\n  description: \"A component that allows usage of custom code\",\n  category: COMPONENT_TYPES.data,\n  props: {},\n};\n"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8CAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IAJH;EAKvBC,KAAK,EAAE;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","props"],"sources":["CustomCode.js"],"sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Custom Code\",\n    tag: \"CustomCode\",\n    description: \"A component that allows usage of custom code\",\n    category: COMPONENT_TYPES.data,\n    props: {},\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,aADe;EAErBC,GAAG,EAAE,YAFgB;EAGrBC,WAAW,EAAE,8CAHQ;EAIrBC,QAAQ,EAAEC,sBAAA,CAAgBC,IAJL;EAKrBC,KAAK,EAAE;AALc,CAAlB"}

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":";;;;;;;AAAA;;AASA,MAAMA,eAAe,GAAG;EACtBC,KAAK,EAAE;IACLA,KAAK,EAAE,OADF;IAELC,WAAW,EAAE,yCAFR;IAGLC,QAAQ,EAAEC,iBAAA,CAAWC,MAHhB;IAILC,QAAQ,EAAEC,iBAAA,CAAWC,MAJhB;IAKLC,YAAY,EAAE,MALT;IAMLC,QAAQ,EAAE,IANL;IAOLC,QAAQ,EAAE,IAPL;IAQLC,KAAK,EAAEC,aAAA,CAAOC;EART,CADe;EAWtBC,IAAI,EAAE;IACJd,KAAK,EAAE,MADH;IAEJC,WAAW,EAAE,wCAFT;IAGJO,YAAY,EAAE,MAHV;IAIJC,QAAQ,EAAE,IAJN;IAKJC,QAAQ,EAAE,IALN;IAMJR,QAAQ,EAAEC,iBAAA,CAAWY,SANjB;IAOJV,QAAQ,EAAEC,iBAAA,CAAWC,MAPjB;IAQJS,OAAO,EAAE,CAAC,MAAD,EAAS,MAAT,EAAiB,UAAjB,CARL;IASJL,KAAK,EAAEC,aAAA,CAAOK;EATV,CAXgB;EAsBtBC,aAAa,EAAE;IACblB,KAAK,EAAE,gBADM;IAEbC,WAAW,EAAE,yCAFA;IAGbC,QAAQ,EAAEC,iBAAA,CAAWC,MAHR;IAIbC,QAAQ,EAAEC,iBAAA,CAAWC,MAJR;IAKbC,YAAY,EAAE,IALD;IAMbC,QAAQ,EAAE,IANG;IAObC,QAAQ,EAAE,KAPG;IAQbC,KAAK,EAAEC,aAAA,CAAOK;EARD,CAtBO;EAgCtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACAE,QAAQ,EAAE;IACRnB,KAAK,EAAE,UADC;IAERC,WAAW,EACT,4FAHM;IAIRC,QAAQ,EAAEC,iBAAA,CAAWiB,OAJb;IAKRf,QAAQ,EAAEC,iBAAA,CAAWe,OALb;IAMRb,YAAY,EAAE,KANN;IAORC,QAAQ,EAAE,IAPF;IAQRC,QAAQ,EAAE,KARF;IASRC,KAAK,EAAEC,aAAA,CAAOK;EATN,CAhEY;EA2EtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACAK,YAAY,EAAE;IACZtB,KAAK,EAAE,gBADK;IAEZC,WAAW,EAAE,iCAFD;IAGZC,QAAQ,EAAEC,iBAAA,CAAWoB,IAHT;IAIZlB,QAAQ,EAAEC,iBAAA,CAAWC,MAJT;IAKZC,YAAY,EAAE,IALF;IAMZC,QAAQ,EAAE,IANE;IAOZC,QAAQ,EAAE,KAPE;IAQZC,KAAK,EAAEC,aAAA,CAAOK;EARF,CArFQ;EA+FtBO,YAAY,EAAE;IACZxB,KAAK,EAAE,gBADK;IAEZC,WAAW,EACT,mEAHU;IAIZC,QAAQ,EAAEC,iBAAA,CAAWY,SAJT;IAKZV,QAAQ,EAAEC,iBAAA,CAAWC,MALT;IAMZC,YAAY,EAAE,OANF;IAOZQ,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,CAPG;IAQZP,QAAQ,EAAE,IARE;IASZC,QAAQ,EAAE,IATE;IAUZC,KAAK,EAAEC,aAAA,CAAOK;EAVF,CA/FQ;EA2GtBQ,aAAa,EAAE;IACbzB,KAAK,EAAE,iBADM;IAEbC,WAAW,EAAE,kCAFA;IAGbC,QAAQ,EAAEC,iBAAA,CAAWoB,IAHR;IAIblB,QAAQ,EAAEC,iBAAA,CAAWC,MAJR;IAKbC,YAAY,EAAE,IALD;IAMbC,QAAQ,EAAE,IANG;IAObC,QAAQ,EAAE,KAPG;IAQbC,KAAK,EAAEC,aAAA,CAAOK;EARD,CA3GO;EAqHtBS,SAAS,EAAE,EACT,GAAGC,iBADM;IAETC,eAAe,EAAE,cAFR;IAGTC,aAAa,EAAE,MAHN;IAITrB,YAAY,EAAE;EAJL;AArHW,CAAxB;AA6HO,MAAMsB,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,aADR;EAEEC,GAAG,EAAE,YAFP;EAGE/B,WAAW,EAAE,0DAHf;EAIEgC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJ5B;EAKEC,MAAM,EAAE,IALV;EAMEC,QAAQ,EAAE,CAACC,eAAA,CAASC,YAAV,CANZ;EAOEC,KAAK,EAAE,EACL,GAAGzC,eADE;IAEL0C,IAAI,EAAE;MACJzC,KAAK,EAAE,YADH;MAEJC,WAAW,EAAE,oBAFT;MAGJC,QAAQ,EAAEC,iBAAA,CAAWY,SAHjB;MAIJV,QAAQ,EAAEC,iBAAA,CAAWC,MAJjB;MAKJC,YAAY,EAAE,OALV;MAMJQ,OAAO,EAAE,CAAC,OAAD,EAAU,WAAV,CANL;MAOJP,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE,IARN;MASJC,KAAK,EAAEC,aAAA,CAAOK;IATV;EAFD;AAPT,CADuB,CAAlB"}
+{"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/ImageBackground.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","doc_link","code_link","description","category","COMPONENT_TYPES","media","layout","width","height","props","source","createImageProp","defaultValue","resizeMode","createResizeModeProp","backgroundColor","createColorProp","label","backfaceVisibility","createTextEnumProp","options"],"sources":["ImageBackground.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createImageProp,\n  createResizeModeProp,\n  createTextEnumProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Image Background\",\n  tag: \"ImageBackground\",\n  doc_link:\n    \"https://docs.expo.io/versions/latest/react-native/imagebackground/\",\n  code_link:\n    \"https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js\",\n  description:\n    \"A very simple drop-in replacement for Image that allows you to use an Image as a background.\",\n  category: COMPONENT_TYPES.media,\n  layout: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  props: {\n    source: createImageProp({\n      defaultValue:\n        \"https://static.draftbit.com/images/placeholder-image-background.png\",\n    }),\n    resizeMode: createResizeModeProp(),\n    backgroundColor: createColorProp({\n      label: \"Background Color\",\n      description: \"If no image is chosen render a colored background.\",\n    }),\n    backfaceVisibility: createTextEnumProp({\n      label: \"Backface Visibility\",\n      description: \"When animating a card, show the back face of it\",\n      options: [\"visible\", \"hidden\"],\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,iBAFkB;EAGvBC,QAAQ,EACN,oEAJqB;EAKvBC,SAAS,EACP,yFANqB;EAOvBC,WAAW,EACT,8FARqB;EASvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KATH;EAUvBC,MAAM,EAAE;IACNC,KAAK,EAAE,MADD;IAENC,MAAM,EAAE;EAFF,CAVe;EAcvBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,sBAAA,EAAgB;MACtBC,YAAY,EACV;IAFoB,CAAhB,CADH;IAKLC,UAAU,EAAE,IAAAC,2BAAA,GALP;IAMLC,eAAe,EAAE,IAAAC,sBAAA,EAAgB;MAC/BC,KAAK,EAAE,kBADwB;MAE/Bf,WAAW,EAAE;IAFkB,CAAhB,CANZ;IAULgB,kBAAkB,EAAE,IAAAC,yBAAA,EAAmB;MACrCF,KAAK,EAAE,qBAD8B;MAErCf,WAAW,EAAE,iDAFwB;MAGrCkB,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ;IAH4B,CAAnB;EAVf;AAdgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","doc_link","code_link","description","category","COMPONENT_TYPES","media","layout","width","height","props","source","createImageProp","defaultValue","resizeMode","createResizeModeProp","backgroundColor","createColorProp","label","backfaceVisibility","createTextEnumProp","options"],"sources":["ImageBackground.js"],"sourcesContent":["import { COMPONENT_TYPES, createImageProp, createResizeModeProp, createTextEnumProp, createColorProp, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Image Background\",\n    tag: \"ImageBackground\",\n    doc_link: \"https://docs.expo.io/versions/latest/react-native/imagebackground/\",\n    code_link: \"https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js\",\n    description: \"A very simple drop-in replacement for Image that allows you to use an Image as a background.\",\n    category: COMPONENT_TYPES.media,\n    layout: {\n        width: \"100%\",\n        height: \"100%\",\n    },\n    props: {\n        source: createImageProp({\n            defaultValue: \"https://static.draftbit.com/images/placeholder-image-background.png\",\n        }),\n        resizeMode: createResizeModeProp(),\n        backgroundColor: createColorProp({\n            label: \"Background Color\",\n            description: \"If no image is chosen render a colored background.\",\n        }),\n        backfaceVisibility: createTextEnumProp({\n            label: \"Backface Visibility\",\n            description: \"When animating a card, show the back face of it\",\n            options: [\"visible\", \"hidden\"],\n        }),\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,kBADe;EAErBC,GAAG,EAAE,iBAFgB;EAGrBC,QAAQ,EAAE,oEAHW;EAIrBC,SAAS,EAAE,yFAJU;EAKrBC,WAAW,EAAE,8FALQ;EAMrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KANL;EAOrBC,MAAM,EAAE;IACJC,KAAK,EAAE,MADH;IAEJC,MAAM,EAAE;EAFJ,CAPa;EAWrBC,KAAK,EAAE;IACHC,MAAM,EAAE,IAAAC,sBAAA,EAAgB;MACpBC,YAAY,EAAE;IADM,CAAhB,CADL;IAIHC,UAAU,EAAE,IAAAC,2BAAA,GAJT;IAKHC,eAAe,EAAE,IAAAC,sBAAA,EAAgB;MAC7BC,KAAK,EAAE,kBADsB;MAE7Bf,WAAW,EAAE;IAFgB,CAAhB,CALd;IASHgB,kBAAkB,EAAE,IAAAC,yBAAA,EAAmB;MACnCF,KAAK,EAAE,qBAD4B;MAEnCf,WAAW,EAAE,iDAFsB;MAGnCkB,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ;IAH0B,CAAnB;EATjB;AAXc,CAAlB"}

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","props","latitude","createNumberProp","label","required","precision","min","max","longitude","title","createTextProp","defaultValue","flat","createBoolProp","group","GROUPS","basic","pinColor","createColorProp"],"sources":["MapMarker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Marker\",\n  tag: \"MapMarker\",\n  packageName: \"@draftbit/maps\",\n  description: \"A marker to show inside map view\",\n  category: COMPONENT_TYPES.media,\n  layout: {},\n  props: {\n    latitude: createNumberProp({\n      label: \"Latitude\",\n      description: \"The latitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -90,\n      max: 90,\n    }),\n    longitude: createNumberProp({\n      label: \"Longitude\",\n      description: \"The longitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -180,\n      max: 180,\n    }),\n    title: createTextProp({\n      label: \"Title\",\n      description: \"Title to show along with the marker\",\n      defaultValue: null,\n    }),\n    description: createTextProp({\n      label: \"Description\",\n      description: \"Optional description for the marker\",\n      defaultValue: null,\n    }),\n    flat: createBoolProp({\n      label: \"Flat\",\n      description:\n        \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n    pinColor: createColorProp({\n      label: \"Pin Color\",\n      description: \"Sets the color of the marker\",\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,YADiB;EAEvBC,GAAG,EAAE,WAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,WAAW,EAAE,kCAJU;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KALH;EAMvBC,MAAM,EAAE,EANe;EAOvBC,KAAK,EAAE;IACLC,QAAQ,EAAE,IAAAC,uBAAA,EAAiB;MACzBC,KAAK,EAAE,UADkB;MAEzBR,WAAW,EAAE,6CAFY;MAGzBS,QAAQ,EAAE,IAHe;MAIzBC,SAAS,EAAE,CAJc;MAKzBC,GAAG,EAAE,CAAC,EALmB;MAMzBC,GAAG,EAAE;IANoB,CAAjB,CADL;IASLC,SAAS,EAAE,IAAAN,uBAAA,EAAiB;MAC1BC,KAAK,EAAE,WADmB;MAE1BR,WAAW,EAAE,8CAFa;MAG1BS,QAAQ,EAAE,IAHgB;MAI1BC,SAAS,EAAE,CAJe;MAK1BC,GAAG,EAAE,CAAC,GALoB;MAM1BC,GAAG,EAAE;IANqB,CAAjB,CATN;IAiBLE,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBP,KAAK,EAAE,OADa;MAEpBR,WAAW,EAAE,qCAFO;MAGpBgB,YAAY,EAAE;IAHM,CAAf,CAjBF;IAsBLhB,WAAW,EAAE,IAAAe,qBAAA,EAAe;MAC1BP,KAAK,EAAE,aADmB;MAE1BR,WAAW,EAAE,qCAFa;MAG1BgB,YAAY,EAAE;IAHY,CAAf,CAtBR;IA2BLC,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACnBV,KAAK,EAAE,MADY;MAEnBR,WAAW,EACT,+GAHiB;MAInBmB,KAAK,EAAEC,aAAA,CAAOC,KAJK;MAKnBL,YAAY,EAAE;IALK,CAAf,CA3BD;IAkCLM,QAAQ,EAAE,IAAAC,sBAAA,EAAgB;MACxBf,KAAK,EAAE,WADiB;MAExBR,WAAW,EAAE;IAFW,CAAhB;EAlCL;AAPgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","props","latitude","createNumberProp","label","required","precision","min","max","longitude","title","createTextProp","defaultValue","flat","createBoolProp","group","GROUPS","basic","pinColor","createColorProp"],"sources":["MapMarker.js"],"sourcesContent":["import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Map Marker\",\n    tag: \"MapMarker\",\n    packageName: \"@draftbit/maps\",\n    description: \"A marker to show inside map view\",\n    category: COMPONENT_TYPES.media,\n    layout: {},\n    props: {\n        latitude: createNumberProp({\n            label: \"Latitude\",\n            description: \"The latitude in which the marker is located\",\n            required: true,\n            precision: 6,\n            min: -90,\n            max: 90,\n        }),\n        longitude: createNumberProp({\n            label: \"Longitude\",\n            description: \"The longitude in which the marker is located\",\n            required: true,\n            precision: 6,\n            min: -180,\n            max: 180,\n        }),\n        title: createTextProp({\n            label: \"Title\",\n            description: \"Title to show along with the marker\",\n            defaultValue: null,\n        }),\n        description: createTextProp({\n            label: \"Description\",\n            description: \"Optional description for the marker\",\n            defaultValue: null,\n        }),\n        flat: createBoolProp({\n            label: \"Flat\",\n            description: \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n            group: GROUPS.basic,\n            defaultValue: false,\n        }),\n        pinColor: createColorProp({\n            label: \"Pin Color\",\n            description: \"Sets the color of the marker\",\n        }),\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,YADe;EAErBC,GAAG,EAAE,WAFgB;EAGrBC,WAAW,EAAE,gBAHQ;EAIrBC,WAAW,EAAE,kCAJQ;EAKrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KALL;EAMrBC,MAAM,EAAE,EANa;EAOrBC,KAAK,EAAE;IACHC,QAAQ,EAAE,IAAAC,uBAAA,EAAiB;MACvBC,KAAK,EAAE,UADgB;MAEvBR,WAAW,EAAE,6CAFU;MAGvBS,QAAQ,EAAE,IAHa;MAIvBC,SAAS,EAAE,CAJY;MAKvBC,GAAG,EAAE,CAAC,EALiB;MAMvBC,GAAG,EAAE;IANkB,CAAjB,CADP;IASHC,SAAS,EAAE,IAAAN,uBAAA,EAAiB;MACxBC,KAAK,EAAE,WADiB;MAExBR,WAAW,EAAE,8CAFW;MAGxBS,QAAQ,EAAE,IAHc;MAIxBC,SAAS,EAAE,CAJa;MAKxBC,GAAG,EAAE,CAAC,GALkB;MAMxBC,GAAG,EAAE;IANmB,CAAjB,CATR;IAiBHE,KAAK,EAAE,IAAAC,qBAAA,EAAe;MAClBP,KAAK,EAAE,OADW;MAElBR,WAAW,EAAE,qCAFK;MAGlBgB,YAAY,EAAE;IAHI,CAAf,CAjBJ;IAsBHhB,WAAW,EAAE,IAAAe,qBAAA,EAAe;MACxBP,KAAK,EAAE,aADiB;MAExBR,WAAW,EAAE,qCAFW;MAGxBgB,YAAY,EAAE;IAHU,CAAf,CAtBV;IA2BHC,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACjBV,KAAK,EAAE,MADU;MAEjBR,WAAW,EAAE,+GAFI;MAGjBmB,KAAK,EAAEC,aAAA,CAAOC,KAHG;MAIjBL,YAAY,EAAE;IAJG,CAAf,CA3BH;IAiCHM,QAAQ,EAAE,IAAAC,sBAAA,EAAgB;MACtBf,KAAK,EAAE,WADe;MAEtBR,WAAW,EAAE;IAFS,CAAhB;EAjCP;AAPc,CAAlB"}

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","props","edges","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","options","defaultValue","mode"],"sources":["SafeAreaView.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"SafeAreaView\",\n  tag: \"SafeAreaView\",\n  description: \"A basic View that handles safe area\",\n  category: COMPONENT_TYPES.deprecated,\n  props: {\n    edges: {\n      group: GROUPS.basic,\n      name: \"edges\",\n      label: \"edges\",\n      description: \"Provides edges to be used by safe area view\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      options: [\"right\", \"bottom\", \"left\", \"top\"],\n      defaultValue: [\"right\", \"bottom\", \"left\", \"top\"],\n    },\n    mode: {\n      group: GROUPS.basic,\n      name: \"mode\",\n      label: \"mode\",\n      description: \"Mode used by safe area view\",\n      editable: true,\n      required: false,\n      options: [\"padding\", \"margin\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: \"padding\",\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,cAFkB;EAGvBC,WAAW,EAAE,qCAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJH;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,KADT;MAELV,IAAI,EAAE,OAFD;MAGLW,KAAK,EAAE,OAHF;MAILT,WAAW,EAAE,6CAJR;MAKLU,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAE,KANL;MAOLC,QAAQ,EAAEC,iBAAA,CAAWC,SAPhB;MAQLC,QAAQ,EAAEC,iBAAA,CAAWC,MARhB;MASLC,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,MAApB,EAA4B,KAA5B,CATJ;MAULC,YAAY,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,MAApB,EAA4B,KAA5B;IAVT,CADF;IAaLC,IAAI,EAAE;MACJd,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJV,IAAI,EAAE,MAFF;MAGJW,KAAK,EAAE,MAHH;MAIJT,WAAW,EAAE,6BAJT;MAKJU,QAAQ,EAAE,IALN;MAMJC,QAAQ,EAAE,KANN;MAOJO,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ,CAPL;MAQJN,QAAQ,EAAEC,iBAAA,CAAWC,SARjB;MASJC,QAAQ,EAAEC,iBAAA,CAAWC,MATjB;MAUJE,YAAY,EAAE;IAVV;EAbD;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","props","edges","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","options","defaultValue","mode"],"sources":["SafeAreaView.js"],"sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"SafeAreaView\",\n    tag: \"SafeAreaView\",\n    description: \"A basic View that handles safe area\",\n    category: COMPONENT_TYPES.deprecated,\n    props: {\n        edges: {\n            group: GROUPS.basic,\n            name: \"edges\",\n            label: \"edges\",\n            description: \"Provides edges to be used by safe area view\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.flatArray,\n            propType: PROP_TYPES.STRING,\n            options: [\"right\", \"bottom\", \"left\", \"top\"],\n            defaultValue: [\"right\", \"bottom\", \"left\", \"top\"],\n        },\n        mode: {\n            group: GROUPS.basic,\n            name: \"mode\",\n            label: \"mode\",\n            description: \"Mode used by safe area view\",\n            editable: true,\n            required: false,\n            options: [\"padding\", \"margin\"],\n            formType: FORM_TYPES.flatArray,\n            propType: PROP_TYPES.STRING,\n            defaultValue: \"padding\",\n        },\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,cADe;EAErBC,GAAG,EAAE,cAFgB;EAGrBC,WAAW,EAAE,qCAHQ;EAIrBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJL;EAKrBC,KAAK,EAAE;IACHC,KAAK,EAAE;MACHC,KAAK,EAAEC,aAAA,CAAOC,KADX;MAEHV,IAAI,EAAE,OAFH;MAGHW,KAAK,EAAE,OAHJ;MAIHT,WAAW,EAAE,6CAJV;MAKHU,QAAQ,EAAE,IALP;MAMHC,QAAQ,EAAE,KANP;MAOHC,QAAQ,EAAEC,iBAAA,CAAWC,SAPlB;MAQHC,QAAQ,EAAEC,iBAAA,CAAWC,MARlB;MASHC,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,MAApB,EAA4B,KAA5B,CATN;MAUHC,YAAY,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,MAApB,EAA4B,KAA5B;IAVX,CADJ;IAaHC,IAAI,EAAE;MACFd,KAAK,EAAEC,aAAA,CAAOC,KADZ;MAEFV,IAAI,EAAE,MAFJ;MAGFW,KAAK,EAAE,MAHL;MAIFT,WAAW,EAAE,6BAJX;MAKFU,QAAQ,EAAE,IALR;MAMFC,QAAQ,EAAE,KANR;MAOFO,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ,CAPP;MAQFN,QAAQ,EAAEC,iBAAA,CAAWC,SARnB;MASFC,QAAQ,EAAEC,iBAAA,CAAWC,MATnB;MAUFE,YAAY,EAAE;IAVZ;EAbH;AALc,CAAlB"}

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

@@ -1 +1 @@
-{"version":3,"names":["isAnimatedValue","it","Animated","Value","overlay","elevation","surfaceColor","DarkTheme","colors","surface","inputRange","interpolate","outputRange","map","e","calculateColor","overlayTransparency","elevationOverlayTransparency","color","mix","hex"],"sources":["overlay.tsx"],"sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/styles/overlay.tsx */\nimport color from \"color\";\nimport { Animated } from \"react-native\";\nimport DarkTheme from \"./DarkTheme\";\n\nconst isAnimatedValue = (\n  it: number | Animated.AnimatedInterpolation\n): it is Animated.Value => it instanceof Animated.Value;\n\nexport default function overlay<T extends Animated.Value | number>(\n  elevation: T,\n  surfaceColor: string = DarkTheme.colors.surface\n): T extends number ? string : Animated.AnimatedInterpolation {\n  if (isAnimatedValue(elevation)) {\n    const inputRange = [0, 1, 2, 3, 8, 24];\n\n    // @ts-expect-error: TS doesn't seem to refine the type correctly\n    return elevation.interpolate({\n      inputRange,\n      outputRange: inputRange.map((e) => {\n        return calculateColor(surfaceColor, e);\n      }),\n    });\n  }\n\n  // @ts-expect-error: TS doesn't seem to refine the type correctly\n  return calculateColor(surfaceColor, elevation);\n}\n\nfunction calculateColor(surfaceColor: string, elevation: number = 1) {\n  let overlayTransparency: number;\n  if (elevation >= 1 && elevation <= 24) {\n    overlayTransparency = elevationOverlayTransparency[elevation];\n  } else if (elevation > 24) {\n    overlayTransparency = elevationOverlayTransparency[24];\n  } else {\n    overlayTransparency = elevationOverlayTransparency[1];\n  }\n  return color(surfaceColor)\n    .mix(color(\"white\"), overlayTransparency * 0.01)\n    .hex();\n}\n\nconst elevationOverlayTransparency: Record<string, number> = {\n  1: 5,\n  2: 7,\n  3: 8,\n  4: 9,\n  5: 10,\n  6: 11,\n  7: 11.5,\n  8: 12,\n  9: 12.5,\n  10: 13,\n  11: 13.5,\n  12: 14,\n  13: 14.25,\n  14: 14.5,\n  15: 14.75,\n  16: 15,\n  17: 15.12,\n  18: 15.24,\n  19: 15.36,\n  20: 15.48,\n  21: 15.6,\n  22: 15.72,\n  23: 15.84,\n  24: 16,\n};\n"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;AAHA;AAKA,MAAMA,eAAe,GACnBC,EADsB,IAEGA,EAAE,YAAYC,qBAAA,CAASC,KAFlD;;AAIe,SAASC,OAAT,CACbC,SADa,EAG+C;EAAA,IAD5DC,YAC4D,uEADrCC,kBAAA,CAAUC,MAAV,CAAiBC,OACoB;;EAC5D,IAAIT,eAAe,CAACK,SAAD,CAAnB,EAAgC;IAC9B,MAAMK,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB,CAD8B,CAG9B;;IACA,OAAOL,SAAS,CAACM,WAAV,CAAsB;MAC3BD,UAD2B;MAE3BE,WAAW,EAAEF,UAAU,CAACG,GAAX,CAAgBC,CAAD,IAAO;QACjC,OAAOC,cAAc,CAACT,YAAD,EAAeQ,CAAf,CAArB;MACD,CAFY;IAFc,CAAtB,CAAP;EAMD,CAX2D,CAa5D;;;EACA,OAAOC,cAAc,CAACT,YAAD,EAAeD,SAAf,CAArB;AACD;;AAED,SAASU,cAAT,CAAwBT,YAAxB,EAAqE;EAAA,IAAvBD,SAAuB,uEAAH,CAAG;EACnE,IAAIW,mBAAJ;;EACA,IAAIX,SAAS,IAAI,CAAb,IAAkBA,SAAS,IAAI,EAAnC,EAAuC;IACrCW,mBAAmB,GAAGC,4BAA4B,CAACZ,SAAD,CAAlD;EACD,CAFD,MAEO,IAAIA,SAAS,GAAG,EAAhB,EAAoB;IACzBW,mBAAmB,GAAGC,4BAA4B,CAAC,EAAD,CAAlD;EACD,CAFM,MAEA;IACLD,mBAAmB,GAAGC,4BAA4B,CAAC,CAAD,CAAlD;EACD;;EACD,OAAO,IAAAC,cAAA,EAAMZ,YAAN,EACJa,GADI,CACA,IAAAD,cAAA,EAAM,OAAN,CADA,EACgBF,mBAAmB,GAAG,IADtC,EAEJI,GAFI,EAAP;AAGD;;AAED,MAAMH,4BAAoD,GAAG;EAC3D,GAAG,CADwD;EAE3D,GAAG,CAFwD;EAG3D,GAAG,CAHwD;EAI3D,GAAG,CAJwD;EAK3D,GAAG,EALwD;EAM3D,GAAG,EANwD;EAO3D,GAAG,IAPwD;EAQ3D,GAAG,EARwD;EAS3D,GAAG,IATwD;EAU3D,IAAI,EAVuD;EAW3D,IAAI,IAXuD;EAY3D,IAAI,EAZuD;EAa3D,IAAI,KAbuD;EAc3D,IAAI,IAduD;EAe3D,IAAI,KAfuD;EAgB3D,IAAI,EAhBuD;EAiB3D,IAAI,KAjBuD;EAkB3D,IAAI,KAlBuD;EAmB3D,IAAI,KAnBuD;EAoB3D,IAAI,KApBuD;EAqB3D,IAAI,IArBuD;EAsB3D,IAAI,KAtBuD;EAuB3D,IAAI,KAvBuD;EAwB3D,IAAI;AAxBuD,CAA7D"}
+{"version":3,"names":["isAnimatedValue","it","Animated","Value","overlay","elevation","surfaceColor","DarkTheme","colors","surface","inputRange","interpolate","outputRange","map","e","calculateColor","overlayTransparency","elevationOverlayTransparency","color","mix","hex"],"sources":["overlay.js"],"sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/styles/overlay.tsx */\nimport color from \"color\";\nimport { Animated } from \"react-native\";\nimport DarkTheme from \"./DarkTheme\";\nconst isAnimatedValue = (it) => it instanceof Animated.Value;\nexport default function overlay(elevation, surfaceColor = DarkTheme.colors.surface) {\n    if (isAnimatedValue(elevation)) {\n        const inputRange = [0, 1, 2, 3, 8, 24];\n        // @ts-expect-error: TS doesn't seem to refine the type correctly\n        return elevation.interpolate({\n            inputRange,\n            outputRange: inputRange.map((e) => {\n                return calculateColor(surfaceColor, e);\n            }),\n        });\n    }\n    // @ts-expect-error: TS doesn't seem to refine the type correctly\n    return calculateColor(surfaceColor, elevation);\n}\nfunction calculateColor(surfaceColor, elevation = 1) {\n    let overlayTransparency;\n    if (elevation >= 1 && elevation <= 24) {\n        overlayTransparency = elevationOverlayTransparency[elevation];\n    }\n    else if (elevation > 24) {\n        overlayTransparency = elevationOverlayTransparency[24];\n    }\n    else {\n        overlayTransparency = elevationOverlayTransparency[1];\n    }\n    return color(surfaceColor)\n        .mix(color(\"white\"), overlayTransparency * 0.01)\n        .hex();\n}\nconst elevationOverlayTransparency = {\n    1: 5,\n    2: 7,\n    3: 8,\n    4: 9,\n    5: 10,\n    6: 11,\n    7: 11.5,\n    8: 12,\n    9: 12.5,\n    10: 13,\n    11: 13.5,\n    12: 14,\n    13: 14.25,\n    14: 14.5,\n    15: 14.75,\n    16: 15,\n    17: 15.12,\n    18: 15.24,\n    19: 15.36,\n    20: 15.48,\n    21: 15.6,\n    22: 15.72,\n    23: 15.84,\n    24: 16,\n};\n"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;AAHA;AAIA,MAAMA,eAAe,GAAIC,EAAD,IAAQA,EAAE,YAAYC,qBAAA,CAASC,KAAvD;;AACe,SAASC,OAAT,CAAiBC,SAAjB,EAAqE;EAAA,IAAzCC,YAAyC,uEAA1BC,kBAAA,CAAUC,MAAV,CAAiBC,OAAS;;EAChF,IAAIT,eAAe,CAACK,SAAD,CAAnB,EAAgC;IAC5B,MAAMK,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB,CAD4B,CAE5B;;IACA,OAAOL,SAAS,CAACM,WAAV,CAAsB;MACzBD,UADyB;MAEzBE,WAAW,EAAEF,UAAU,CAACG,GAAX,CAAgBC,CAAD,IAAO;QAC/B,OAAOC,cAAc,CAACT,YAAD,EAAeQ,CAAf,CAArB;MACH,CAFY;IAFY,CAAtB,CAAP;EAMH,CAV+E,CAWhF;;;EACA,OAAOC,cAAc,CAACT,YAAD,EAAeD,SAAf,CAArB;AACH;;AACD,SAASU,cAAT,CAAwBT,YAAxB,EAAqD;EAAA,IAAfD,SAAe,uEAAH,CAAG;EACjD,IAAIW,mBAAJ;;EACA,IAAIX,SAAS,IAAI,CAAb,IAAkBA,SAAS,IAAI,EAAnC,EAAuC;IACnCW,mBAAmB,GAAGC,4BAA4B,CAACZ,SAAD,CAAlD;EACH,CAFD,MAGK,IAAIA,SAAS,GAAG,EAAhB,EAAoB;IACrBW,mBAAmB,GAAGC,4BAA4B,CAAC,EAAD,CAAlD;EACH,CAFI,MAGA;IACDD,mBAAmB,GAAGC,4BAA4B,CAAC,CAAD,CAAlD;EACH;;EACD,OAAO,IAAAC,cAAA,EAAMZ,YAAN,EACFa,GADE,CACE,IAAAD,cAAA,EAAM,OAAN,CADF,EACkBF,mBAAmB,GAAG,IADxC,EAEFI,GAFE,EAAP;AAGH;;AACD,MAAMH,4BAA4B,GAAG;EACjC,GAAG,CAD8B;EAEjC,GAAG,CAF8B;EAGjC,GAAG,CAH8B;EAIjC,GAAG,CAJ8B;EAKjC,GAAG,EAL8B;EAMjC,GAAG,EAN8B;EAOjC,GAAG,IAP8B;EAQjC,GAAG,EAR8B;EASjC,GAAG,IAT8B;EAUjC,IAAI,EAV6B;EAWjC,IAAI,IAX6B;EAYjC,IAAI,EAZ6B;EAajC,IAAI,KAb6B;EAcjC,IAAI,IAd6B;EAejC,IAAI,KAf6B;EAgBjC,IAAI,EAhB6B;EAiBjC,IAAI,KAjB6B;EAkBjC,IAAI,KAlB6B;EAmBjC,IAAI,KAnB6B;EAoBjC,IAAI,KApB6B;EAqBjC,IAAI,IArB6B;EAsBjC,IAAI,KAtB6B;EAuBjC,IAAI,KAvB6B;EAwBjC,IAAI;AAxB6B,CAArC"}

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/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/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/package.json

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

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",