@draftbit/core 46.4.4-9a666e.2 → 46.4.4-ad6b6b.2

package/lib/module/styles/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","fontConfig","web","regular","fontFamily","fontWeight","medium","light","thin","ios","default","configureFonts","config","fonts","select"],"sources":["fonts.tsx"],"sourcesContent":["/* https://github.com/callstack/react-native-paper/blob/main/src/styles/fonts.tsx */\nimport { Platform, PlatformOSType } from \"react-native\";\nimport type { Fonts } from \"@draftbit/types\";\n\nconst fontConfig = {\n  web: {\n    regular: {\n      fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n      fontWeight: \"400\" as \"400\",\n    },\n    medium: {\n      fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n      fontWeight: \"500\" as \"500\",\n    },\n    light: {\n      fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n      fontWeight: \"300\" as \"300\",\n    },\n    thin: {\n      fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n      fontWeight: \"100\" as \"100\",\n    },\n  },\n  ios: {\n    regular: {\n      fontFamily: \"System\",\n      fontWeight: \"400\" as \"400\",\n    },\n    medium: {\n      fontFamily: \"System\",\n      fontWeight: \"500\" as \"500\",\n    },\n    light: {\n      fontFamily: \"System\",\n      fontWeight: \"300\" as \"300\",\n    },\n    thin: {\n      fontFamily: \"System\",\n      fontWeight: \"100\" as \"100\",\n    },\n  },\n  default: {\n    regular: {\n      fontFamily: \"sans-serif\",\n      fontWeight: \"normal\" as \"normal\",\n    },\n    medium: {\n      fontFamily: \"sans-serif-medium\",\n      fontWeight: \"normal\" as \"normal\",\n    },\n    light: {\n      fontFamily: \"sans-serif-light\",\n      fontWeight: \"normal\" as \"normal\",\n    },\n    thin: {\n      fontFamily: \"sans-serif-thin\",\n      fontWeight: \"normal\" as \"normal\",\n    },\n  },\n};\n\nexport default function configureFonts(config?: {\n  [platform in PlatformOSType | \"default\"]?: Fonts;\n}): Fonts {\n  const fonts = Platform.select({ ...fontConfig, ...config }) as Fonts;\n  return fonts;\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,QAAwB,cAAc;AAGvD,MAAMC,UAAU,GAAG;EACjBC,GAAG,EAAE;IACHC,OAAO,EAAE;MACPC,UAAU,EAAE,wDAAwD;MACpEC,UAAU,EAAE;IACd,CAAC;IACDC,MAAM,EAAE;MACNF,UAAU,EAAE,wDAAwD;MACpEC,UAAU,EAAE;IACd,CAAC;IACDE,KAAK,EAAE;MACLH,UAAU,EAAE,wDAAwD;MACpEC,UAAU,EAAE;IACd,CAAC;IACDG,IAAI,EAAE;MACJJ,UAAU,EAAE,wDAAwD;MACpEC,UAAU,EAAE;IACd;EACF,CAAC;EACDI,GAAG,EAAE;IACHN,OAAO,EAAE;MACPC,UAAU,EAAE,QAAQ;MACpBC,UAAU,EAAE;IACd,CAAC;IACDC,MAAM,EAAE;MACNF,UAAU,EAAE,QAAQ;MACpBC,UAAU,EAAE;IACd,CAAC;IACDE,KAAK,EAAE;MACLH,UAAU,EAAE,QAAQ;MACpBC,UAAU,EAAE;IACd,CAAC;IACDG,IAAI,EAAE;MACJJ,UAAU,EAAE,QAAQ;MACpBC,UAAU,EAAE;IACd;EACF,CAAC;EACDK,OAAO,EAAE;IACPP,OAAO,EAAE;MACPC,UAAU,EAAE,YAAY;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,MAAM,EAAE;MACNF,UAAU,EAAE,mBAAmB;MAC/BC,UAAU,EAAE;IACd,CAAC;IACDE,KAAK,EAAE;MACLH,UAAU,EAAE,kBAAkB;MAC9BC,UAAU,EAAE;IACd,CAAC;IACDG,IAAI,EAAE;MACJJ,UAAU,EAAE,iBAAiB;MAC7BC,UAAU,EAAE;IACd;EACF;AACF,CAAC;AAED,eAAe,SAASM,cAAc,CAACC,MAEtC,EAAS;EACR,MAAMC,KAAK,GAAGb,QAAQ,CAACc,MAAM,CAAC;IAAE,GAAGb,UAAU;IAAE,GAAGW;EAAO,CAAC,CAAU;EACpE,OAAOC,KAAK;AACd"}

package/lib/module/styles/overlay.js

@@ -2,31 +2,27 @@
 import color from "color";
 import { Animated } from "react-native";
 import DarkTheme from "./DarkTheme";
-
 const isAnimatedValue = it => it instanceof Animated.Value;
-
 export default function overlay(elevation) {
   let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DarkTheme.colors.surface;
-
   if (isAnimatedValue(elevation)) {
-    const inputRange = [0, 1, 2, 3, 8, 24]; // @ts-expect-error: TS doesn't seem to refine the type correctly
+    const inputRange = [0, 1, 2, 3, 8, 24];
 
+    // @ts-expect-error: TS doesn't seem to refine the type correctly
     return elevation.interpolate({
       inputRange,
       outputRange: inputRange.map(e => {
         return calculateColor(surfaceColor, e);
       })
     });
-  } // @ts-expect-error: TS doesn't seem to refine the type correctly
-
+  }
 
+  // @ts-expect-error: TS doesn't seem to refine the type correctly
   return calculateColor(surfaceColor, elevation);
 }
-
 function calculateColor(surfaceColor) {
   let elevation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
   let overlayTransparency;
-
   if (elevation >= 1 && elevation <= 24) {
     overlayTransparency = elevationOverlayTransparency[elevation];
   } else if (elevation > 24) {
@@ -34,10 +30,8 @@ function calculateColor(surfaceColor) {
   } else {
     overlayTransparency = elevationOverlayTransparency[1];
   }
-
   return color(surfaceColor).mix(color("white"), overlayTransparency * 0.01).hex();
 }
-
 const elevationOverlayTransparency = {
   1: 5,
   2: 7,
@@ -63,4 +57,5 @@ const elevationOverlayTransparency = {
   22: 15.72,
   23: 15.84,
   24: 16
-};
+};
+//# sourceMappingURL=overlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["color","Animated","DarkTheme","isAnimatedValue","it","Value","overlay","elevation","surfaceColor","colors","surface","inputRange","interpolate","outputRange","map","e","calculateColor","overlayTransparency","elevationOverlayTransparency","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":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,SAAS,MAAM,aAAa;AAEnC,MAAMC,eAAe,GACnBC,EAA2C,IAClBA,EAAE,YAAYH,QAAQ,CAACI,KAAK;AAEvD,eAAe,SAASC,OAAO,CAC7BC,SAAY,EAEgD;EAAA,IAD5DC,YAAoB,uEAAGN,SAAS,CAACO,MAAM,CAACC,OAAO;EAE/C,IAAIP,eAAe,CAACI,SAAS,CAAC,EAAE;IAC9B,MAAMI,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;;IAEtC;IACA,OAAOJ,SAAS,CAACK,WAAW,CAAC;MAC3BD,UAAU;MACVE,WAAW,EAAEF,UAAU,CAACG,GAAG,CAAEC,CAAC,IAAK;QACjC,OAAOC,cAAc,CAACR,YAAY,EAAEO,CAAC,CAAC;MACxC,CAAC;IACH,CAAC,CAAC;EACJ;;EAEA;EACA,OAAOC,cAAc,CAACR,YAAY,EAAED,SAAS,CAAC;AAChD;AAEA,SAASS,cAAc,CAACR,YAAoB,EAAyB;EAAA,IAAvBD,SAAiB,uEAAG,CAAC;EACjE,IAAIU,mBAA2B;EAC/B,IAAIV,SAAS,IAAI,CAAC,IAAIA,SAAS,IAAI,EAAE,EAAE;IACrCU,mBAAmB,GAAGC,4BAA4B,CAACX,SAAS,CAAC;EAC/D,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,EAAE;IACzBU,mBAAmB,GAAGC,4BAA4B,CAAC,EAAE,CAAC;EACxD,CAAC,MAAM;IACLD,mBAAmB,GAAGC,4BAA4B,CAAC,CAAC,CAAC;EACvD;EACA,OAAOlB,KAAK,CAACQ,YAAY,CAAC,CACvBW,GAAG,CAACnB,KAAK,CAAC,OAAO,CAAC,EAAEiB,mBAAmB,GAAG,IAAI,CAAC,CAC/CG,GAAG,EAAE;AACV;AAEA,MAAMF,4BAAoD,GAAG;EAC3D,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,IAAI;EACP,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,IAAI;EACP,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,KAAK;EACT,EAAE,EAAE;AACN,CAAC"}

package/lib/module/styles/shadow.js

@@ -3,7 +3,6 @@ const SHADOW_COLOR = "#000";
 const SHADOW_OPACITY = 0.24;
 export default function shadow() {
   let elevation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-
   if (elevation instanceof Animated.Value) {
     const inputRange = [0, 1, 2, 3, 8, 24];
     return {
@@ -25,25 +24,20 @@ export default function shadow() {
     if (elevation === 0) {
       return {};
     }
-
     let height, radius;
-
     switch (elevation) {
       case 1:
         height = 0.5;
         radius = 0.75;
         break;
-
       case 2:
         height = 0.75;
         radius = 1.5;
         break;
-
       default:
         height = elevation - 1;
         radius = elevation;
     }
-
     return {
       shadowColor: SHADOW_COLOR,
       shadowOffset: {
@@ -54,4 +48,5 @@ export default function shadow() {
       shadowRadius: radius
     };
   }
-}
+}
+//# sourceMappingURL=shadow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","SHADOW_COLOR","SHADOW_OPACITY","shadow","elevation","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,SAASA,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,YAAY,GAAG,MAAM;AAC3B,MAAMC,cAAc,GAAG,IAAI;AAE3B,eAAe,SAASC,MAAM,GAAyC;EAAA,IAAxCC,SAAkC,uEAAG,CAAC;EACnE,IAAIA,SAAS,YAAYJ,QAAQ,CAACK,KAAK,EAAE;IACvC,MAAMC,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAEtC,OAAO;MACLC,WAAW,EAAEN,YAAY;MACzBO,YAAY,EAAE;QACZC,KAAK,EAAE,IAAIT,QAAQ,CAACK,KAAK,CAAC,CAAC,CAAC;QAC5BK,MAAM,EAAEN,SAAS,CAACO,WAAW,CAAC;UAC5BL,UAAU;UACVM,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;QACtC,CAAC;MACH,CAAC;MACDC,aAAa,EAAE,IAAIb,QAAQ,CAACK,KAAK,CAACH,cAAc,CAAC;MACjDY,YAAY,EAAEV,SAAS,CAACO,WAAW,CAAC;QAClCL,UAAU;QACVM,WAAW,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;MACtC,CAAC;IACH,CAAC;EACH,CAAC,MAAM;IACL,IAAIR,SAAS,KAAK,CAAC,EAAE;MACnB,OAAO,CAAC,CAAC;IACX;IAEA,IAAIM,MAAM,EAAEK,MAAM;IAClB,QAAQX,SAAS;MACf,KAAK,CAAC;QACJM,MAAM,GAAG,GAAG;QACZK,MAAM,GAAG,IAAI;QACb;MACF,KAAK,CAAC;QACJL,MAAM,GAAG,IAAI;QACbK,MAAM,GAAG,GAAG;QACZ;MACF;QACEL,MAAM,GAAGN,SAAS,GAAG,CAAC;QACtBW,MAAM,GAAGX,SAAS;IAAC;IAGvB,OAAO;MACLG,WAAW,EAAEN,YAAY;MACzBO,YAAY,EAAE;QACZC,KAAK,EAAE,CAAC;QACRC;MACF,CAAC;MACDG,aAAa,EAAEX,cAAc;MAC7BY,YAAY,EAAEC;IAChB,CAAC;EACH;AACF"}

package/lib/module/theming.js

@@ -4,4 +4,5 @@ export const {
   ThemeProvider,
   withTheme,
   useTheme
-} = createTheming(DefaultTheme);
+} = createTheming(DefaultTheme);
+//# sourceMappingURL=theming.js.map

package/lib/module/theming.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTheming","DefaultTheme","ThemeProvider","withTheme","useTheme"],"sources":["theming.tsx"],"sourcesContent":["import { createTheming } from \"@draftbit/react-theme-provider\";\nimport DefaultTheme from \"./styles/DefaultTheme\";\nimport type { Theme } from \"@draftbit/types\";\n\nexport const { ThemeProvider, withTheme, useTheme } =\n  createTheming<Theme>(DefaultTheme);\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,gCAAgC;AAC9D,OAAOC,YAAY,MAAM,uBAAuB;AAGhD,OAAO,MAAM;EAAEC,aAAa;EAAEC,SAAS;EAAEC;AAAS,CAAC,GACjDJ,aAAa,CAAQC,YAAY,CAAC"}

package/lib/module/utilities.js

@@ -44,6 +44,7 @@ export function extractBorderAndMarginStyles(style, additionalBorderStyles, addi
     marginStyles
   };
 }
+
 /**
  * Merges a style object on top of another style object. In React Native,
  * keys with undefined values in a style object will still override styles
@@ -56,20 +57,16 @@ export function extractBorderAndMarginStyles(style, additionalBorderStyles, addi
  * `const mergedStyles = StyleSheet.compose({ color: "red" }, { color: undefined })`
  * `const mergedStyles = StyleSheet.flatten([{ color: "red" }, { color: undefined }])`
  */
-
 export function applyStyles(baseStyles, stylesToApply) {
   if (!stylesToApply) {
     return;
   }
-
   const flattenedStyles = StyleSheet.flatten(baseStyles);
-
   for (const [key, value] of Object.entries(stylesToApply)) {
     if (value != null) {
       flattenedStyles[key] = value;
     }
   }
-
   return flattenedStyles;
 }
 export function getValueForRadioButton(value) {
@@ -78,6 +75,7 @@ export function getValueForRadioButton(value) {
   } else if (isNumber(value)) {
     return String(value);
   } else {
-    throw new Error("Invalid value: ".concat(value));
+    throw new Error(`Invalid value: ${value}`);
   }
-}
+}
+//# sourceMappingURL=utilities.js.map

package/lib/module/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","isString","isNumber","pick","pickBy","identity","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","borderStyleNames","marginStyleNames","extractBorderAndMarginStyles","additionalBorderStyles","additionalMarginStyles","flatStyle","borderStyles","marginStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries","getValueForRadioButton","String","Error"],"sources":["utilities.ts"],"sourcesContent":["import { StyleSheet, StyleProp, TextStyle } from \"react-native\";\nimport { isString, isNumber, pick, pickBy, identity } from \"lodash\";\n\nexport function extractStyles(style: StyleProp<any>) {\n  const {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n    ...viewStyles\n  } = StyleSheet.flatten(style || {});\n\n  const textStyles: TextStyle = {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n  };\n\n  return { viewStyles, textStyles };\n}\n\nexport const borderStyleNames = [\n  \"borderRadius\",\n  \"borderBottomColor\",\n  \"borderBottomEndRadius\",\n  \"borderBottomLeftRadius\",\n  \"borderBottomRightRadius\",\n  \"borderBottomStartRadius\",\n  \"borderBottomWidth\",\n  \"borderColor\",\n  \"borderEndColor\",\n  \"borderLeftColor\",\n  \"borderLeftWidth\",\n  \"borderRadius\",\n  \"borderRightColor\",\n  \"borderRightWidth\",\n  \"borderStartColor\",\n  \"borderStyle\",\n  \"borderTopColor\",\n  \"borderTopEndRadius\",\n  \"borderTopLeftRadius\",\n  \"borderTopRightRadius\",\n  \"borderTopStartRadius\",\n  \"borderTopWidth\",\n  \"borderWidth\",\n];\n\nexport const marginStyleNames = [\n  \"margin\",\n  \"marginBottom\",\n  \"marginEnd\",\n  \"marginHorizontal\",\n  \"marginLeft\",\n  \"marginRight\",\n  \"marginStart\",\n  \"marginTop\",\n  \"marginVertical\",\n];\n\nexport function extractBorderAndMarginStyles(\n  style: StyleProp<any>,\n  additionalBorderStyles?: string[],\n  additionalMarginStyles?: string[]\n) {\n  const flatStyle = StyleSheet.flatten(style || {});\n\n  const borderStyles = pickBy(\n    pick(flatStyle, [\n      ...borderStyleNames,\n      ...(additionalBorderStyles ? additionalBorderStyles : []),\n    ]),\n    identity\n  );\n\n  const marginStyles = pickBy(\n    pick(flatStyle, [\n      ...marginStyleNames,\n      ...(additionalMarginStyles ? additionalMarginStyles : []),\n    ]),\n    identity\n  );\n\n  return { borderStyles, marginStyles };\n}\n\n/**\n * Merges a style object on top of another style object. In React Native,\n * keys with undefined values in a style object will still override styles\n * that appear earlier in a sequence. This avoids that problem.\n *\n * This lets us avoid the `...(something ? { something } : {})` pattern.\n * There doesn't seem to be a better way to do this. These all seem to not\n * work (i.e. they all result in `{ color: undefined }`:\n * `const mergedStyles = [{ color: \"red\" }, { color: undefined }]`\n * `const mergedStyles = StyleSheet.compose({ color: \"red\" }, { color: undefined })`\n * `const mergedStyles = StyleSheet.flatten([{ color: \"red\" }, { color: undefined }])`\n */\nexport function applyStyles(\n  baseStyles: Array<StyleProp<any>>,\n  stylesToApply: StyleProp<any> | undefined\n) {\n  if (!stylesToApply) {\n    return;\n  }\n\n  const flattenedStyles = StyleSheet.flatten(baseStyles);\n\n  for (const [key, value] of Object.entries(stylesToApply)) {\n    if (value != null) {\n      flattenedStyles[key] = value;\n    }\n  }\n\n  return flattenedStyles;\n}\n\nexport function getValueForRadioButton(value: string | number) {\n  if (isString(value)) {\n    return value;\n  } else if (isNumber(value)) {\n    return String(value);\n  } else {\n    throw new Error(`Invalid value: ${value}`);\n  }\n}\n"],"mappings":"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"}

package/lib/typescript/src/components/Text.d.ts

@@ -6,7 +6,8 @@ declare type Props = {
 } & TextProps;
 declare class Text extends React.Component<Props> {
     _root: any;
-    setNativeProps(args: TextProps): any;
+    state: any;
+    setNativeProps(args: TextProps): void;
     render(): JSX.Element;
 }
 export declare const BaseLink: ({ style, theme, title, ...props }: any) => JSX.Element;

package/lib/typescript/src/components/TextField.d.ts

@@ -27,6 +27,7 @@ export declare type Props = {
     }) => React.ReactNode;
 } & TextInputProps & IconSlot;
 interface State {
+    nativeProps: any;
     labeled: Animated.Value;
     focused?: boolean;
     placeholder?: string | undefined;
@@ -57,7 +58,7 @@ declare class TextField extends React.Component<Props, State> {
     /**
      * @internal
      */
-    setNativeProps(args: Props): void | undefined;
+    setNativeProps(args: Props): void;
     isFocused(): boolean | undefined;
     clear(): void | undefined;
     focus(): void | undefined;

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

@@ -64,7 +64,7 @@ export declare const SEED_DATA: ({
             description: string;
             editable: boolean;
             required: boolean;
-            defaultValue: null;
+            defaultValue: string;
             options: string[];
             formType: string;
             propType: string;
@@ -371,7 +371,7 @@ export declare const SEED_DATA: ({
             description: string;
             editable: boolean;
             required: boolean;
-            defaultValue: null;
+            defaultValue: string;
             options: string[];
             formType: string;
             propType: string;

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

@@ -229,7 +229,7 @@ export declare const SEED_DATA: {
             description: string;
             editable: boolean;
             required: boolean;
-            defaultValue: null;
+            defaultValue: string;
             options: string[];
             formType: string;
             propType: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-9a666e.2+9a666e4",
+  "version": "46.4.4-ad6b6b.2+ad6b6bb",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,8 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.4-9a666e.2+9a666e4",
-    "@expo/html-elements": "^0.2.0",
+    "@draftbit/types": "^46.4.4-ad6b6b.2+ad6b6bb",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -82,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "9a666e4ecef86b3d4122a10d5b0efd540f7cdb2b"
+  "gitHead": "ad6b6bb37d1e47c79d20c3dcc69f399f7d0c2de0"
 }

package/src/components/Picker/Picker.js

@@ -194,7 +194,6 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
                     React.createElement(NativePicker, { style: styles.iosNativePicker, selectedValue: internalValue, onValueChange: handleValueChange }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value })))))))) : null,
         !isIos && pickerVisible ? (React.createElement(NativePicker, { enabled: pickerVisible, selectedValue: internalValue, onValueChange: handleValueChange, style: styles.nonIosPicker, ref: androidPickerRef, onBlur: () => setPickerVisible(false) }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value }))))) : null));
 };
-export default withTheme(Picker);
 const styles = StyleSheet.create({
     marginsContainer: {
         alignSelf: "stretch",
@@ -265,3 +264,4 @@ const styles = StyleSheet.create({
         maxHeight: deviceHeight,
     },
 });
+export default withTheme(Picker);

package/src/components/Picker/Picker.tsx

@@ -406,8 +406,6 @@ const Picker: React.FC<PickerProps> = ({
   );
 };
 
-export default withTheme(Picker);
-
 const styles = StyleSheet.create({
   marginsContainer: {
     alignSelf: "stretch",
@@ -478,3 +476,5 @@ const styles = StyleSheet.create({
     maxHeight: deviceHeight,
   },
 });
+
+export default withTheme(Picker);

package/src/components/Text.js

@@ -2,13 +2,19 @@ import * as React from "react";
 import { Text as NativeText, I18nManager } from "react-native";
 import { withTheme } from "../theming";
 class Text extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            nativeProps: {},
+        };
+    }
     setNativeProps(args) {
-        return this._root && this._root.setNativeProps(args);
+        this.state.nativeProps = args || {};
     }
     render() {
         const { style, ...rest } = this.props;
         const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
-        return (React.createElement(NativeText, { ...rest, ref: (c) => {
+        return (React.createElement(NativeText, { ...rest, ...this.state.nativeProps, ref: (c) => {
                 this._root = c;
             }, style: [
                 {

package/src/components/Text.tsx

@@ -10,8 +10,12 @@ type Props = {
 class Text extends React.Component<Props> {
   _root: any;
 
+  state: any = {
+    nativeProps: {},
+  };
+
   setNativeProps(args: TextProps) {
-    return this._root && this._root.setNativeProps(args);
+    this.state.nativeProps = args || {};
   }
 
   render() {
@@ -21,6 +25,7 @@ class Text extends React.Component<Props> {
     return (
       <NativeText
         {...rest}
+        {...this.state.nativeProps}
         ref={(c) => {
           this._root = c;
         }}

package/src/components/TextField.js

@@ -10,6 +10,7 @@ class TextField extends React.Component {
     constructor() {
         super(...arguments);
         this.state = {
+            nativeProps: {},
             labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
             focused: false,
             placeholder: this.props.error ? this.props.placeholder : "",
@@ -121,7 +122,10 @@ class TextField extends React.Component {
      * @internal
      */
     setNativeProps(args) {
-        return this._root && this._root.setNativeProps(args);
+        this.setState((state) => ({
+            ...state,
+            nativeState: args || {},
+        }));
     }
     isFocused() {
         return this._root && this._root.isFocused();
@@ -381,6 +385,7 @@ class TextField extends React.Component {
                     underlineColorAndroid: "transparent",
                     style: inputStyles,
                     ...rest,
+                    ...this.state.nativeProps,
                     value: this.state.value,
                 })),
             rightIconName ? (React.createElement(Icon, { name: rightIconName, size: ICON_SIZE, color: colors.light, style: {

package/src/components/TextField.tsx

@@ -52,6 +52,7 @@ export type Props = {
   IconSlot;
 
 interface State {
+  nativeProps: any;
   labeled: Animated.Value;
   focused?: boolean;
   placeholder?: string | undefined;
@@ -73,6 +74,7 @@ class TextField extends React.Component<Props, State> {
   }
 
   state: State = {
+    nativeProps: {},
     labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
     focused: false,
     placeholder: this.props.error ? this.props.placeholder : "",
@@ -207,7 +209,10 @@ class TextField extends React.Component<Props, State> {
    * @internal
    */
   setNativeProps(args: Props) {
-    return this._root && this._root.setNativeProps(args);
+    this.setState((state) => ({
+      ...state,
+      nativeState: args || {},
+    }));
   }
 
   isFocused() {
@@ -566,6 +571,7 @@ class TextField extends React.Component<Props, State> {
             underlineColorAndroid: "transparent",
             style: inputStyles,
             ...rest,
+            ...this.state.nativeProps,
             value: this.state.value,
           })}
         </View>

package/src/mappings/TextField.js

@@ -16,7 +16,7 @@ const SEED_DATA_PROPS = {
         description: "Can automatically capitalize sentences, words, and characters (Default: none).",
         editable: true,
         required: false,
-        defaultValue: null,
+        defaultValue: "none",
         options: ["none", "sentences", "words", "characters"],
         formType: FORM_TYPES.flatArray,
         propType: PROP_TYPES.STRING,

package/src/mappings/TextField.ts

@@ -30,7 +30,7 @@ const SEED_DATA_PROPS = {
       "Can automatically capitalize sentences, words, and characters (Default: none).",
     editable: true,
     required: false,
-    defaultValue: null,
+    defaultValue: "none",
     options: ["none", "sentences", "words", "characters"],
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,

package/src/mappings/TextInput.js

@@ -104,7 +104,7 @@ export const SEED_DATA = [
                 description: "Can automatically capitalize sentences, words, and characters (Default: none).",
                 editable: true,
                 required: false,
-                defaultValue: null,
+                defaultValue: "none",
                 options: ["none", "sentences", "words", "characters"],
                 formType: FORM_TYPES.flatArray,
                 propType: PROP_TYPES.STRING,

package/src/mappings/TextInput.ts

@@ -121,7 +121,7 @@ export const SEED_DATA = [
           "Can automatically capitalize sentences, words, and characters (Default: none).",
         editable: true,
         required: false,
-        defaultValue: null,
+        defaultValue: "none",
         options: ["none", "sentences", "words", "characters"],
         formType: FORM_TYPES.flatArray,
         propType: PROP_TYPES.STRING,

package/lib/commonjs/mappings/Elements.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: _types.COMPONENT_TYPES.element,
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  props: {
-    href: (0, _types.createTextProp)({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: _types.GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: _types.FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS,
-  props: {// NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-    // strong: createBoolProp({
-    //     label: "Strong",
-    //     description: "Strong",
-    // }),
-    // strike: createBoolProp({
-    //     label: "Strike",
-    //     description: "Strike through",
-    // }),
-    // italic: createBoolProp({
-    //     label: "Italic",
-    //     description: "Italic Fonts",
-    // }),
-    // bold: createBoolProp({
-    //     label: "Bold",
-    //     description: "Bold",
-    // }),
-  }
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "Quote",
-  tag: "Q",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];
-exports.SEED_DATA = SEED_DATA;