@draftbit/core 43.4.11-421a19.2 → 43.4.11-d2edf8.3

package/lib/commonjs/components/FAB.js

@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || 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 FAB = _ref => {
   let {
     onPress,
@@ -38,7 +40,7 @@ const FAB = _ref => {
       borderRadius: size / 2,
       overflow: "hidden"
     }, style]
-  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: loading || disabled,
     android_ripple: {
@@ -56,9 +58,8 @@ const FAB = _ref => {
         borderRadius: size / 2,
         backgroundColor
       }];
-    },
-    ...props
-  }, /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    }
+  }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
     style: size > 50 ? {
       marginTop: 2,
       marginLeft: 2
@@ -88,20 +89,5 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(FAB);
 
-exports.default = _default;
-//# sourceMappingURL=FAB.js.map    backgroundColor: "#5a45ff",
-    justifyContent: "center",
-    alignItems: "center",
-    ..._reactNative.Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  }
-});
-
-var _default = (0, _theming.withTheme)(FAB);
-
 exports.default = _default;
 //# sourceMappingURL=FAB.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["FAB.js"],"names":["FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","React","createElement","View","width","height","borderRadius","overflow","Pressable","android_ripple","radius","pressed","styles","button","opacity","ActivityIndicator","marginTop","marginLeft","undefined","name","StyleSheet","create","justifyContent","alignItems","Platform","select","web","cursor","userSelect"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AACA,MAAMA,GAAG,GAAG,QAAiI;AAAA,MAAhI;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,QAAX;AAAqBC,IAAAA,OAArB;AAA8BC,IAAAA,QAAQ,GAAG,mBAAzC;AAA8DC,IAAAA,KAA9D;AAAqEC,IAAAA,KAArE;AAA4EC,IAAAA,SAA5E;AAAuFC,IAAAA,OAAvF;AAAgGC,IAAAA,IAAI,GAAG,EAAvG;AAA2GC,IAAAA,IAA3G;AAAiH,OAAGC;AAApH,GAAgI;AACzI,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AACA,sBAAQS,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEb,IAAAA,KAAK,EAAE,CACnC;AACIc,MAAAA,KAAK,EAAEV,IADX;AAEIW,MAAAA,MAAM,EAAEX,IAFZ;AAGIY,MAAAA,YAAY,EAAEZ,IAAI,GAAG,CAHzB;AAIIa,MAAAA,QAAQ,EAAE;AAJd,KADmC,EAOnCjB,KAPmC;AAAT,GAA1B,eASJW,KAAK,CAACC,aAAN,CAAoBM,sBAApB,EAA+B;AAAEtB,IAAAA,OAAO,EAAEA,OAAX;AAAoBC,IAAAA,QAAQ,EAAEC,OAAO,IAAID,QAAzC;AAAmDsB,IAAAA,cAAc,EAAE;AAC1FT,MAAAA,KAAK,EAAE,MADmF;AAE1FU,MAAAA,MAAM,EAAEhB,IAAI,GAAG;AAF2E,KAAnE;AAGxBJ,IAAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEqB,QAAAA;AAAF,OAAgB;AACvB,aAAO,CACHC,MAAM,CAACC,MADJ,EAEH;AACIC,QAAAA,OAAO,EAAEH,OAAO,IAAIxB,QAAX,GAAsB,IAAtB,GAA6B,CAD1C;AAEIiB,QAAAA,KAAK,EAAEV,IAFX;AAGIW,QAAAA,MAAM,EAAEX,IAHZ;AAIIY,QAAAA,YAAY,EAAEZ,IAAI,GAAG,CAJzB;AAKIG,QAAAA;AALJ,OAFG,CAAP;AAUH,KAd0B;AAcxB,OAAGD;AAdqB,GAA/B,eAeIK,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B,IAA1B,EAAgCf,OAAO,gBAAIa,KAAK,CAACC,aAAN,CAAoBa,8BAApB,EAAuC;AAAEzB,IAAAA,KAAK,EAAEI,IAAI,GAAG,EAAP,GAAY;AAAEsB,MAAAA,SAAS,EAAE,CAAb;AAAgBC,MAAAA,UAAU,EAAE;AAA5B,KAAZ,GAA8CC,SAAvD;AAAkExB,IAAAA,IAAI,EAAEA,IAAI,IAAI,EAAR,GAAa,OAAb,GAAuB,OAA/F;AAAwGM,IAAAA,KAAK,EAAEA;AAA/G,GAAvC,CAAJ,gBAAuKC,KAAK,CAACC,aAAN,CAAoBP,IAApB,EAA0B;AAAEwB,IAAAA,IAAI,EAAE9B,QAAR;AAAkBK,IAAAA,IAAI,EAAEA,IAAxB;AAA8BM,IAAAA,KAAK,EAAEA;AAArC,GAA1B,CAA9M,CAfJ,CATI,CAAR;AAyBH,CA5BD;;AA6BA,MAAMY,MAAM,GAAGQ,wBAAWC,MAAX,CAAkB;AAC7BR,EAAAA,MAAM,EAAE;AACJhB,IAAAA,eAAe,EAAE,SADb;AAEJyB,IAAAA,cAAc,EAAE,QAFZ;AAGJC,IAAAA,UAAU,EAAE,QAHR;AAIJ,OAAGC,sBAASC,MAAT,CAAgB;AACfC,MAAAA,GAAG,EAAE;AACDC,QAAAA,MAAM,EAAE,SADP;AAEDC,QAAAA,UAAU,EAAE;AAFX;AADU,KAAhB;AAJC;AADqB,CAAlB,CAAf;;eAae,wBAAU3C,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Pressable, ActivityIndicator, Platform, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nconst FAB = ({ onPress, disabled, loading, iconName = \"MaterialIcons/add\", style, theme, iconColor, bgColor, size = 50, Icon, ...props }) => {\n    const backgroundColor = bgColor || theme.colors.primary;\n    const color = iconColor || \"#FFF\";\n    return (React.createElement(View, { style: [\n            {\n                width: size,\n                height: size,\n                borderRadius: size / 2,\n                overflow: \"hidden\",\n            },\n            style,\n        ] },\n        React.createElement(Pressable, { onPress: onPress, disabled: loading || disabled, android_ripple: {\n                color: \"#333\",\n                radius: size / 4,\n            }, style: ({ pressed }) => {\n                return [\n                    styles.button,\n                    {\n                        opacity: pressed || disabled ? 0.75 : 1,\n                        width: size,\n                        height: size,\n                        borderRadius: size / 2,\n                        backgroundColor,\n                    },\n                ];\n            }, ...props },\n            React.createElement(View, null, loading ? (React.createElement(ActivityIndicator, { style: size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined, size: size <= 50 ? \"small\" : \"large\", color: color })) : (React.createElement(Icon, { name: iconName, size: size, color: color }))))));\n};\nconst styles = StyleSheet.create({\n    button: {\n        backgroundColor: \"#5a45ff\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        ...Platform.select({\n            web: {\n                cursor: \"pointer\",\n                userSelect: \"none\",\n            },\n        }),\n    },\n});\nexport default withTheme(FAB);\n"]}
+{"version":3,"sources":["FAB.tsx"],"names":["FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","marginTop","marginLeft","undefined","StyleSheet","create","justifyContent","alignItems","Platform","select","web","cursor","userSelect"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;;;;;;;AAiBA,MAAMA,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,sBAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,iBAAD,QACGR,OAAO,gBACN,oBAAC,8BAAD;AACE,IAAA,KAAK,EAAEM,IAAI,GAAG,EAAP,GAAY;AAAEgB,MAAAA,SAAS,EAAE,CAAb;AAAgBC,MAAAA,UAAU,EAAE;AAA5B,KAAZ,GAA8CC,SADvD;AAEE,IAAA,IAAI,EAAElB,IAAI,IAAI,EAAR,GAAa,OAAb,GAAuB,OAF/B;AAGE,IAAA,KAAK,EAAEM;AAHT,IADM,gBAON,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAEK,IAA5B;AAAkC,IAAA,KAAK,EAAEM;AAAzC,IARJ,CArBF,CAXF,CADF;AA+CD,CA/DD;;AAiEA,MAAMO,MAAM,GAAGM,wBAAWC,MAAX,CAAkB;AAC/BN,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENkB,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAGC,sBAASC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;;eAce,wBAAUpC,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator\n              style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}\n              size={size <= 50 ? \"small\" : \"large\"}\n              color={color}\n            />\n          ) : (\n            <Icon name={iconName} size={size} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["RowBodyIcon.tsx"],"names":["RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","Config","rowSingleLineIconSize","marginLeft"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;AACA;;;;;;;;AAWA,MAAMA,WAA4B,GAAG,QAO/B;AAAA,MAPgC;AACpCC,IAAAA,IADoC;AAEpCC,IAAAA,KAFoC;AAGpCC,IAAAA,QAHoC;AAIpCC,IAAAA,IAJoC;AAKpCC,IAAAA,KALoC;AAMpCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAN6B,GAOhC;AACJ,sBACE,oBAAC,YAAD;AACE,IAAA,cAAc,EAAEA,UAAU,CAACC,KAD7B;AAEE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAFrB;AAGE,IAAA,iBAAiB,EAAEF,UAAU,CAACG,SAHhC;AAIE,IAAA,aAAa,EAAEJ,MAAM,CAACK,KAJxB;AAKE,IAAA,KAAK,EAAEV,KALT;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,KAAK,EAAE,mBACL,oBAAC,IAAD;AACE,MAAA,IAAI,EAAEC,IADR;AAEE,MAAA,IAAI,EAAES,gBAAOC,qBAFf;AAGE,MAAA,KAAK,EAAEP,MAAM,CAACK,KAHhB;AAIE,MAAA,KAAK,EAAE;AAAEG,QAAAA,UAAU,EAAE;AAAd;AAJT,MARJ;AAeE,IAAA,KAAK,EAAEV;AAfT,IADF;AAmBD,CA3BD;;eA6Be,wBAAUL,WAAV,C","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<Props> = ({\n  Icon,\n  title,\n  subtitle,\n  icon,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.body1}\n      titleColor={colors.medium}\n      subtitleTypeStyle={typography.subtitle2}\n      subtitleColor={colors.light}\n      title={title}\n      subtitle={subtitle}\n      right={() => (\n        <Icon\n          name={icon}\n          size={Config.rowSingleLineIconSize}\n          color={colors.light}\n          style={{ marginLeft: 16 }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowBodyIcon);\n"]}
+{"version":3,"sources":["RowBodyIcon.js"],"names":["RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","React","createElement","Row","titleTypeStyle","body1","titleColor","medium","subtitleTypeStyle","subtitle2","subtitleColor","light","right","name","size","Config","rowSingleLineIconSize","color","marginLeft"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,WAAW,GAAG,QAA4E;AAAA,MAA3E;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,QAAf;AAAyBC,IAAAA,IAAzB;AAA+BC,IAAAA,KAA/B;AAAsCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAA7C,GAA2E;AAC5F,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,YAApB,EAAyB;AAAEC,IAAAA,cAAc,EAAEJ,UAAU,CAACK,KAA7B;AAAoCC,IAAAA,UAAU,EAAEP,MAAM,CAACQ,MAAvD;AAA+DC,IAAAA,iBAAiB,EAAER,UAAU,CAACS,SAA7F;AAAwGC,IAAAA,aAAa,EAAEX,MAAM,CAACY,KAA9H;AAAqIjB,IAAAA,KAAK,EAAEA,KAA5I;AAAmJC,IAAAA,QAAQ,EAAEA,QAA7J;AAAuKiB,IAAAA,KAAK,EAAE,mBAAOX,KAAK,CAACC,aAAN,CAAoBT,IAApB,EAA0B;AAAEoB,MAAAA,IAAI,EAAEjB,IAAR;AAAckB,MAAAA,IAAI,EAAEC,gBAAOC,qBAA3B;AAAkDC,MAAAA,KAAK,EAAElB,MAAM,CAACY,KAAhE;AAAuEd,MAAAA,KAAK,EAAE;AAAEqB,QAAAA,UAAU,EAAE;AAAd;AAA9E,KAA1B,CAArL;AAAqTrB,IAAAA,KAAK,EAAEA;AAA5T,GAAzB,CAAR;AACH,CAFD;;eAGe,wBAAUL,WAAV,C","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nconst RowBodyIcon = ({ Icon, title, subtitle, icon, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Row, { titleTypeStyle: typography.body1, titleColor: colors.medium, subtitleTypeStyle: typography.subtitle2, subtitleColor: colors.light, title: title, subtitle: subtitle, right: () => (React.createElement(Icon, { name: icon, size: Config.rowSingleLineIconSize, color: colors.light, style: { marginLeft: 16 } })), style: style }));\n};\nexport default withTheme(RowBodyIcon);\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["RowHeadlineImageIcon.tsx"],"names":["RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","Config","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;AACA;;;;;;;;AAaA,MAAMA,oBAAqC,GAAG,QASxC;AAAA,MATyC;AAC7CC,IAAAA,IAD6C;AAE7CC,IAAAA,IAF6C;AAG7CC,IAAAA,KAH6C;AAI7CC,IAAAA,KAJ6C;AAK7CC,IAAAA,QAL6C;AAM7CC,IAAAA,iBAAiB,GAAG,KANyB;AAO7CC,IAAAA,KAP6C;AAQ7CC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AARsC,GASzC;AACJ,sBACE,oBAAC,YAAD;AACE,IAAA,cAAc,EAAEA,UAAU,CAACC,SAD7B;AAEE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAFrB;AAGE,IAAA,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;AAIE,IAAA,aAAa,EAAEJ,MAAM,CAACK,MAJxB;AAKE,IAAA,KAAK,EAAEX,KALT;AAME,IAAA,QAAQ,EAAEE,QANZ;AAOE,IAAA,iBAAiB,EAAEC,iBAPrB;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,KAAK,EAAE,mBACL,oBAAC,IAAD;AACE,MAAA,IAAI,EAAEF,IADR;AAEE,MAAA,IAAI,EACFI,iBAAiB,GACbS,gBAAOC,oBADM,GAEbD,gBAAOE,qBALf;AAOE,MAAA,KAAK,EAAER,MAAM,CAACS,KAPhB;AAQE,MAAA,KAAK,EAAE;AACLC,QAAAA,UAAU,EAAE,EADP;AAELC,QAAAA,SAAS,EAAEd,iBAAiB,GAAG,YAAH,GAAkB,QAFzC;AAGLe,QAAAA,SAAS,EAAEf,iBAAiB,GAAG,CAAH,GAAO;AAH9B;AART,MAVJ;AAyBE,IAAA,KAAK,EAAEC;AAzBT,IADF;AA6BD,CAvCD;;eAyCe,wBAAUP,oBAAV,C","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  image: string | ImageSourcePropType;\n  subtitle?: string;\n  multilineSubtitle?: boolean;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowHeadlineImageIcon: React.FC<Props> = ({\n  Icon,\n  icon,\n  title,\n  image,\n  subtitle,\n  multilineSubtitle = false,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      subtitleTypeStyle={typography.body2}\n      subtitleColor={colors.medium}\n      title={title}\n      subtitle={subtitle}\n      multilineSubtitle={multilineSubtitle}\n      image={image}\n      right={() => (\n        <Icon\n          name={icon}\n          size={\n            multilineSubtitle\n              ? Config.rowMultiLineIconSize\n              : Config.rowSingleLineIconSize\n          }\n          color={colors.light}\n          style={{\n            marginLeft: 16,\n            alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n            marginTop: multilineSubtitle ? 4 : 0,\n          }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowHeadlineImageIcon);\n"]}
+{"version":3,"sources":["RowHeadlineImageIcon.js"],"names":["RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","React","createElement","Row","titleTypeStyle","headline6","titleColor","strong","subtitleTypeStyle","body2","subtitleColor","medium","right","name","size","Config","rowMultiLineIconSize","rowSingleLineIconSize","color","light","marginLeft","alignSelf","marginTop"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,oBAAoB,GAAG,QAA8G;AAAA,MAA7G;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,KAAd;AAAqBC,IAAAA,KAArB;AAA4BC,IAAAA,QAA5B;AAAsCC,IAAAA,iBAAiB,GAAG,KAA1D;AAAiEC,IAAAA,KAAjE;AAAwEC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAA/E,GAA6G;AACvI,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,YAApB,EAAyB;AAAEC,IAAAA,cAAc,EAAEJ,UAAU,CAACK,SAA7B;AAAwCC,IAAAA,UAAU,EAAEP,MAAM,CAACQ,MAA3D;AAAmEC,IAAAA,iBAAiB,EAAER,UAAU,CAACS,KAAjG;AAAwGC,IAAAA,aAAa,EAAEX,MAAM,CAACY,MAA9H;AAAsIlB,IAAAA,KAAK,EAAEA,KAA7I;AAAoJE,IAAAA,QAAQ,EAAEA,QAA9J;AAAwKC,IAAAA,iBAAiB,EAAEA,iBAA3L;AAA8MF,IAAAA,KAAK,EAAEA,KAArN;AAA4NkB,IAAAA,KAAK,EAAE,mBAAOX,KAAK,CAACC,aAAN,CAAoBX,IAApB,EAA0B;AAAEsB,MAAAA,IAAI,EAAErB,IAAR;AAAcsB,MAAAA,IAAI,EAAElB,iBAAiB,GAC5TmB,gBAAOC,oBADqT,GAE5TD,gBAAOE,qBAFgR;AAEzPC,MAAAA,KAAK,EAAEnB,MAAM,CAACoB,KAF2O;AAEpOtB,MAAAA,KAAK,EAAE;AAC5DuB,QAAAA,UAAU,EAAE,EADgD;AAE5DC,QAAAA,SAAS,EAAEzB,iBAAiB,GAAG,YAAH,GAAkB,QAFc;AAG5D0B,QAAAA,SAAS,EAAE1B,iBAAiB,GAAG,CAAH,GAAO;AAHyB;AAF6N,KAA1B,CAA1O;AAMlBC,IAAAA,KAAK,EAAEA;AANW,GAAzB,CAAR;AAOH,CARD;;eASe,wBAAUP,oBAAV,C","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nconst RowHeadlineImageIcon = ({ Icon, icon, title, image, subtitle, multilineSubtitle = false, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, multilineSubtitle: multilineSubtitle, image: image, right: () => (React.createElement(Icon, { name: icon, size: multilineSubtitle\n                ? Config.rowMultiLineIconSize\n                : Config.rowSingleLineIconSize, color: colors.light, style: {\n                marginLeft: 16,\n                alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n                marginTop: multilineSubtitle ? 4 : 0,\n            } })), style: style }));\n};\nexport default withTheme(RowHeadlineImageIcon);\n"]}

package/lib/commonjs/components/TextField.js

@@ -304,7 +304,8 @@ class TextField extends React.Component {
     };
     const leftIconStyle = {
       position: "absolute",
-      marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : leftIconMode === "outset" ? 16 : 0
+      marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : leftIconMode === "outset" ? 16 : 0,
+      marginLeft: leftIconMode === "inset" && type === "solid" ? 16 : 0
     };
     const labelStyle = { ...typography.subtitle1,
       top: type === "solid" ? 16 : 0,
@@ -420,11 +421,13 @@ class TextField extends React.Component {
         opacity: hasActiveOutline ? this.state.labeled : 1
       }],
       numberOfLines: 1
-    }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
-      style: { ...leftIconStyle,
-        marginLeft: type === "solid" ? 16 : 0
+    }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: {
+        justifyContent: type === "solid" ? "center" : undefined
       }
-    })) : null, render({
+    }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+      style: leftIconStyle
+    }))) : null, render({
       ref: c => {
         this._root = c;
       },

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

@@ -1 +1 @@
-{"version":3,"sources":["TextField.tsx"],"names":["AnimatedText","Animated","createAnimatedComponent","Text","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","TextField","React","Component","labeled","Value","props","value","error","focused","placeholder","labelLayout","measured","width","setTimeout","clearTimeout","_timer","setState","timing","state","toValue","duration","useNativeDriver","start","disabled","onChangeText","nativeEvent","text","undefined","getDerivedStateFromProps","nextProps","prevState","componentDidMount","defaultValue","_handleChangeText","_minmizeLabel","componentDidUpdate","prevProps","_restoreLabel","label","_showPlaceholder","_hidePlaceholder","componentWillUnmount","toggleFocus","setNativeProps","args","_root","isFocused","clear","focus","blur","render","Icon","type","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","underlineColorProp","multiline","numberOfLines","style","theme","colors","typography","roundness","disabledOpacity","rest","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","placeholderTextColor","paddingVertical","color","paddingLeft","paddingRight","height","assistiveTextLeftMargin","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","textStyles","inputStyles","styles","input","marginHorizontal","bgColor","padding","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderCol","styleProp","StyleSheet","flatten","container","underline","scaleY","absoluteFill","e","layout","ref","c","onChange","editable","selectionColor","onFocus","_handleFocus","onBlur","_handleBlur","underlineColorAndroid","right","create","alignSelf","bottom","flexGrow","justifyContent","textAlignVertical","margin","textAlign","I18nManager","isRTL"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Animated,\n  TextInput as NativeTextInput,\n  StyleSheet,\n  Text,\n  I18nManager,\n  StyleProp,\n  TextInputProps,\n  NativeSyntheticEvent,\n  TextInputChangeEventData,\n  ViewStyle,\n  TextStyle,\n  LayoutChangeEvent,\n  ImageStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport { applyStyles, extractStyles } from \"../utilities\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\nexport type Props = {\n  type?: \"solid\" | \"underline\";\n  defaultValue?: string;\n  disabled?: boolean;\n  label?: string;\n  error?: boolean;\n  leftIconName?: string;\n  leftIconMode?: \"inset\" | \"outset\";\n  onChangeText: (\n    text: string | NativeSyntheticEvent<TextInputChangeEventData>\n  ) => void;\n  rightIconName?: string;\n  assistiveText?: string;\n  multiline?: boolean;\n  numberOfLines: number;\n  underlineColor?: string;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  theme: Theme;\n  render?: (\n    props: TextInputProps & { ref: (c: NativeTextInput) => void }\n  ) => React.ReactNode;\n} & TextInputProps &\n  IconSlot;\n\ninterface State {\n  labeled: Animated.Value;\n  focused?: boolean;\n  placeholder?: string | undefined;\n  labelLayout: {\n    measured: boolean;\n    width: number;\n  };\n  value?: string;\n}\n\nclass TextField extends React.Component<Props, State> {\n  static getDerivedStateFromProps(nextProps: Props, prevState: State) {\n    return {\n      value:\n        typeof nextProps.value !== \"undefined\"\n          ? nextProps.value\n          : prevState.value,\n    };\n  }\n\n  state: State = {\n    labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),\n    focused: false,\n    placeholder: this.props.error ? this.props.placeholder : \"\",\n    labelLayout: {\n      measured: false,\n      width: 0,\n    },\n  };\n\n  componentDidMount() {\n    if (this.props.defaultValue) {\n      this._handleChangeText(this.props.defaultValue);\n    }\n\n    if (this.props.placeholder) {\n      this._minmizeLabel();\n    }\n  }\n\n  componentDidUpdate(prevProps: Props, prevState: State) {\n    if (\n      prevState.focused !== this.state.focused ||\n      prevState.value !== this.state.value\n    ) {\n      // The label should be minimized if the text input is focused, or has text\n      // In minimized mode, the label moves up and becomes small\n      if (\n        this.state.value ||\n        this.state.focused ||\n        this.props.error ||\n        this.props.placeholder\n      ) {\n        this._minmizeLabel();\n      } else {\n        this._restoreLabel();\n      }\n    }\n\n    if (\n      prevState.focused !== this.state.focused ||\n      prevProps.label !== this.props.label\n    ) {\n      // Show placeholder text only if the input is focused, or has error, or there's no label\n      // We don't show placeholder if there's a label because the label acts as placeholder\n      // When focused, the label moves up, so we can show a placeholder\n      if (this.state.focused || this.props.error || !this.props.label) {\n        this._showPlaceholder();\n      } else {\n        this._hidePlaceholder();\n      }\n    }\n  }\n\n  _timer = setTimeout(() => {}, 0);\n\n  componentWillUnmount() {\n    clearTimeout(this._timer);\n  }\n\n  _showPlaceholder = () => {\n    clearTimeout(this._timer);\n\n    // Set the placeholder in a delay to offset the label animation\n    // If we show it immediately, they'll overlap and look ugly\n    this._timer = setTimeout(\n      () =>\n        this.setState({\n          placeholder: this.props.placeholder,\n        }),\n      50\n    );\n  };\n\n  _hidePlaceholder = () =>\n    this.setState({\n      placeholder: \"\",\n    });\n\n  _restoreLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 1,\n      duration: FOCUS_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _minmizeLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 0,\n      duration: BLUR_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: true });\n  };\n\n  _handleBlur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: false });\n  };\n\n  _handleChangeText = (\n    value: NativeSyntheticEvent<TextInputChangeEventData> | string\n  ) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (typeof value === \"string\") {\n      this.setState({ value });\n      this.props.onChangeText && this.props.onChangeText(value);\n    } else {\n      this.setState({ value: value.nativeEvent.text });\n      this.props.onChangeText &&\n        this.props.onChangeText(value.nativeEvent.text);\n    }\n  };\n\n  toggleFocus() {\n    this.setState((prevState: State) => ({ focused: !prevState.focused }));\n  }\n\n  _root: NativeTextInput | undefined = undefined;\n  /**\n   * @internal\n   */\n  setNativeProps(args: Props) {\n    return this._root && this._root.setNativeProps(args);\n  }\n\n  isFocused() {\n    return this._root && this._root.isFocused();\n  }\n\n  clear() {\n    return this._root && this._root.clear();\n  }\n\n  focus() {\n    return this._root && this._root.focus();\n  }\n\n  blur() {\n    return this._root && this._root.blur();\n  }\n\n  render() {\n    const {\n      Icon,\n      type = \"underline\",\n      disabled = false,\n      label,\n      error = false,\n      leftIconName,\n      leftIconMode,\n      rightIconName,\n      assistiveText,\n      underlineColor: underlineColorProp,\n      multiline = false,\n      numberOfLines = 4,\n      style,\n      theme: { colors, typography, roundness, disabledOpacity },\n      render = (props) => <NativeTextInput {...props} />,\n      ...rest\n    } = this.props;\n\n    const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n    const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n    const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n    const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n    const hasActiveOutline = this.state.focused || error;\n\n    let inputTextColor,\n      activeColor,\n      underlineColor,\n      borderColor,\n      placeholderColor,\n      containerStyle: StyleProp<ViewStyle>,\n      backgroundColor,\n      inputStyle: StyleProp<TextStyle>;\n\n    inputTextColor = colors.strong;\n    if (disabled) {\n      activeColor = colors.light;\n      placeholderColor = colors.light;\n      borderColor = \"transparent\";\n      underlineColor = \"transparent\";\n      backgroundColor = colors.divider;\n    } else {\n      activeColor = error ? colors.error : colors.primary;\n      placeholderColor = borderColor = colors.light;\n      underlineColor = underlineColorProp;\n      backgroundColor = colors.background;\n    }\n\n    if (rest.placeholderTextColor) {\n      placeholderColor = rest.placeholderTextColor;\n    }\n\n    const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n    inputStyle = {\n      paddingVertical: 0,\n      color: inputTextColor,\n      paddingLeft:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + 12 + (type === \"solid\" ? 16 : 0)\n          : 0,\n      paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n      ...subtitle1,\n    };\n\n    if (!multiline) {\n      inputStyle.height = lineHeight;\n    }\n\n    let assistiveTextLeftMargin;\n    if (type === \"underline\") {\n      containerStyle = {\n        borderTopLeftRadius: roundness,\n        borderTopRightRadius: roundness,\n        paddingBottom: 12,\n        marginTop: 16,\n      };\n\n      if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8;\n      } else {\n        assistiveTextLeftMargin = 0;\n      }\n    } else {\n      containerStyle = {\n        borderRadius: roundness,\n        borderColor: hasActiveOutline ? activeColor : borderColor,\n        borderWidth: 1,\n        paddingTop: label ? 16 * 1.5 : 16,\n        paddingBottom: label ? 16 * 0.5 : 16,\n        opacity: disabled ? disabledOpacity : 1,\n        backgroundColor,\n      };\n\n      if (leftIconName && leftIconMode === \"inset\") {\n        assistiveTextLeftMargin = 16 + 4;\n      } else if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8 + 12;\n      } else {\n        assistiveTextLeftMargin = 12;\n      }\n\n      inputStyle.paddingHorizontal = 12;\n    }\n\n    if (leftIconName && leftIconMode === \"outset\") {\n      containerStyle.marginLeft = ICON_SIZE + 8;\n    }\n\n    let leftIconColor;\n    if (error) {\n      leftIconColor = colors.error;\n    } else if (this.state.focused) {\n      leftIconColor = colors.primary;\n    } else {\n      leftIconColor = colors.light;\n    }\n\n    const leftIconProps = {\n      size: 24,\n      color: leftIconColor,\n      name: leftIconName || \"\",\n    };\n\n    const leftIconStyle: ImageStyle = {\n      position: \"absolute\",\n      marginTop:\n        type === \"solid\"\n          ? MINIMIZED_LABEL_FONT_SIZE + 4\n          : leftIconMode === \"outset\"\n          ? 16\n          : 0,\n    };\n\n    const labelStyle = {\n      ...typography.subtitle1,\n      top: type === \"solid\" ? 16 : 0,\n      left:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n          : 0,\n      transform: [\n        {\n          // Move label to top\n          translateY: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              type === \"solid\"\n                ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n                : MINIMIZED_LABEL_Y_OFFSET,\n              0,\n            ],\n          }),\n        },\n        {\n          // Make label smaller\n          scale: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n              1,\n            ],\n          }),\n        },\n        {\n          // Offset label scale since RN doesn't support transform origin\n          translateX: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n                (this.state.labelLayout.width / 2),\n              0,\n            ],\n          }),\n        },\n      ],\n    };\n\n    const { textStyles } = extractStyles(style);\n    const inputStyles = applyStyles(\n      [\n        styles.input,\n        inputStyle,\n        type === \"solid\" ? { marginHorizontal: 12 } : {},\n      ],\n      textStyles\n    );\n\n    const {\n      backgroundColor: bgColor,\n      padding,\n      paddingTop,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n      borderRadius,\n      borderWidth,\n      borderTopWidth,\n      borderRightWidth,\n      borderBottomWidth,\n      borderLeftWidth,\n      borderColor: borderCol,\n      ...styleProp\n    } = StyleSheet.flatten(style || {}) as ViewStyle & { height?: number };\n\n    return (\n      <View style={[styles.container, styleProp]}>\n        {leftIconName && leftIconMode === \"outset\" ? (\n          <Icon {...leftIconProps} style={leftIconStyle} />\n        ) : null}\n        <View\n          style={applyStyles([containerStyle], {\n            height: style?.height,\n            backgroundColor: bgColor,\n            padding,\n            paddingTop,\n            paddingBottom,\n            paddingLeft,\n            paddingRight,\n            borderRadius,\n            borderWidth,\n            borderTopWidth,\n            borderRightWidth,\n            borderBottomWidth,\n            borderLeftWidth,\n            borderColor: borderCol,\n          })}\n        >\n          {type === \"underline\" ? (\n            // When type === 'flat', render an underline\n            <Animated.View\n              style={[\n                styles.underline,\n                {\n                  backgroundColor:\n                    bgColor ||\n                    (error\n                      ? colors.error\n                      : this.state.focused\n                      ? activeColor\n                      : underlineColor),\n                  // Underlines is thinner when input is not focused\n                  transform: [{ scaleY: this.state.focused ? 1 : 0.5 }],\n                },\n              ]}\n            />\n          ) : null}\n\n          {label ? (\n            // Position colored placeholder and gray placeholder on top of each other and crossfade them\n            // This gives the effect of animating the color, but allows us to use native driver\n            <View\n              pointerEvents=\"none\"\n              style={[\n                StyleSheet.absoluteFill,\n                {\n                  opacity:\n                    // Hide the label in minimized state until we measure its width\n                    this.state.value || this.state.focused\n                      ? this.state.labelLayout.measured\n                        ? 1\n                        : 0\n                      : 1,\n                },\n              ]}\n            >\n              <AnimatedText\n                onLayout={(e: LayoutChangeEvent) =>\n                  this.setState({\n                    labelLayout: {\n                      width: e.nativeEvent.layout.width,\n                      measured: true,\n                    },\n                  })\n                }\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: this.state.labeled.interpolate({\n                      inputRange: [0, 1],\n                      outputRange: [hasActiveOutline ? 1 : 0, 0],\n                    }),\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n              <AnimatedText\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: hasActiveOutline ? this.state.labeled : 1,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n            </View>\n          ) : null}\n\n          {leftIconName && leftIconMode === \"inset\" ? (\n            <Icon\n              {...leftIconProps}\n              style={{\n                ...leftIconStyle,\n                marginLeft: type === \"solid\" ? 16 : 0,\n              }}\n            />\n          ) : null}\n\n          {render({\n            ref: (c: NativeTextInput) => {\n              this._root = c;\n            },\n            onChange: this._handleChangeText,\n            placeholder: label\n              ? this.state.placeholder\n              : this.props.placeholder,\n            placeholderTextColor: placeholderColor,\n            editable: !disabled,\n            selectionColor: activeColor,\n            multiline,\n            numberOfLines,\n            onFocus: this._handleFocus,\n            onBlur: this._handleBlur,\n            underlineColorAndroid: \"transparent\",\n            style: inputStyles,\n            ...rest,\n            value: this.state.value,\n          })}\n        </View>\n        {rightIconName ? (\n          <Icon\n            name={rightIconName}\n            size={ICON_SIZE}\n            color={colors.light}\n            style={{\n              position: \"absolute\",\n              right: 16,\n              marginTop: type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n            }}\n          />\n        ) : null}\n\n        {assistiveText ? (\n          <Text\n            style={[\n              {\n                color: error ? colors.error : colors.light,\n                marginTop: 8,\n                marginLeft: assistiveTextLeftMargin,\n              },\n            ]}\n          >\n            {assistiveText}\n          </Text>\n        ) : null}\n      </View>\n    );\n  }\n}\n\nexport default withTheme(TextField);\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  placeholder: {\n    position: \"absolute\",\n    left: 0,\n  },\n  underline: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 2,\n  },\n  input: {\n    flexGrow: 1,\n    justifyContent: \"center\",\n    textAlignVertical: \"center\",\n    margin: 0,\n    textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n  },\n});\n"]}
+{"version":3,"sources":["TextField.tsx"],"names":["AnimatedText","Animated","createAnimatedComponent","Text","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","TextField","React","Component","labeled","Value","props","value","error","focused","placeholder","labelLayout","measured","width","setTimeout","clearTimeout","_timer","setState","timing","state","toValue","duration","useNativeDriver","start","disabled","onChangeText","nativeEvent","text","undefined","getDerivedStateFromProps","nextProps","prevState","componentDidMount","defaultValue","_handleChangeText","_minmizeLabel","componentDidUpdate","prevProps","_restoreLabel","label","_showPlaceholder","_hidePlaceholder","componentWillUnmount","toggleFocus","setNativeProps","args","_root","isFocused","clear","focus","blur","render","Icon","type","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","underlineColorProp","multiline","numberOfLines","style","theme","colors","typography","roundness","disabledOpacity","rest","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","placeholderTextColor","paddingVertical","color","paddingLeft","paddingRight","height","assistiveTextLeftMargin","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","textStyles","inputStyles","styles","input","marginHorizontal","bgColor","padding","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderCol","styleProp","StyleSheet","flatten","container","underline","scaleY","absoluteFill","e","layout","justifyContent","ref","c","onChange","editable","selectionColor","onFocus","_handleFocus","onBlur","_handleBlur","underlineColorAndroid","right","create","alignSelf","bottom","flexGrow","textAlignVertical","margin","textAlign","I18nManager","isRTL"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Animated,\n  TextInput as NativeTextInput,\n  StyleSheet,\n  Text,\n  I18nManager,\n  StyleProp,\n  TextInputProps,\n  NativeSyntheticEvent,\n  TextInputChangeEventData,\n  ViewStyle,\n  TextStyle,\n  LayoutChangeEvent,\n  ImageStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport { applyStyles, extractStyles } from \"../utilities\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\nexport type Props = {\n  type?: \"solid\" | \"underline\";\n  defaultValue?: string;\n  disabled?: boolean;\n  label?: string;\n  error?: boolean;\n  leftIconName?: string;\n  leftIconMode?: \"inset\" | \"outset\";\n  onChangeText: (\n    text: string | NativeSyntheticEvent<TextInputChangeEventData>\n  ) => void;\n  rightIconName?: string;\n  assistiveText?: string;\n  multiline?: boolean;\n  numberOfLines: number;\n  underlineColor?: string;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  theme: Theme;\n  render?: (\n    props: TextInputProps & { ref: (c: NativeTextInput) => void }\n  ) => React.ReactNode;\n} & TextInputProps &\n  IconSlot;\n\ninterface State {\n  labeled: Animated.Value;\n  focused?: boolean;\n  placeholder?: string | undefined;\n  labelLayout: {\n    measured: boolean;\n    width: number;\n  };\n  value?: string;\n}\n\nclass TextField extends React.Component<Props, State> {\n  static getDerivedStateFromProps(nextProps: Props, prevState: State) {\n    return {\n      value:\n        typeof nextProps.value !== \"undefined\"\n          ? nextProps.value\n          : prevState.value,\n    };\n  }\n\n  state: State = {\n    labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),\n    focused: false,\n    placeholder: this.props.error ? this.props.placeholder : \"\",\n    labelLayout: {\n      measured: false,\n      width: 0,\n    },\n  };\n\n  componentDidMount() {\n    if (this.props.defaultValue) {\n      this._handleChangeText(this.props.defaultValue);\n    }\n\n    if (this.props.placeholder) {\n      this._minmizeLabel();\n    }\n  }\n\n  componentDidUpdate(prevProps: Props, prevState: State) {\n    if (\n      prevState.focused !== this.state.focused ||\n      prevState.value !== this.state.value\n    ) {\n      // The label should be minimized if the text input is focused, or has text\n      // In minimized mode, the label moves up and becomes small\n      if (\n        this.state.value ||\n        this.state.focused ||\n        this.props.error ||\n        this.props.placeholder\n      ) {\n        this._minmizeLabel();\n      } else {\n        this._restoreLabel();\n      }\n    }\n\n    if (\n      prevState.focused !== this.state.focused ||\n      prevProps.label !== this.props.label\n    ) {\n      // Show placeholder text only if the input is focused, or has error, or there's no label\n      // We don't show placeholder if there's a label because the label acts as placeholder\n      // When focused, the label moves up, so we can show a placeholder\n      if (this.state.focused || this.props.error || !this.props.label) {\n        this._showPlaceholder();\n      } else {\n        this._hidePlaceholder();\n      }\n    }\n  }\n\n  _timer = setTimeout(() => {}, 0);\n\n  componentWillUnmount() {\n    clearTimeout(this._timer);\n  }\n\n  _showPlaceholder = () => {\n    clearTimeout(this._timer);\n\n    // Set the placeholder in a delay to offset the label animation\n    // If we show it immediately, they'll overlap and look ugly\n    this._timer = setTimeout(\n      () =>\n        this.setState({\n          placeholder: this.props.placeholder,\n        }),\n      50\n    );\n  };\n\n  _hidePlaceholder = () =>\n    this.setState({\n      placeholder: \"\",\n    });\n\n  _restoreLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 1,\n      duration: FOCUS_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _minmizeLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 0,\n      duration: BLUR_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: true });\n  };\n\n  _handleBlur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: false });\n  };\n\n  _handleChangeText = (\n    value: NativeSyntheticEvent<TextInputChangeEventData> | string\n  ) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (typeof value === \"string\") {\n      this.setState({ value });\n      this.props.onChangeText && this.props.onChangeText(value);\n    } else {\n      this.setState({ value: value.nativeEvent.text });\n      this.props.onChangeText &&\n        this.props.onChangeText(value.nativeEvent.text);\n    }\n  };\n\n  toggleFocus() {\n    this.setState((prevState: State) => ({ focused: !prevState.focused }));\n  }\n\n  _root: NativeTextInput | undefined = undefined;\n  /**\n   * @internal\n   */\n  setNativeProps(args: Props) {\n    return this._root && this._root.setNativeProps(args);\n  }\n\n  isFocused() {\n    return this._root && this._root.isFocused();\n  }\n\n  clear() {\n    return this._root && this._root.clear();\n  }\n\n  focus() {\n    return this._root && this._root.focus();\n  }\n\n  blur() {\n    return this._root && this._root.blur();\n  }\n\n  render() {\n    const {\n      Icon,\n      type = \"underline\",\n      disabled = false,\n      label,\n      error = false,\n      leftIconName,\n      leftIconMode,\n      rightIconName,\n      assistiveText,\n      underlineColor: underlineColorProp,\n      multiline = false,\n      numberOfLines = 4,\n      style,\n      theme: { colors, typography, roundness, disabledOpacity },\n      render = (props) => <NativeTextInput {...props} />,\n      ...rest\n    } = this.props;\n\n    const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n    const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n    const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n    const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n    const hasActiveOutline = this.state.focused || error;\n\n    let inputTextColor,\n      activeColor,\n      underlineColor,\n      borderColor,\n      placeholderColor,\n      containerStyle: StyleProp<ViewStyle>,\n      backgroundColor,\n      inputStyle: StyleProp<TextStyle>;\n\n    inputTextColor = colors.strong;\n    if (disabled) {\n      activeColor = colors.light;\n      placeholderColor = colors.light;\n      borderColor = \"transparent\";\n      underlineColor = \"transparent\";\n      backgroundColor = colors.divider;\n    } else {\n      activeColor = error ? colors.error : colors.primary;\n      placeholderColor = borderColor = colors.light;\n      underlineColor = underlineColorProp;\n      backgroundColor = colors.background;\n    }\n\n    if (rest.placeholderTextColor) {\n      placeholderColor = rest.placeholderTextColor;\n    }\n\n    const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n    inputStyle = {\n      paddingVertical: 0,\n      color: inputTextColor,\n      paddingLeft:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + 12 + (type === \"solid\" ? 16 : 0)\n          : 0,\n      paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n      ...subtitle1,\n    };\n\n    if (!multiline) {\n      inputStyle.height = lineHeight;\n    }\n\n    let assistiveTextLeftMargin;\n    if (type === \"underline\") {\n      containerStyle = {\n        borderTopLeftRadius: roundness,\n        borderTopRightRadius: roundness,\n        paddingBottom: 12,\n        marginTop: 16,\n      };\n\n      if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8;\n      } else {\n        assistiveTextLeftMargin = 0;\n      }\n    } else {\n      containerStyle = {\n        borderRadius: roundness,\n        borderColor: hasActiveOutline ? activeColor : borderColor,\n        borderWidth: 1,\n        paddingTop: label ? 16 * 1.5 : 16,\n        paddingBottom: label ? 16 * 0.5 : 16,\n        opacity: disabled ? disabledOpacity : 1,\n        backgroundColor,\n      };\n\n      if (leftIconName && leftIconMode === \"inset\") {\n        assistiveTextLeftMargin = 16 + 4;\n      } else if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8 + 12;\n      } else {\n        assistiveTextLeftMargin = 12;\n      }\n\n      inputStyle.paddingHorizontal = 12;\n    }\n\n    if (leftIconName && leftIconMode === \"outset\") {\n      containerStyle.marginLeft = ICON_SIZE + 8;\n    }\n\n    let leftIconColor;\n    if (error) {\n      leftIconColor = colors.error;\n    } else if (this.state.focused) {\n      leftIconColor = colors.primary;\n    } else {\n      leftIconColor = colors.light;\n    }\n\n    const leftIconProps = {\n      size: 24,\n      color: leftIconColor,\n      name: leftIconName || \"\",\n    };\n\n    const leftIconStyle: ImageStyle = {\n      position: \"absolute\",\n      marginTop:\n        type === \"solid\"\n          ? MINIMIZED_LABEL_FONT_SIZE + 4\n          : leftIconMode === \"outset\"\n          ? 16\n          : 0,\n      marginLeft: leftIconMode === \"inset\" && type === \"solid\" ? 16 : 0,\n    };\n\n    const labelStyle = {\n      ...typography.subtitle1,\n      top: type === \"solid\" ? 16 : 0,\n      left:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n          : 0,\n      transform: [\n        {\n          // Move label to top\n          translateY: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              type === \"solid\"\n                ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n                : MINIMIZED_LABEL_Y_OFFSET,\n              0,\n            ],\n          }),\n        },\n        {\n          // Make label smaller\n          scale: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n              1,\n            ],\n          }),\n        },\n        {\n          // Offset label scale since RN doesn't support transform origin\n          translateX: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n                (this.state.labelLayout.width / 2),\n              0,\n            ],\n          }),\n        },\n      ],\n    };\n\n    const { textStyles } = extractStyles(style);\n    const inputStyles = applyStyles(\n      [\n        styles.input,\n        inputStyle,\n        type === \"solid\" ? { marginHorizontal: 12 } : {},\n      ],\n      textStyles\n    );\n\n    const {\n      backgroundColor: bgColor,\n      padding,\n      paddingTop,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n      borderRadius,\n      borderWidth,\n      borderTopWidth,\n      borderRightWidth,\n      borderBottomWidth,\n      borderLeftWidth,\n      borderColor: borderCol,\n      ...styleProp\n    } = StyleSheet.flatten(style || {}) as ViewStyle & { height?: number };\n\n    return (\n      <View style={[styles.container, styleProp]}>\n        {leftIconName && leftIconMode === \"outset\" ? (\n          <Icon {...leftIconProps} style={leftIconStyle} />\n        ) : null}\n        <View\n          style={applyStyles([containerStyle], {\n            height: style?.height,\n            backgroundColor: bgColor,\n            padding,\n            paddingTop,\n            paddingBottom,\n            paddingLeft,\n            paddingRight,\n            borderRadius,\n            borderWidth,\n            borderTopWidth,\n            borderRightWidth,\n            borderBottomWidth,\n            borderLeftWidth,\n            borderColor: borderCol,\n          })}\n        >\n          {type === \"underline\" ? (\n            // When type === 'flat', render an underline\n            <Animated.View\n              style={[\n                styles.underline,\n                {\n                  backgroundColor:\n                    bgColor ||\n                    (error\n                      ? colors.error\n                      : this.state.focused\n                      ? activeColor\n                      : underlineColor),\n                  // Underlines is thinner when input is not focused\n                  transform: [{ scaleY: this.state.focused ? 1 : 0.5 }],\n                },\n              ]}\n            />\n          ) : null}\n\n          {label ? (\n            // Position colored placeholder and gray placeholder on top of each other and crossfade them\n            // This gives the effect of animating the color, but allows us to use native driver\n            <View\n              pointerEvents=\"none\"\n              style={[\n                StyleSheet.absoluteFill,\n                {\n                  opacity:\n                    // Hide the label in minimized state until we measure its width\n                    this.state.value || this.state.focused\n                      ? this.state.labelLayout.measured\n                        ? 1\n                        : 0\n                      : 1,\n                },\n              ]}\n            >\n              <AnimatedText\n                onLayout={(e: LayoutChangeEvent) =>\n                  this.setState({\n                    labelLayout: {\n                      width: e.nativeEvent.layout.width,\n                      measured: true,\n                    },\n                  })\n                }\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: this.state.labeled.interpolate({\n                      inputRange: [0, 1],\n                      outputRange: [hasActiveOutline ? 1 : 0, 0],\n                    }),\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n              <AnimatedText\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: hasActiveOutline ? this.state.labeled : 1,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n            </View>\n          ) : null}\n\n          {leftIconName && leftIconMode === \"inset\" ? (\n            <View\n              style={{\n                justifyContent: type === \"solid\" ? \"center\" : undefined,\n              }}\n            >\n              <Icon {...leftIconProps} style={leftIconStyle} />\n            </View>\n          ) : null}\n\n          {render({\n            ref: (c: NativeTextInput) => {\n              this._root = c;\n            },\n            onChange: this._handleChangeText,\n            placeholder: label\n              ? this.state.placeholder\n              : this.props.placeholder,\n            placeholderTextColor: placeholderColor,\n            editable: !disabled,\n            selectionColor: activeColor,\n            multiline,\n            numberOfLines,\n            onFocus: this._handleFocus,\n            onBlur: this._handleBlur,\n            underlineColorAndroid: \"transparent\",\n            style: inputStyles,\n            ...rest,\n            value: this.state.value,\n          })}\n        </View>\n        {rightIconName ? (\n          <Icon\n            name={rightIconName}\n            size={ICON_SIZE}\n            color={colors.light}\n            style={{\n              position: \"absolute\",\n              right: 16,\n              marginTop: type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n            }}\n          />\n        ) : null}\n\n        {assistiveText ? (\n          <Text\n            style={[\n              {\n                color: error ? colors.error : colors.light,\n                marginTop: 8,\n                marginLeft: assistiveTextLeftMargin,\n              },\n            ]}\n          >\n            {assistiveText}\n          </Text>\n        ) : null}\n      </View>\n    );\n  }\n}\n\nexport default withTheme(TextField);\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  placeholder: {\n    position: \"absolute\",\n    left: 0,\n  },\n  underline: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 2,\n  },\n  input: {\n    flexGrow: 1,\n    justifyContent: \"center\",\n    textAlignVertical: \"center\",\n    margin: 0,\n    textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n  },\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["CardContainer.ts"],"names":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","layout","props","numColumns"],"mappings":"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","sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  title: {\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  leftDescription: {\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  rightDescription: {\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  icon: {\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  aspectRatio: {\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  textCentered: {\n    label: \"Centered Text\",\n    description: \"Whether to center the text\",\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  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["CardContainer.js"],"names":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","layout","props","numColumns"],"mappings":";;;;;;;AAAA;;AACA,MAAMA,eAAe,GAAG;AACpBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,OADJ;AAEHC,IAAAA,WAAW,EAAE,OAFV;AAGHC,IAAAA,QAAQ,EAAEC,kBAAWJ,KAHlB;AAIHK,IAAAA,QAAQ,EAAEC,kBAAWC,KAJlB;AAKHC,IAAAA,YAAY,EAAE,IALX;AAMHC,IAAAA,QAAQ,EAAE,IANP;AAOHC,IAAAA,QAAQ,EAAE,IAPP;AAQHC,IAAAA,KAAK,EAAEC,cAAOC;AARX,GADa;AAWpBC,EAAAA,KAAK,EAAE;AACHb,IAAAA,KAAK,EAAE,OADJ;AAEHC,IAAAA,WAAW,EAAE,iBAFV;AAGHC,IAAAA,QAAQ,EAAEC,kBAAWW,MAHlB;AAIHV,IAAAA,QAAQ,EAAEC,kBAAWU,MAJlB;AAKHR,IAAAA,YAAY,EAAE,4BALX;AAMHC,IAAAA,QAAQ,EAAE,IANP;AAOHC,IAAAA,QAAQ,EAAE,KAPP;AAQHC,IAAAA,KAAK,EAAEC,cAAOC;AARX,GAXa;AAqBpBI,EAAAA,eAAe,EAAE;AACbhB,IAAAA,KAAK,EAAE,kBADM;AAEbC,IAAAA,WAAW,EAAE,6BAFA;AAGbC,IAAAA,QAAQ,EAAEC,kBAAWW,MAHR;AAIbV,IAAAA,QAAQ,EAAEC,kBAAWU,MAJR;AAKbR,IAAAA,YAAY,EAAE,WALD;AAMbC,IAAAA,QAAQ,EAAE,IANG;AAObC,IAAAA,QAAQ,EAAE,KAPG;AAQbC,IAAAA,KAAK,EAAEC,cAAOC;AARD,GArBG;AA+BpBK,EAAAA,gBAAgB,EAAE;AACdjB,IAAAA,KAAK,EAAE,mBADO;AAEdC,IAAAA,WAAW,EAAE,8BAFC;AAGdC,IAAAA,QAAQ,EAAEC,kBAAWW,MAHP;AAIdV,IAAAA,QAAQ,EAAEC,kBAAWU,MAJP;AAKdR,IAAAA,YAAY,EAAE,MALA;AAMdC,IAAAA,QAAQ,EAAE,IANI;AAOdC,IAAAA,QAAQ,EAAE,KAPI;AAQdC,IAAAA,KAAK,EAAEC,cAAOC;AARA,GA/BE;AAyCpBM,EAAAA,IAAI,EAAE;AACFlB,IAAAA,KAAK,EAAE,MADL;AAEFC,IAAAA,WAAW,EAAE,kCAFX;AAGFC,IAAAA,QAAQ,EAAEC,kBAAWe,IAHnB;AAIFd,IAAAA,QAAQ,EAAEC,kBAAWU;AAAO;AAJ1B;AAKFR,IAAAA,YAAY,EAAE,IALZ;AAMFC,IAAAA,QAAQ,EAAE,IANR;AAOFC,IAAAA,QAAQ,EAAE,KAPR;AAQFC,IAAAA,KAAK,EAAEC,cAAOQ;AARZ,GAzCc;AAmDpBC,EAAAA,WAAW,EAAE;AACTpB,IAAAA,KAAK,EAAE,cADE;AAETC,IAAAA,WAAW,EAAE,2BAFJ;AAGTC,IAAAA,QAAQ,EAAEC,kBAAWiB,WAHZ;AAIThB,IAAAA,QAAQ,EAAEC,kBAAWgB,MAJZ;AAKTd,IAAAA,YAAY,EAAE,GALL;AAMTC,IAAAA,QAAQ,EAAE,IAND;AAOTC,IAAAA,QAAQ,EAAE,KAPD;AAQTC,IAAAA,KAAK,EAAEC,cAAOQ;AARL,GAnDO;AA6DpBG,EAAAA,YAAY,EAAE;AACVtB,IAAAA,KAAK,EAAE,eADG;AAEVC,IAAAA,WAAW,EAAE,4BAFH;AAGVC,IAAAA,QAAQ,EAAEC,kBAAWoB,OAHX;AAIVnB,IAAAA,QAAQ,EAAEC,kBAAWmB,OAJX;AAKVjB,IAAAA,YAAY,EAAE,KALJ;AAMVC,IAAAA,QAAQ,EAAE,IANA;AAOVC,IAAAA,QAAQ,EAAE,KAPA;AAQVC,IAAAA,KAAK,EAAEC,cAAOQ;AARJ,GA7DM;AAuEpBM,EAAAA,SAAS,EAAE,gCAAoB,CAApB;AAvES,CAAxB;AAyEO,MAAMC,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,aADV;AAEIC,EAAAA,GAAG,EAAE,eAFT;AAGI3B,EAAAA,WAAW,EAAE,qFAHjB;AAII4B,EAAAA,QAAQ,EAAEC,uBAAgBC,IAJ9B;AAKIC,EAAAA,MAAM,EAAE,IALZ;AAMIC,EAAAA,KAAK,EAAE,EACH,GAAGnC,eADA;AAEHoC,IAAAA,UAAU,EAAE,iCAAqB;AAC7B3B,MAAAA,YAAY,EAAE;AADe,KAArB;AAFT;AANX,CADqB,EAcrB;AACIoB,EAAAA,IAAI,EAAE,YADV;AAEIC,EAAAA,GAAG,EAAE,eAFT;AAGI3B,EAAAA,WAAW,EAAE,kFAHjB;AAII4B,EAAAA,QAAQ,EAAEC,uBAAgBC,IAJ9B;AAKIC,EAAAA,MAAM,EAAE,IALZ;AAMIC,EAAAA,KAAK,EAAE,EACH,GAAGnC,eADA;AAEHoC,IAAAA,UAAU,EAAE,iCAAqB;AAC7B3B,MAAAA,YAAY,EAAE;AADe,KAArB;AAFT;AANX,CAdqB,CAAlB","sourcesContent":["import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, createNumColumnsType, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n    image: {\n        label: \"Image\",\n        description: \"Image\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: true,\n        group: GROUPS.data,\n    },\n    title: {\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n        group: GROUPS.data,\n    },\n    leftDescription: {\n        label: \"Left description\",\n        description: \"Text to display on the left\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n        group: GROUPS.data,\n    },\n    rightDescription: {\n        label: \"Right description\",\n        description: \"Text to display on the right\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n        group: GROUPS.data,\n    },\n    icon: {\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,\n        defaultValue: null,\n        editable: true,\n        required: false,\n        group: GROUPS.basic,\n    },\n    aspectRatio: {\n        label: \"Aspect ratio\",\n        description: \"Aspect ratio of the image\",\n        formType: FORM_TYPES.aspectRatio,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 1.5,\n        editable: true,\n        required: false,\n        group: GROUPS.basic,\n    },\n    textCentered: {\n        label: \"Centered Text\",\n        description: \"Whether to center the text\",\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    elevation: createElevationType(2),\n};\nexport const SEED_DATA = [\n    {\n        name: \"Medium Card\",\n        tag: \"CardContainer\",\n        description: \"An elevated card with a title and description, that takes up half of its container.\",\n        category: COMPONENT_TYPES.card,\n        layout: null,\n        props: {\n            ...SEED_DATA_PROPS,\n            numColumns: createNumColumnsType({\n                defaultValue: 2,\n            }),\n        },\n    },\n    {\n        name: \"Large Card\",\n        tag: \"CardContainer\",\n        description: \"An elevated card with a title and description, that takes up its full container.\",\n        category: COMPONENT_TYPES.card,\n        layout: null,\n        props: {\n            ...SEED_DATA_PROPS,\n            numColumns: createNumColumnsType({\n                defaultValue: 3,\n            }),\n        },\n    },\n];\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","media","description","layout","height","props","resizeMode","dotColor","label"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,GAAG,EAAE,UAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAH5B;AAIEC,EAAAA,WAAW,EAAE,2CAJf;AAKEC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AADF,GALV;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,kCADP;AAELC,IAAAA,QAAQ,EAAE,4BAAgB;AACxBC,MAAAA,KAAK,EAAE;AADiB,KAAhB;AAFL;AART,CADuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createResizeModeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Carousel\",\n    tag: \"Carousel\",\n    category: COMPONENT_TYPES.media,\n    description: \"A horizontal scrolling carousel of images\",\n    layout: {\n      height: 250,\n    },\n    props: {\n      resizeMode: createResizeModeProp(),\n      dotColor: createColorProp({\n        label: \"Dot color\",\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["Carousel.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","media","description","layout","height","props","resizeMode","dotColor","label"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,UADV;AAEIC,EAAAA,GAAG,EAAE,UAFT;AAGIC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAH9B;AAIIC,EAAAA,WAAW,EAAE,2CAJjB;AAKIC,EAAAA,MAAM,EAAE;AACJC,IAAAA,MAAM,EAAE;AADJ,GALZ;AAQIC,EAAAA,KAAK,EAAE;AACHC,IAAAA,UAAU,EAAE,kCADT;AAEHC,IAAAA,QAAQ,EAAE,4BAAgB;AACtBC,MAAAA,KAAK,EAAE;AADe,KAAhB;AAFP;AARX,CADqB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createResizeModeProp, createColorProp, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n    {\n        name: \"Carousel\",\n        tag: \"Carousel\",\n        category: COMPONENT_TYPES.media,\n        description: \"A horizontal scrolling carousel of images\",\n        layout: {\n            height: 250,\n        },\n        props: {\n            resizeMode: createResizeModeProp(),\n            dotColor: createColorProp({\n                label: \"Dot color\",\n            }),\n        },\n    },\n];\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ImageBackground.ts"],"names":["SEED_DATA","name","tag","doc_link","code_link","description","category","COMPONENT_TYPES","media","layout","width","height","props","source","defaultValue","resizeMode","backgroundColor","label","backfaceVisibility","options"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,kBADiB;AAEvBC,EAAAA,GAAG,EAAE,iBAFkB;AAGvBC,EAAAA,QAAQ,EACN,oEAJqB;AAKvBC,EAAAA,SAAS,EACP,yFANqB;AAOvBC,EAAAA,WAAW,EACT,8FARqB;AASvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KATH;AAUvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,MADD;AAENC,IAAAA,MAAM,EAAE;AAFF,GAVe;AAcvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,4BAAgB;AACtBC,MAAAA,YAAY,EACV;AAFoB,KAAhB,CADH;AAKLC,IAAAA,UAAU,EAAE,kCALP;AAMLC,IAAAA,eAAe,EAAE,4BAAgB;AAC/BC,MAAAA,KAAK,EAAE,kBADwB;AAE/BZ,MAAAA,WAAW,EAAE;AAFkB,KAAhB,CANZ;AAULa,IAAAA,kBAAkB,EAAE,+BAAmB;AACrCD,MAAAA,KAAK,EAAE,qBAD8B;AAErCZ,MAAAA,WAAW,EAAE,iDAFwB;AAGrCc,MAAAA,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ;AAH4B,KAAnB;AAVf;AAdgB,CAAlB","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"]}
+{"version":3,"sources":["ImageBackground.js"],"names":["SEED_DATA","name","tag","doc_link","code_link","description","category","COMPONENT_TYPES","media","layout","width","height","props","source","defaultValue","resizeMode","backgroundColor","label","backfaceVisibility","options"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,kBADe;AAErBC,EAAAA,GAAG,EAAE,iBAFgB;AAGrBC,EAAAA,QAAQ,EAAE,oEAHW;AAIrBC,EAAAA,SAAS,EAAE,yFAJU;AAKrBC,EAAAA,WAAW,EAAE,8FALQ;AAMrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KANL;AAOrBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,KAAK,EAAE,MADH;AAEJC,IAAAA,MAAM,EAAE;AAFJ,GAPa;AAWrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,MAAM,EAAE,4BAAgB;AACpBC,MAAAA,YAAY,EAAE;AADM,KAAhB,CADL;AAIHC,IAAAA,UAAU,EAAE,kCAJT;AAKHC,IAAAA,eAAe,EAAE,4BAAgB;AAC7BC,MAAAA,KAAK,EAAE,kBADsB;AAE7BZ,MAAAA,WAAW,EAAE;AAFgB,KAAhB,CALd;AASHa,IAAAA,kBAAkB,EAAE,+BAAmB;AACnCD,MAAAA,KAAK,EAAE,qBAD4B;AAEnCZ,MAAAA,WAAW,EAAE,iDAFsB;AAGnCc,MAAAA,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ;AAH0B,KAAnB;AATjB;AAXc,CAAlB","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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ProgressBar.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","props","progress","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","defaultValue","min","max","step","precision","editable","required","color","basic","THEME","unfilledColor","borderRadius","borderWidth","borderColor","animationType","flatArray","STRING","options","layout","width","height"],"mappings":"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","sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Progress Bar\",\n    tag: \"ProgressBar\",\n    description: \"A horizontal bar used to show completed progress\",\n    category: COMPONENT_TYPES.deprecated,\n    preview_image_url: \"{CLOUDINARY_URL}/Status_Progress.png\",\n    supports_list_render: false,\n    props: {\n      progress: {\n        group: GROUPS.data,\n        label: \"Progress\",\n        description: \"The amount of progress to display. A number 0-1.\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 0.5,\n        min: 0,\n        max: 1,\n        step: 0.01,\n        precision: 2,\n        editable: true,\n        required: true,\n      },\n      color: {\n        group: GROUPS.basic,\n        label: \"Progress Color\",\n        description: \"Custom color for the progress shown\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      unfilledColor: {\n        group: GROUPS.basic,\n        label: \"Unfilled Color\",\n        description:\n          \"The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      borderRadius: {\n        group: GROUPS.basic,\n        label: \"Border Radius\",\n        description: \"The border radius of the bar\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 10,\n        min: 0,\n        max: 100,\n        step: 1,\n        precision: 1,\n        editable: true,\n        required: true,\n      },\n      borderWidth: {\n        group: GROUPS.basic,\n        label: \"Border Width\",\n        description: \"The width of the border that surrounds the bar.\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 1,\n        min: 0,\n        max: 15,\n        step: 1,\n        precision: 1,\n        editable: true,\n        required: true,\n      },\n      borderColor: {\n        group: GROUPS.basic,\n        label: \"Border Color\",\n        description: \"Custom color for border of the entire bar\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      animationType: {\n        group: GROUPS.basic,\n        label: \"Animation Type\",\n        description:\n          \"The type of animation that occurs when the bar is filled(Default is Spring)\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"spring\",\n        options: [\"decay\", \"timing\", \"spring\"],\n        editable: true,\n        required: true,\n      },\n    },\n    layout: {\n      width: 200,\n      height: 20,\n    },\n  },\n];\n"]}
+{"version":3,"sources":["ProgressBar.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","props","progress","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","defaultValue","min","max","step","precision","editable","required","color","basic","THEME","unfilledColor","borderRadius","borderWidth","borderColor","animationType","flatArray","STRING","options","layout","width","height"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n    {\n        name: \"Progress Bar\",\n        tag: \"ProgressBar\",\n        description: \"A horizontal bar used to show completed progress\",\n        category: COMPONENT_TYPES.deprecated,\n        preview_image_url: \"{CLOUDINARY_URL}/Status_Progress.png\",\n        supports_list_render: false,\n        props: {\n            progress: {\n                group: GROUPS.data,\n                label: \"Progress\",\n                description: \"The amount of progress to display. A number 0-1.\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                defaultValue: 0.5,\n                min: 0,\n                max: 1,\n                step: 0.01,\n                precision: 2,\n                editable: true,\n                required: true,\n            },\n            color: {\n                group: GROUPS.basic,\n                label: \"Progress Color\",\n                description: \"Custom color for the progress shown\",\n                formType: FORM_TYPES.color,\n                propType: PROP_TYPES.THEME,\n                defaultValue: null,\n                editable: true,\n                required: true,\n            },\n            unfilledColor: {\n                group: GROUPS.basic,\n                label: \"Unfilled Color\",\n                description: \"The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)\",\n                formType: FORM_TYPES.color,\n                propType: PROP_TYPES.THEME,\n                defaultValue: null,\n                editable: true,\n                required: true,\n            },\n            borderRadius: {\n                group: GROUPS.basic,\n                label: \"Border Radius\",\n                description: \"The border radius of the bar\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                defaultValue: 10,\n                min: 0,\n                max: 100,\n                step: 1,\n                precision: 1,\n                editable: true,\n                required: true,\n            },\n            borderWidth: {\n                group: GROUPS.basic,\n                label: \"Border Width\",\n                description: \"The width of the border that surrounds the bar.\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                defaultValue: 1,\n                min: 0,\n                max: 15,\n                step: 1,\n                precision: 1,\n                editable: true,\n                required: true,\n            },\n            borderColor: {\n                group: GROUPS.basic,\n                label: \"Border Color\",\n                description: \"Custom color for border of the entire bar\",\n                formType: FORM_TYPES.color,\n                propType: PROP_TYPES.THEME,\n                defaultValue: null,\n                editable: true,\n                required: true,\n            },\n            animationType: {\n                group: GROUPS.basic,\n                label: \"Animation Type\",\n                description: \"The type of animation that occurs when the bar is filled(Default is Spring)\",\n                formType: FORM_TYPES.flatArray,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"spring\",\n                options: [\"decay\", \"timing\", \"spring\"],\n                editable: true,\n                required: true,\n            },\n        },\n        layout: {\n            width: 200,\n            height: 20,\n        },\n    },\n];\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["RowHeadlineImageIcon.ts"],"names":["SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","COMPONENT_TYPES","row","layout","props","image","subtitle","multilineSubtitle"],"mappings":"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","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createImageProp,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  title: createTextProp({\n    label: \"Title\",\n    description: \"Headline text to display\",\n  }),\n  icon: createIconProp({\n    defaultValue: null,\n  }),\n};\n\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n  defaultValue: true,\n  editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n  label: \"Subtitle\",\n  description: \"Subtitle text to display\",\n  defaultValue: \"San Diego\",\n});\n\nexport const SEED_DATA = [\n  {\n    name: \"Row Single Line Headline Icon\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned headline text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n    },\n  },\n  {\n    name: \"Row Single Line Headline Icon Image\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned image and headline text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n      image: IMAGE_PROP,\n    },\n  },\n  {\n    name: \"Row Double Line Headline Icon\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n      subtitle: SUBTITLE_PROP,\n    },\n  },\n  {\n    name: \"Row Double Line Headline Image Icon\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n      image: IMAGE_PROP,\n      subtitle: SUBTITLE_PROP,\n    },\n  },\n  {\n    name: \"Row Multiline Headline Icon\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n      multilineSubtitle: MULTILINE_PROP,\n      subtitle: createTextProp({\n        label: \"Subtitle\",\n        description: \"Subtitle text to display\",\n        defaultValue:\n          \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n      }),\n    },\n  },\n  {\n    name: \"Row Multiline Headline Image Icon\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n      image: IMAGE_PROP,\n      multilineSubtitle: MULTILINE_PROP,\n      subtitle: createTextProp({\n        label: \"Subtitle\",\n        description: \"Subtitle text to display\",\n        defaultValue:\n          \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["RowHeadlineImageIcon.js"],"names":["SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","COMPONENT_TYPES","row","layout","props","image","subtitle","multilineSubtitle"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, createIconProp, createTextProp, createImageProp, createStaticBoolProp, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n    title: createTextProp({\n        label: \"Title\",\n        description: \"Headline text to display\",\n    }),\n    icon: createIconProp({\n        defaultValue: null,\n    }),\n};\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n    defaultValue: true,\n    editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n    label: \"Subtitle\",\n    description: \"Subtitle text to display\",\n    defaultValue: \"San Diego\",\n});\nexport const SEED_DATA = [\n    {\n        name: \"Row Single Line Headline Icon\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned headline text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n        },\n    },\n    {\n        name: \"Row Single Line Headline Icon Image\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned image and headline text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n            image: IMAGE_PROP,\n        },\n    },\n    {\n        name: \"Row Double Line Headline Icon\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n            subtitle: SUBTITLE_PROP,\n        },\n    },\n    {\n        name: \"Row Double Line Headline Image Icon\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n            image: IMAGE_PROP,\n            subtitle: SUBTITLE_PROP,\n        },\n    },\n    {\n        name: \"Row Multiline Headline Icon\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n            multilineSubtitle: MULTILINE_PROP,\n            subtitle: createTextProp({\n                label: \"Subtitle\",\n                description: \"Subtitle text to display\",\n                defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n            }),\n        },\n    },\n    {\n        name: \"Row Multiline Headline Image Icon\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n            image: IMAGE_PROP,\n            multilineSubtitle: MULTILINE_PROP,\n            subtitle: createTextProp({\n                label: \"Subtitle\",\n                description: \"Subtitle text to display\",\n                defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n            }),\n        },\n    },\n];\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Slider.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","marginLeft","marginRight","triggers","Triggers","OnValueChange","props","fieldName","defaultValue","handlerPropName","valuePropName","minimumValue","group","GROUPS","basic","label","min","max","maximumValue","step","precision","leftIcon","rightIcon","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor"],"mappings":";;;;;;;AAAA;;AAUO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,4CAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,EADN;AAENC,IAAAA,WAAW,EAAE;AAFP,GALe;AASvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CATa;AAUvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,YAAY,EAAE,aADe;AAE7BC,MAAAA,eAAe,EAAE,eAFY;AAG7BC,MAAAA,aAAa,EAAE;AAHc,KAApB,CADN;AAMLC,IAAAA,YAAY,EAAE,6BAAiB;AAC7BC,MAAAA,KAAK,EAAEC,cAAOC,KADe;AAE7BC,MAAAA,KAAK,EAAE,WAFsB;AAG7BC,MAAAA,GAAG,EAAE,CAHwB;AAI7BC,MAAAA,GAAG,EAAE;AAJwB,KAAjB,CANT;AAYLC,IAAAA,YAAY,EAAE,6BAAiB;AAC7BN,MAAAA,KAAK,EAAEC,cAAOC,KADe;AAE7BC,MAAAA,KAAK,EAAE,WAFsB;AAG7BC,MAAAA,GAAG,EAAE,CAHwB;AAI7BC,MAAAA,GAAG,EAAE;AAJwB,KAAjB,CAZT;AAkBLE,IAAAA,IAAI,EAAE,6BAAiB;AACrBP,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE,MAFc;AAGrBC,MAAAA,GAAG,EAAE,CAHgB;AAIrBC,MAAAA,GAAG,EAAE,GAJgB;AAKrBE,MAAAA,IAAI,EAAE,IALe;AAMrBC,MAAAA,SAAS,EAAE;AANU,KAAjB,CAlBD;AA0BLC,IAAAA,QAAQ,EAAE,2BAAe;AACvBN,MAAAA,KAAK,EAAE,WADgB;AAEvBP,MAAAA,YAAY,EAAE;AAFS,KAAf,CA1BL;AA8BLc,IAAAA,SAAS,EAAE,2BAAe;AACxBP,MAAAA,KAAK,EAAE,YADiB;AAExBP,MAAAA,YAAY,EAAE;AAFU,KAAf,CA9BN;AAkCLe,IAAAA,qBAAqB,EAAE,4BAAgB;AACrCR,MAAAA,KAAK,EAAE,iBAD8B;AAErCP,MAAAA,YAAY,EAAE;AAFuB,KAAhB,CAlClB;AAsCLgB,IAAAA,qBAAqB,EAAE,4BAAgB;AACrCT,MAAAA,KAAK,EAAE,iBAD8B;AAErCP,MAAAA,YAAY,EAAE;AAFuB,KAAhB,CAtClB;AA0CLiB,IAAAA,cAAc,EAAE,4BAAgB;AAC9BV,MAAAA,KAAK,EAAE,aADuB;AAE9BP,MAAAA,YAAY,EAAE;AAFgB,KAAhB;AA1CX;AAVgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  createIconProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Slider\",\n  tag: \"Slider\",\n  description: \"A component used to set a value in a range\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    marginLeft: 12,\n    marginRight: 12,\n  },\n  triggers: [Triggers.OnValueChange],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"sliderValue\",\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n    }),\n    minimumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Min Value\",\n      min: 0,\n      max: 1000,\n    }),\n    maximumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Max Value\",\n      min: 1,\n      max: 10000,\n    }),\n    step: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Step\",\n      min: 0,\n      max: 100,\n      step: 0.01,\n      precision: 2,\n    }),\n    leftIcon: createIconProp({\n      label: \"Left Icon\",\n      defaultValue: null,\n    }),\n    rightIcon: createIconProp({\n      label: \"Right Icon\",\n      defaultValue: null,\n    }),\n    minimumTrackTintColor: createColorProp({\n      label: \"Min Track Color\",\n      defaultValue: null,\n    }),\n    maximumTrackTintColor: createColorProp({\n      label: \"Max Track Color\",\n      defaultValue: null,\n    }),\n    thumbTintColor: createColorProp({\n      label: \"Thumb Color\",\n      defaultValue: null,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Slider.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","marginLeft","marginRight","triggers","Triggers","OnValueChange","props","fieldName","defaultValue","handlerPropName","valuePropName","minimumValue","group","GROUPS","basic","label","min","max","maximumValue","step","precision","leftIcon","rightIcon","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,QADe;AAErBC,EAAAA,GAAG,EAAE,QAFgB;AAGrBC,EAAAA,WAAW,EAAE,4CAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJL;AAKrBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,UAAU,EAAE,EADR;AAEJC,IAAAA,WAAW,EAAE;AAFT,GALa;AASrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CATW;AAUrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BC,MAAAA,YAAY,EAAE,aADa;AAE3BC,MAAAA,eAAe,EAAE,eAFU;AAG3BC,MAAAA,aAAa,EAAE;AAHY,KAApB,CADR;AAMHC,IAAAA,YAAY,EAAE,6BAAiB;AAC3BC,MAAAA,KAAK,EAAEC,cAAOC,KADa;AAE3BC,MAAAA,KAAK,EAAE,WAFoB;AAG3BC,MAAAA,GAAG,EAAE,CAHsB;AAI3BC,MAAAA,GAAG,EAAE;AAJsB,KAAjB,CANX;AAYHC,IAAAA,YAAY,EAAE,6BAAiB;AAC3BN,MAAAA,KAAK,EAAEC,cAAOC,KADa;AAE3BC,MAAAA,KAAK,EAAE,WAFoB;AAG3BC,MAAAA,GAAG,EAAE,CAHsB;AAI3BC,MAAAA,GAAG,EAAE;AAJsB,KAAjB,CAZX;AAkBHE,IAAAA,IAAI,EAAE,6BAAiB;AACnBP,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBC,MAAAA,KAAK,EAAE,MAFY;AAGnBC,MAAAA,GAAG,EAAE,CAHc;AAInBC,MAAAA,GAAG,EAAE,GAJc;AAKnBE,MAAAA,IAAI,EAAE,IALa;AAMnBC,MAAAA,SAAS,EAAE;AANQ,KAAjB,CAlBH;AA0BHC,IAAAA,QAAQ,EAAE,2BAAe;AACrBN,MAAAA,KAAK,EAAE,WADc;AAErBP,MAAAA,YAAY,EAAE;AAFO,KAAf,CA1BP;AA8BHc,IAAAA,SAAS,EAAE,2BAAe;AACtBP,MAAAA,KAAK,EAAE,YADe;AAEtBP,MAAAA,YAAY,EAAE;AAFQ,KAAf,CA9BR;AAkCHe,IAAAA,qBAAqB,EAAE,4BAAgB;AACnCR,MAAAA,KAAK,EAAE,iBAD4B;AAEnCP,MAAAA,YAAY,EAAE;AAFqB,KAAhB,CAlCpB;AAsCHgB,IAAAA,qBAAqB,EAAE,4BAAgB;AACnCT,MAAAA,KAAK,EAAE,iBAD4B;AAEnCP,MAAAA,YAAY,EAAE;AAFqB,KAAhB,CAtCpB;AA0CHiB,IAAAA,cAAc,EAAE,4BAAgB;AAC5BV,MAAAA,KAAK,EAAE,aADqB;AAE5BP,MAAAA,YAAY,EAAE;AAFc,KAAhB;AA1Cb;AAVc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createFieldNameProp, createIconProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Slider\",\n    tag: \"Slider\",\n    description: \"A component used to set a value in a range\",\n    category: COMPONENT_TYPES.input,\n    layout: {\n        marginLeft: 12,\n        marginRight: 12,\n    },\n    triggers: [Triggers.OnValueChange],\n    props: {\n        fieldName: createFieldNameProp({\n            defaultValue: \"sliderValue\",\n            handlerPropName: \"onValueChange\",\n            valuePropName: \"value\",\n        }),\n        minimumValue: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Min Value\",\n            min: 0,\n            max: 1000,\n        }),\n        maximumValue: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Max Value\",\n            min: 1,\n            max: 10000,\n        }),\n        step: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Step\",\n            min: 0,\n            max: 100,\n            step: 0.01,\n            precision: 2,\n        }),\n        leftIcon: createIconProp({\n            label: \"Left Icon\",\n            defaultValue: null,\n        }),\n        rightIcon: createIconProp({\n            label: \"Right Icon\",\n            defaultValue: null,\n        }),\n        minimumTrackTintColor: createColorProp({\n            label: \"Min Track Color\",\n            defaultValue: null,\n        }),\n        maximumTrackTintColor: createColorProp({\n            label: \"Max Track Color\",\n            defaultValue: null,\n        }),\n        thumbTintColor: createColorProp({\n            label: \"Thumb Color\",\n            defaultValue: null,\n        }),\n    },\n};\n"]}

package/lib/commonjs/theming.js.map

@@ -1 +1 @@
-{"version":3,"sources":["theming.tsx"],"names":["ThemeProvider","withTheme","useTheme","DefaultTheme"],"mappings":";;;;;;;AAAA;;AACA;;;;AAGO,MAAM;AAAEA,EAAAA,aAAF;AAAiBC,EAAAA,SAAjB;AAA4BC,EAAAA;AAA5B,IACX,uCAAqBC,qBAArB,CADK","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"]}
+{"version":3,"sources":["theming.js"],"names":["ThemeProvider","withTheme","useTheme","DefaultTheme"],"mappings":";;;;;;;AAAA;;AACA;;;;AACO,MAAM;AAAEA,EAAAA,aAAF;AAAiBC,EAAAA,SAAjB;AAA4BC,EAAAA;AAA5B,IAAyC,uCAAcC,qBAAd,CAA/C","sourcesContent":["import { createTheming } from \"@draftbit/react-theme-provider\";\nimport DefaultTheme from \"./styles/DefaultTheme\";\nexport const { ThemeProvider, withTheme, useTheme } = createTheming(DefaultTheme);\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.js"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","createElement","controlsProps","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AACA,MAAMC,MAAM,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAQ,GAAG,KAAb;AAAoBC,IAAAA,IAAI,GAAG,KAA3B;AAAkCC,IAAAA,OAAO,GAAG,CAA5C;AAA+CC,IAAAA,IAAI,GAAG,CAAtD;AAAyDC,IAAAA,SAAS,GAAG,EAArE;AAAyEC,IAAAA,SAAS,GAAG,EAArF;AAAyFC,IAAAA,cAAzF;AAAyGC,IAAAA,cAAzG;AAAyHC,IAAAA,aAAa,GAAG,IAAzI;AAA+IC,IAAAA,QAA/I;AAAyJC,IAAAA,cAAzJ;AAAyKC,IAAAA,QAAzK;AAAmLC,IAAAA;AAAnL,GAAD;AAAA,sBAAkMhB,KAAK,CAACiB,aAAN,CAAoBhB,IAApB,EAA0B;AAAEe,IAAAA,KAAK,EAAEA;AAAT,GAA1B,eAC7MhB,KAAK,CAACiB,aAAN,CAAoBf,eAApB,EAAqC;AAAEK,IAAAA,IAAI,EAAEA,IAAR;AAAcF,IAAAA,IAAI,EAAEA,IAApB;AAA0BC,IAAAA,OAAO,EAAEA,OAAnC;AAA4CF,IAAAA,QAAQ,EAAEA,QAAtD;AAAgEc,IAAAA,aAAa,EAAE;AAC5GV,MAAAA,SAD4G;AAE5GC,MAAAA,SAF4G;AAG5GU,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAEV;AAAT,OAH4F;AAI5GW,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAET;AAAT,OAJ4F;AAK5GC,MAAAA,aAL4G;AAM5G,UAAIC,QAAQ,GACN;AAAES,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAEX;AAAnB;AAAd;AAAZ,OADM,GAEN,EAFN,CAN4G;AAS5G,UAAIC,cAAc,GACZ;AAAEW,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAEV;AAAnB;AAAlB,OADY,GAEZ,EAFN;AAT4G;AAA/E,GAArC,EAYSC,QAZT,CAD6M,CAAlM;AAAA,CAAf;;AAcA,eAAeZ,MAAf","sourcesContent":["import React from \"react\";\nimport { View } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\nconst Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = \"\", nextTitle = \"\", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor, dotActiveColor, children, style, }) => (React.createElement(View, { style: style },\n    React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, controlsProps: {\n            prevTitle,\n            nextTitle,\n            prevTitleStyle: { color: prevTitleColor },\n            nextTitleStyle: { color: nextTitleColor },\n            dotsTouchable,\n            ...(dotColor\n                ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n                : {}),\n            ...(dotActiveColor\n                ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n                : {}),\n        } }, children)));\nexport default Swiper;\n"]}
+{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAkBA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,cAPc;AAQdC,IAAAA,cARc;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,QAZc;AAadC,IAAAA;AAbc,GAAD;AAAA,sBAeb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAET,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAER;AAAT,OAHH;AAIbS,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEP;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMb,UAAIC,QAAQ,GACR;AAAEO,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAET;AAAnB;AAAd;AAAZ,OADQ,GAER,EAFJ,CANa;AASb,UAAIC,cAAc,GACd;AAAES,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAER;AAAnB;AAAlB,OADc,GAEd,EAFJ;AATa;AALjB,KAmBGC,QAnBH,CADF,CAfa;AAAA,CAAf;;AAwCA,eAAeZ,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  prevTitleColor?: string;\n  nextTitleColor?: string;\n  dotsTouchable?: boolean;\n  dotColor?: string;\n  dotActiveColor?: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  prevTitleColor,\n  nextTitleColor,\n  dotsTouchable = true,\n  dotColor,\n  dotActiveColor,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        prevTitleStyle: { color: prevTitleColor },\n        nextTitleStyle: { color: nextTitleColor },\n        dotsTouchable,\n        ...(dotColor\n          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n          : {}),\n        ...(dotActiveColor\n          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n          : {}),\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}

package/lib/module/components/TextField.js

@@ -288,7 +288,8 @@ class TextField extends React.Component {
     };
     const leftIconStyle = {
       position: "absolute",
-      marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : leftIconMode === "outset" ? 16 : 0
+      marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : leftIconMode === "outset" ? 16 : 0,
+      marginLeft: leftIconMode === "inset" && type === "solid" ? 16 : 0
     };
     const labelStyle = { ...typography.subtitle1,
       top: type === "solid" ? 16 : 0,
@@ -402,11 +403,13 @@ class TextField extends React.Component {
         opacity: hasActiveOutline ? this.state.labeled : 1
       }],
       numberOfLines: 1
-    }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
-      style: { ...leftIconStyle,
-        marginLeft: type === "solid" ? 16 : 0
+    }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(View, {
+      style: {
+        justifyContent: type === "solid" ? "center" : undefined
       }
-    })) : null, render({
+    }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+      style: leftIconStyle
+    }))) : null, render({
       ref: c => {
         this._root = c;
       },

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

@@ -1 +1 @@
-{"version":3,"sources":["TextField.tsx"],"names":["React","View","Animated","TextInput","NativeTextInput","StyleSheet","Text","I18nManager","withTheme","applyStyles","extractStyles","AnimatedText","createAnimatedComponent","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","TextField","Component","labeled","Value","props","value","error","focused","placeholder","labelLayout","measured","width","setTimeout","clearTimeout","_timer","setState","timing","state","toValue","duration","useNativeDriver","start","disabled","onChangeText","nativeEvent","text","undefined","getDerivedStateFromProps","nextProps","prevState","componentDidMount","defaultValue","_handleChangeText","_minmizeLabel","componentDidUpdate","prevProps","_restoreLabel","label","_showPlaceholder","_hidePlaceholder","componentWillUnmount","toggleFocus","setNativeProps","args","_root","isFocused","clear","focus","blur","render","Icon","type","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","underlineColorProp","multiline","numberOfLines","style","theme","colors","typography","roundness","disabledOpacity","rest","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","placeholderTextColor","paddingVertical","color","paddingLeft","paddingRight","height","assistiveTextLeftMargin","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","textStyles","inputStyles","styles","input","marginHorizontal","bgColor","padding","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderCol","styleProp","flatten","container","underline","scaleY","absoluteFill","e","layout","ref","c","onChange","editable","selectionColor","onFocus","_handleFocus","onBlur","_handleBlur","underlineColorAndroid","right","create","alignSelf","bottom","flexGrow","justifyContent","textAlignVertical","margin","textAlign","isRTL"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Animated,\n  TextInput as NativeTextInput,\n  StyleSheet,\n  Text,\n  I18nManager,\n  StyleProp,\n  TextInputProps,\n  NativeSyntheticEvent,\n  TextInputChangeEventData,\n  ViewStyle,\n  TextStyle,\n  LayoutChangeEvent,\n  ImageStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport { applyStyles, extractStyles } from \"../utilities\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\nexport type Props = {\n  type?: \"solid\" | \"underline\";\n  defaultValue?: string;\n  disabled?: boolean;\n  label?: string;\n  error?: boolean;\n  leftIconName?: string;\n  leftIconMode?: \"inset\" | \"outset\";\n  onChangeText: (\n    text: string | NativeSyntheticEvent<TextInputChangeEventData>\n  ) => void;\n  rightIconName?: string;\n  assistiveText?: string;\n  multiline?: boolean;\n  numberOfLines: number;\n  underlineColor?: string;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  theme: Theme;\n  render?: (\n    props: TextInputProps & { ref: (c: NativeTextInput) => void }\n  ) => React.ReactNode;\n} & TextInputProps &\n  IconSlot;\n\ninterface State {\n  labeled: Animated.Value;\n  focused?: boolean;\n  placeholder?: string | undefined;\n  labelLayout: {\n    measured: boolean;\n    width: number;\n  };\n  value?: string;\n}\n\nclass TextField extends React.Component<Props, State> {\n  static getDerivedStateFromProps(nextProps: Props, prevState: State) {\n    return {\n      value:\n        typeof nextProps.value !== \"undefined\"\n          ? nextProps.value\n          : prevState.value,\n    };\n  }\n\n  state: State = {\n    labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),\n    focused: false,\n    placeholder: this.props.error ? this.props.placeholder : \"\",\n    labelLayout: {\n      measured: false,\n      width: 0,\n    },\n  };\n\n  componentDidMount() {\n    if (this.props.defaultValue) {\n      this._handleChangeText(this.props.defaultValue);\n    }\n\n    if (this.props.placeholder) {\n      this._minmizeLabel();\n    }\n  }\n\n  componentDidUpdate(prevProps: Props, prevState: State) {\n    if (\n      prevState.focused !== this.state.focused ||\n      prevState.value !== this.state.value\n    ) {\n      // The label should be minimized if the text input is focused, or has text\n      // In minimized mode, the label moves up and becomes small\n      if (\n        this.state.value ||\n        this.state.focused ||\n        this.props.error ||\n        this.props.placeholder\n      ) {\n        this._minmizeLabel();\n      } else {\n        this._restoreLabel();\n      }\n    }\n\n    if (\n      prevState.focused !== this.state.focused ||\n      prevProps.label !== this.props.label\n    ) {\n      // Show placeholder text only if the input is focused, or has error, or there's no label\n      // We don't show placeholder if there's a label because the label acts as placeholder\n      // When focused, the label moves up, so we can show a placeholder\n      if (this.state.focused || this.props.error || !this.props.label) {\n        this._showPlaceholder();\n      } else {\n        this._hidePlaceholder();\n      }\n    }\n  }\n\n  _timer = setTimeout(() => {}, 0);\n\n  componentWillUnmount() {\n    clearTimeout(this._timer);\n  }\n\n  _showPlaceholder = () => {\n    clearTimeout(this._timer);\n\n    // Set the placeholder in a delay to offset the label animation\n    // If we show it immediately, they'll overlap and look ugly\n    this._timer = setTimeout(\n      () =>\n        this.setState({\n          placeholder: this.props.placeholder,\n        }),\n      50\n    );\n  };\n\n  _hidePlaceholder = () =>\n    this.setState({\n      placeholder: \"\",\n    });\n\n  _restoreLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 1,\n      duration: FOCUS_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _minmizeLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 0,\n      duration: BLUR_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: true });\n  };\n\n  _handleBlur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: false });\n  };\n\n  _handleChangeText = (\n    value: NativeSyntheticEvent<TextInputChangeEventData> | string\n  ) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (typeof value === \"string\") {\n      this.setState({ value });\n      this.props.onChangeText && this.props.onChangeText(value);\n    } else {\n      this.setState({ value: value.nativeEvent.text });\n      this.props.onChangeText &&\n        this.props.onChangeText(value.nativeEvent.text);\n    }\n  };\n\n  toggleFocus() {\n    this.setState((prevState: State) => ({ focused: !prevState.focused }));\n  }\n\n  _root: NativeTextInput | undefined = undefined;\n  /**\n   * @internal\n   */\n  setNativeProps(args: Props) {\n    return this._root && this._root.setNativeProps(args);\n  }\n\n  isFocused() {\n    return this._root && this._root.isFocused();\n  }\n\n  clear() {\n    return this._root && this._root.clear();\n  }\n\n  focus() {\n    return this._root && this._root.focus();\n  }\n\n  blur() {\n    return this._root && this._root.blur();\n  }\n\n  render() {\n    const {\n      Icon,\n      type = \"underline\",\n      disabled = false,\n      label,\n      error = false,\n      leftIconName,\n      leftIconMode,\n      rightIconName,\n      assistiveText,\n      underlineColor: underlineColorProp,\n      multiline = false,\n      numberOfLines = 4,\n      style,\n      theme: { colors, typography, roundness, disabledOpacity },\n      render = (props) => <NativeTextInput {...props} />,\n      ...rest\n    } = this.props;\n\n    const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n    const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n    const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n    const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n    const hasActiveOutline = this.state.focused || error;\n\n    let inputTextColor,\n      activeColor,\n      underlineColor,\n      borderColor,\n      placeholderColor,\n      containerStyle: StyleProp<ViewStyle>,\n      backgroundColor,\n      inputStyle: StyleProp<TextStyle>;\n\n    inputTextColor = colors.strong;\n    if (disabled) {\n      activeColor = colors.light;\n      placeholderColor = colors.light;\n      borderColor = \"transparent\";\n      underlineColor = \"transparent\";\n      backgroundColor = colors.divider;\n    } else {\n      activeColor = error ? colors.error : colors.primary;\n      placeholderColor = borderColor = colors.light;\n      underlineColor = underlineColorProp;\n      backgroundColor = colors.background;\n    }\n\n    if (rest.placeholderTextColor) {\n      placeholderColor = rest.placeholderTextColor;\n    }\n\n    const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n    inputStyle = {\n      paddingVertical: 0,\n      color: inputTextColor,\n      paddingLeft:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + 12 + (type === \"solid\" ? 16 : 0)\n          : 0,\n      paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n      ...subtitle1,\n    };\n\n    if (!multiline) {\n      inputStyle.height = lineHeight;\n    }\n\n    let assistiveTextLeftMargin;\n    if (type === \"underline\") {\n      containerStyle = {\n        borderTopLeftRadius: roundness,\n        borderTopRightRadius: roundness,\n        paddingBottom: 12,\n        marginTop: 16,\n      };\n\n      if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8;\n      } else {\n        assistiveTextLeftMargin = 0;\n      }\n    } else {\n      containerStyle = {\n        borderRadius: roundness,\n        borderColor: hasActiveOutline ? activeColor : borderColor,\n        borderWidth: 1,\n        paddingTop: label ? 16 * 1.5 : 16,\n        paddingBottom: label ? 16 * 0.5 : 16,\n        opacity: disabled ? disabledOpacity : 1,\n        backgroundColor,\n      };\n\n      if (leftIconName && leftIconMode === \"inset\") {\n        assistiveTextLeftMargin = 16 + 4;\n      } else if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8 + 12;\n      } else {\n        assistiveTextLeftMargin = 12;\n      }\n\n      inputStyle.paddingHorizontal = 12;\n    }\n\n    if (leftIconName && leftIconMode === \"outset\") {\n      containerStyle.marginLeft = ICON_SIZE + 8;\n    }\n\n    let leftIconColor;\n    if (error) {\n      leftIconColor = colors.error;\n    } else if (this.state.focused) {\n      leftIconColor = colors.primary;\n    } else {\n      leftIconColor = colors.light;\n    }\n\n    const leftIconProps = {\n      size: 24,\n      color: leftIconColor,\n      name: leftIconName || \"\",\n    };\n\n    const leftIconStyle: ImageStyle = {\n      position: \"absolute\",\n      marginTop:\n        type === \"solid\"\n          ? MINIMIZED_LABEL_FONT_SIZE + 4\n          : leftIconMode === \"outset\"\n          ? 16\n          : 0,\n    };\n\n    const labelStyle = {\n      ...typography.subtitle1,\n      top: type === \"solid\" ? 16 : 0,\n      left:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n          : 0,\n      transform: [\n        {\n          // Move label to top\n          translateY: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              type === \"solid\"\n                ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n                : MINIMIZED_LABEL_Y_OFFSET,\n              0,\n            ],\n          }),\n        },\n        {\n          // Make label smaller\n          scale: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n              1,\n            ],\n          }),\n        },\n        {\n          // Offset label scale since RN doesn't support transform origin\n          translateX: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n                (this.state.labelLayout.width / 2),\n              0,\n            ],\n          }),\n        },\n      ],\n    };\n\n    const { textStyles } = extractStyles(style);\n    const inputStyles = applyStyles(\n      [\n        styles.input,\n        inputStyle,\n        type === \"solid\" ? { marginHorizontal: 12 } : {},\n      ],\n      textStyles\n    );\n\n    const {\n      backgroundColor: bgColor,\n      padding,\n      paddingTop,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n      borderRadius,\n      borderWidth,\n      borderTopWidth,\n      borderRightWidth,\n      borderBottomWidth,\n      borderLeftWidth,\n      borderColor: borderCol,\n      ...styleProp\n    } = StyleSheet.flatten(style || {}) as ViewStyle & { height?: number };\n\n    return (\n      <View style={[styles.container, styleProp]}>\n        {leftIconName && leftIconMode === \"outset\" ? (\n          <Icon {...leftIconProps} style={leftIconStyle} />\n        ) : null}\n        <View\n          style={applyStyles([containerStyle], {\n            height: style?.height,\n            backgroundColor: bgColor,\n            padding,\n            paddingTop,\n            paddingBottom,\n            paddingLeft,\n            paddingRight,\n            borderRadius,\n            borderWidth,\n            borderTopWidth,\n            borderRightWidth,\n            borderBottomWidth,\n            borderLeftWidth,\n            borderColor: borderCol,\n          })}\n        >\n          {type === \"underline\" ? (\n            // When type === 'flat', render an underline\n            <Animated.View\n              style={[\n                styles.underline,\n                {\n                  backgroundColor:\n                    bgColor ||\n                    (error\n                      ? colors.error\n                      : this.state.focused\n                      ? activeColor\n                      : underlineColor),\n                  // Underlines is thinner when input is not focused\n                  transform: [{ scaleY: this.state.focused ? 1 : 0.5 }],\n                },\n              ]}\n            />\n          ) : null}\n\n          {label ? (\n            // Position colored placeholder and gray placeholder on top of each other and crossfade them\n            // This gives the effect of animating the color, but allows us to use native driver\n            <View\n              pointerEvents=\"none\"\n              style={[\n                StyleSheet.absoluteFill,\n                {\n                  opacity:\n                    // Hide the label in minimized state until we measure its width\n                    this.state.value || this.state.focused\n                      ? this.state.labelLayout.measured\n                        ? 1\n                        : 0\n                      : 1,\n                },\n              ]}\n            >\n              <AnimatedText\n                onLayout={(e: LayoutChangeEvent) =>\n                  this.setState({\n                    labelLayout: {\n                      width: e.nativeEvent.layout.width,\n                      measured: true,\n                    },\n                  })\n                }\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: this.state.labeled.interpolate({\n                      inputRange: [0, 1],\n                      outputRange: [hasActiveOutline ? 1 : 0, 0],\n                    }),\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n              <AnimatedText\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: hasActiveOutline ? this.state.labeled : 1,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n            </View>\n          ) : null}\n\n          {leftIconName && leftIconMode === \"inset\" ? (\n            <Icon\n              {...leftIconProps}\n              style={{\n                ...leftIconStyle,\n                marginLeft: type === \"solid\" ? 16 : 0,\n              }}\n            />\n          ) : null}\n\n          {render({\n            ref: (c: NativeTextInput) => {\n              this._root = c;\n            },\n            onChange: this._handleChangeText,\n            placeholder: label\n              ? this.state.placeholder\n              : this.props.placeholder,\n            placeholderTextColor: placeholderColor,\n            editable: !disabled,\n            selectionColor: activeColor,\n            multiline,\n            numberOfLines,\n            onFocus: this._handleFocus,\n            onBlur: this._handleBlur,\n            underlineColorAndroid: \"transparent\",\n            style: inputStyles,\n            ...rest,\n            value: this.state.value,\n          })}\n        </View>\n        {rightIconName ? (\n          <Icon\n            name={rightIconName}\n            size={ICON_SIZE}\n            color={colors.light}\n            style={{\n              position: \"absolute\",\n              right: 16,\n              marginTop: type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n            }}\n          />\n        ) : null}\n\n        {assistiveText ? (\n          <Text\n            style={[\n              {\n                color: error ? colors.error : colors.light,\n                marginTop: 8,\n                marginLeft: assistiveTextLeftMargin,\n              },\n            ]}\n          >\n            {assistiveText}\n          </Text>\n        ) : null}\n      </View>\n    );\n  }\n}\n\nexport default withTheme(TextField);\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  placeholder: {\n    position: \"absolute\",\n    left: 0,\n  },\n  underline: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 2,\n  },\n  input: {\n    flexGrow: 1,\n    justifyContent: \"center\",\n    textAlignVertical: \"center\",\n    margin: 0,\n    textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n  },\n});\n"]}
+{"version":3,"sources":["TextField.tsx"],"names":["React","View","Animated","TextInput","NativeTextInput","StyleSheet","Text","I18nManager","withTheme","applyStyles","extractStyles","AnimatedText","createAnimatedComponent","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","TextField","Component","labeled","Value","props","value","error","focused","placeholder","labelLayout","measured","width","setTimeout","clearTimeout","_timer","setState","timing","state","toValue","duration","useNativeDriver","start","disabled","onChangeText","nativeEvent","text","undefined","getDerivedStateFromProps","nextProps","prevState","componentDidMount","defaultValue","_handleChangeText","_minmizeLabel","componentDidUpdate","prevProps","_restoreLabel","label","_showPlaceholder","_hidePlaceholder","componentWillUnmount","toggleFocus","setNativeProps","args","_root","isFocused","clear","focus","blur","render","Icon","type","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","underlineColorProp","multiline","numberOfLines","style","theme","colors","typography","roundness","disabledOpacity","rest","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","placeholderTextColor","paddingVertical","color","paddingLeft","paddingRight","height","assistiveTextLeftMargin","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","textStyles","inputStyles","styles","input","marginHorizontal","bgColor","padding","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderCol","styleProp","flatten","container","underline","scaleY","absoluteFill","e","layout","justifyContent","ref","c","onChange","editable","selectionColor","onFocus","_handleFocus","onBlur","_handleBlur","underlineColorAndroid","right","create","alignSelf","bottom","flexGrow","textAlignVertical","margin","textAlign","isRTL"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Animated,\n  TextInput as NativeTextInput,\n  StyleSheet,\n  Text,\n  I18nManager,\n  StyleProp,\n  TextInputProps,\n  NativeSyntheticEvent,\n  TextInputChangeEventData,\n  ViewStyle,\n  TextStyle,\n  LayoutChangeEvent,\n  ImageStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport { applyStyles, extractStyles } from \"../utilities\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\nexport type Props = {\n  type?: \"solid\" | \"underline\";\n  defaultValue?: string;\n  disabled?: boolean;\n  label?: string;\n  error?: boolean;\n  leftIconName?: string;\n  leftIconMode?: \"inset\" | \"outset\";\n  onChangeText: (\n    text: string | NativeSyntheticEvent<TextInputChangeEventData>\n  ) => void;\n  rightIconName?: string;\n  assistiveText?: string;\n  multiline?: boolean;\n  numberOfLines: number;\n  underlineColor?: string;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  theme: Theme;\n  render?: (\n    props: TextInputProps & { ref: (c: NativeTextInput) => void }\n  ) => React.ReactNode;\n} & TextInputProps &\n  IconSlot;\n\ninterface State {\n  labeled: Animated.Value;\n  focused?: boolean;\n  placeholder?: string | undefined;\n  labelLayout: {\n    measured: boolean;\n    width: number;\n  };\n  value?: string;\n}\n\nclass TextField extends React.Component<Props, State> {\n  static getDerivedStateFromProps(nextProps: Props, prevState: State) {\n    return {\n      value:\n        typeof nextProps.value !== \"undefined\"\n          ? nextProps.value\n          : prevState.value,\n    };\n  }\n\n  state: State = {\n    labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),\n    focused: false,\n    placeholder: this.props.error ? this.props.placeholder : \"\",\n    labelLayout: {\n      measured: false,\n      width: 0,\n    },\n  };\n\n  componentDidMount() {\n    if (this.props.defaultValue) {\n      this._handleChangeText(this.props.defaultValue);\n    }\n\n    if (this.props.placeholder) {\n      this._minmizeLabel();\n    }\n  }\n\n  componentDidUpdate(prevProps: Props, prevState: State) {\n    if (\n      prevState.focused !== this.state.focused ||\n      prevState.value !== this.state.value\n    ) {\n      // The label should be minimized if the text input is focused, or has text\n      // In minimized mode, the label moves up and becomes small\n      if (\n        this.state.value ||\n        this.state.focused ||\n        this.props.error ||\n        this.props.placeholder\n      ) {\n        this._minmizeLabel();\n      } else {\n        this._restoreLabel();\n      }\n    }\n\n    if (\n      prevState.focused !== this.state.focused ||\n      prevProps.label !== this.props.label\n    ) {\n      // Show placeholder text only if the input is focused, or has error, or there's no label\n      // We don't show placeholder if there's a label because the label acts as placeholder\n      // When focused, the label moves up, so we can show a placeholder\n      if (this.state.focused || this.props.error || !this.props.label) {\n        this._showPlaceholder();\n      } else {\n        this._hidePlaceholder();\n      }\n    }\n  }\n\n  _timer = setTimeout(() => {}, 0);\n\n  componentWillUnmount() {\n    clearTimeout(this._timer);\n  }\n\n  _showPlaceholder = () => {\n    clearTimeout(this._timer);\n\n    // Set the placeholder in a delay to offset the label animation\n    // If we show it immediately, they'll overlap and look ugly\n    this._timer = setTimeout(\n      () =>\n        this.setState({\n          placeholder: this.props.placeholder,\n        }),\n      50\n    );\n  };\n\n  _hidePlaceholder = () =>\n    this.setState({\n      placeholder: \"\",\n    });\n\n  _restoreLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 1,\n      duration: FOCUS_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _minmizeLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 0,\n      duration: BLUR_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: true });\n  };\n\n  _handleBlur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: false });\n  };\n\n  _handleChangeText = (\n    value: NativeSyntheticEvent<TextInputChangeEventData> | string\n  ) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (typeof value === \"string\") {\n      this.setState({ value });\n      this.props.onChangeText && this.props.onChangeText(value);\n    } else {\n      this.setState({ value: value.nativeEvent.text });\n      this.props.onChangeText &&\n        this.props.onChangeText(value.nativeEvent.text);\n    }\n  };\n\n  toggleFocus() {\n    this.setState((prevState: State) => ({ focused: !prevState.focused }));\n  }\n\n  _root: NativeTextInput | undefined = undefined;\n  /**\n   * @internal\n   */\n  setNativeProps(args: Props) {\n    return this._root && this._root.setNativeProps(args);\n  }\n\n  isFocused() {\n    return this._root && this._root.isFocused();\n  }\n\n  clear() {\n    return this._root && this._root.clear();\n  }\n\n  focus() {\n    return this._root && this._root.focus();\n  }\n\n  blur() {\n    return this._root && this._root.blur();\n  }\n\n  render() {\n    const {\n      Icon,\n      type = \"underline\",\n      disabled = false,\n      label,\n      error = false,\n      leftIconName,\n      leftIconMode,\n      rightIconName,\n      assistiveText,\n      underlineColor: underlineColorProp,\n      multiline = false,\n      numberOfLines = 4,\n      style,\n      theme: { colors, typography, roundness, disabledOpacity },\n      render = (props) => <NativeTextInput {...props} />,\n      ...rest\n    } = this.props;\n\n    const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n    const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n    const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n    const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n    const hasActiveOutline = this.state.focused || error;\n\n    let inputTextColor,\n      activeColor,\n      underlineColor,\n      borderColor,\n      placeholderColor,\n      containerStyle: StyleProp<ViewStyle>,\n      backgroundColor,\n      inputStyle: StyleProp<TextStyle>;\n\n    inputTextColor = colors.strong;\n    if (disabled) {\n      activeColor = colors.light;\n      placeholderColor = colors.light;\n      borderColor = \"transparent\";\n      underlineColor = \"transparent\";\n      backgroundColor = colors.divider;\n    } else {\n      activeColor = error ? colors.error : colors.primary;\n      placeholderColor = borderColor = colors.light;\n      underlineColor = underlineColorProp;\n      backgroundColor = colors.background;\n    }\n\n    if (rest.placeholderTextColor) {\n      placeholderColor = rest.placeholderTextColor;\n    }\n\n    const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n    inputStyle = {\n      paddingVertical: 0,\n      color: inputTextColor,\n      paddingLeft:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + 12 + (type === \"solid\" ? 16 : 0)\n          : 0,\n      paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n      ...subtitle1,\n    };\n\n    if (!multiline) {\n      inputStyle.height = lineHeight;\n    }\n\n    let assistiveTextLeftMargin;\n    if (type === \"underline\") {\n      containerStyle = {\n        borderTopLeftRadius: roundness,\n        borderTopRightRadius: roundness,\n        paddingBottom: 12,\n        marginTop: 16,\n      };\n\n      if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8;\n      } else {\n        assistiveTextLeftMargin = 0;\n      }\n    } else {\n      containerStyle = {\n        borderRadius: roundness,\n        borderColor: hasActiveOutline ? activeColor : borderColor,\n        borderWidth: 1,\n        paddingTop: label ? 16 * 1.5 : 16,\n        paddingBottom: label ? 16 * 0.5 : 16,\n        opacity: disabled ? disabledOpacity : 1,\n        backgroundColor,\n      };\n\n      if (leftIconName && leftIconMode === \"inset\") {\n        assistiveTextLeftMargin = 16 + 4;\n      } else if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8 + 12;\n      } else {\n        assistiveTextLeftMargin = 12;\n      }\n\n      inputStyle.paddingHorizontal = 12;\n    }\n\n    if (leftIconName && leftIconMode === \"outset\") {\n      containerStyle.marginLeft = ICON_SIZE + 8;\n    }\n\n    let leftIconColor;\n    if (error) {\n      leftIconColor = colors.error;\n    } else if (this.state.focused) {\n      leftIconColor = colors.primary;\n    } else {\n      leftIconColor = colors.light;\n    }\n\n    const leftIconProps = {\n      size: 24,\n      color: leftIconColor,\n      name: leftIconName || \"\",\n    };\n\n    const leftIconStyle: ImageStyle = {\n      position: \"absolute\",\n      marginTop:\n        type === \"solid\"\n          ? MINIMIZED_LABEL_FONT_SIZE + 4\n          : leftIconMode === \"outset\"\n          ? 16\n          : 0,\n      marginLeft: leftIconMode === \"inset\" && type === \"solid\" ? 16 : 0,\n    };\n\n    const labelStyle = {\n      ...typography.subtitle1,\n      top: type === \"solid\" ? 16 : 0,\n      left:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n          : 0,\n      transform: [\n        {\n          // Move label to top\n          translateY: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              type === \"solid\"\n                ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n                : MINIMIZED_LABEL_Y_OFFSET,\n              0,\n            ],\n          }),\n        },\n        {\n          // Make label smaller\n          scale: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n              1,\n            ],\n          }),\n        },\n        {\n          // Offset label scale since RN doesn't support transform origin\n          translateX: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n                (this.state.labelLayout.width / 2),\n              0,\n            ],\n          }),\n        },\n      ],\n    };\n\n    const { textStyles } = extractStyles(style);\n    const inputStyles = applyStyles(\n      [\n        styles.input,\n        inputStyle,\n        type === \"solid\" ? { marginHorizontal: 12 } : {},\n      ],\n      textStyles\n    );\n\n    const {\n      backgroundColor: bgColor,\n      padding,\n      paddingTop,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n      borderRadius,\n      borderWidth,\n      borderTopWidth,\n      borderRightWidth,\n      borderBottomWidth,\n      borderLeftWidth,\n      borderColor: borderCol,\n      ...styleProp\n    } = StyleSheet.flatten(style || {}) as ViewStyle & { height?: number };\n\n    return (\n      <View style={[styles.container, styleProp]}>\n        {leftIconName && leftIconMode === \"outset\" ? (\n          <Icon {...leftIconProps} style={leftIconStyle} />\n        ) : null}\n        <View\n          style={applyStyles([containerStyle], {\n            height: style?.height,\n            backgroundColor: bgColor,\n            padding,\n            paddingTop,\n            paddingBottom,\n            paddingLeft,\n            paddingRight,\n            borderRadius,\n            borderWidth,\n            borderTopWidth,\n            borderRightWidth,\n            borderBottomWidth,\n            borderLeftWidth,\n            borderColor: borderCol,\n          })}\n        >\n          {type === \"underline\" ? (\n            // When type === 'flat', render an underline\n            <Animated.View\n              style={[\n                styles.underline,\n                {\n                  backgroundColor:\n                    bgColor ||\n                    (error\n                      ? colors.error\n                      : this.state.focused\n                      ? activeColor\n                      : underlineColor),\n                  // Underlines is thinner when input is not focused\n                  transform: [{ scaleY: this.state.focused ? 1 : 0.5 }],\n                },\n              ]}\n            />\n          ) : null}\n\n          {label ? (\n            // Position colored placeholder and gray placeholder on top of each other and crossfade them\n            // This gives the effect of animating the color, but allows us to use native driver\n            <View\n              pointerEvents=\"none\"\n              style={[\n                StyleSheet.absoluteFill,\n                {\n                  opacity:\n                    // Hide the label in minimized state until we measure its width\n                    this.state.value || this.state.focused\n                      ? this.state.labelLayout.measured\n                        ? 1\n                        : 0\n                      : 1,\n                },\n              ]}\n            >\n              <AnimatedText\n                onLayout={(e: LayoutChangeEvent) =>\n                  this.setState({\n                    labelLayout: {\n                      width: e.nativeEvent.layout.width,\n                      measured: true,\n                    },\n                  })\n                }\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: this.state.labeled.interpolate({\n                      inputRange: [0, 1],\n                      outputRange: [hasActiveOutline ? 1 : 0, 0],\n                    }),\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n              <AnimatedText\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: hasActiveOutline ? this.state.labeled : 1,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n            </View>\n          ) : null}\n\n          {leftIconName && leftIconMode === \"inset\" ? (\n            <View\n              style={{\n                justifyContent: type === \"solid\" ? \"center\" : undefined,\n              }}\n            >\n              <Icon {...leftIconProps} style={leftIconStyle} />\n            </View>\n          ) : null}\n\n          {render({\n            ref: (c: NativeTextInput) => {\n              this._root = c;\n            },\n            onChange: this._handleChangeText,\n            placeholder: label\n              ? this.state.placeholder\n              : this.props.placeholder,\n            placeholderTextColor: placeholderColor,\n            editable: !disabled,\n            selectionColor: activeColor,\n            multiline,\n            numberOfLines,\n            onFocus: this._handleFocus,\n            onBlur: this._handleBlur,\n            underlineColorAndroid: \"transparent\",\n            style: inputStyles,\n            ...rest,\n            value: this.state.value,\n          })}\n        </View>\n        {rightIconName ? (\n          <Icon\n            name={rightIconName}\n            size={ICON_SIZE}\n            color={colors.light}\n            style={{\n              position: \"absolute\",\n              right: 16,\n              marginTop: type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n            }}\n          />\n        ) : null}\n\n        {assistiveText ? (\n          <Text\n            style={[\n              {\n                color: error ? colors.error : colors.light,\n                marginTop: 8,\n                marginLeft: assistiveTextLeftMargin,\n              },\n            ]}\n          >\n            {assistiveText}\n          </Text>\n        ) : null}\n      </View>\n    );\n  }\n}\n\nexport default withTheme(TextField);\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  placeholder: {\n    position: \"absolute\",\n    left: 0,\n  },\n  underline: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 2,\n  },\n  input: {\n    flexGrow: 1,\n    justifyContent: \"center\",\n    textAlignVertical: \"center\",\n    margin: 0,\n    textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n  },\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["AvatarEdit.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","description","category","deprecated","layout","width","height","props","size","group","basic","label","editable","required","formType","number","propType","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,eAAjB,EAAkCC,UAAlC,EAA8CC,UAA9C,QAAiE,iBAAjE;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,aADe;AAErBC,EAAAA,GAAG,EAAE,YAFgB;AAGrBC,EAAAA,WAAW,EAAE,8CAHQ;AAIrBC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,UAJL;AAKrBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,KAAK,EAAE,EADH;AAEJC,IAAAA,MAAM,EAAE;AAFJ,GALa;AASrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADZ;AAEFC,MAAAA,KAAK,EAAE,MAFL;AAGFV,MAAAA,WAAW,EAAE,gCAHX;AAIFW,MAAAA,QAAQ,EAAE,IAJR;AAKFC,MAAAA,QAAQ,EAAE,KALR;AAMFC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MANnB;AAOFC,MAAAA,QAAQ,EAAEnB,UAAU,CAACoB,MAPnB;AAQFC,MAAAA,GAAG,EAAE,CARH;AASFC,MAAAA,GAAG,EAAE,GATH;AAUFC,MAAAA,SAAS,EAAE,CAVT;AAWFC,MAAAA,IAAI,EAAE,CAXJ;AAYFC,MAAAA,YAAY,EAAE;AAZZ,KADH;AAeHC,IAAAA,KAAK,EAAE;AACHd,MAAAA,KAAK,EAAEf,MAAM,CAAC8B,IADX;AAEHb,MAAAA,KAAK,EAAE,OAFJ;AAGHV,MAAAA,WAAW,EAAE,mBAHV;AAIHW,MAAAA,QAAQ,EAAE,IAJP;AAKHC,MAAAA,QAAQ,EAAE,IALP;AAMHC,MAAAA,QAAQ,EAAElB,UAAU,CAAC2B,KANlB;AAOHP,MAAAA,QAAQ,EAAEnB,UAAU,CAAC4B,KAPlB;AAQHH,MAAAA,YAAY,EAAE;AARX;AAfJ;AATc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Avatar Edit\",\n    tag: \"AvatarEdit\",\n    description: \"An avatar with an edit icon in the top right\",\n    category: COMPONENT_TYPES.deprecated,\n    layout: {\n        width: 64,\n        height: 64,\n    },\n    props: {\n        size: {\n            group: GROUPS.basic,\n            label: \"Size\",\n            description: \"Size of avatar / width, height\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 0,\n            max: 300,\n            precision: 0,\n            step: 1,\n            defaultValue: 80,\n        },\n        image: {\n            group: GROUPS.data,\n            label: \"Image\",\n            description: \"Name of the image\",\n            editable: true,\n            required: true,\n            formType: FORM_TYPES.image,\n            propType: PROP_TYPES.ASSET,\n            defaultValue: \"brightness-5\",\n        },\n    },\n};\n"]}
+{"version":3,"sources":["AvatarEdit.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","description","category","deprecated","layout","width","height","props","size","group","basic","label","editable","required","formType","number","propType","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,8CAHU;AAIvBC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,UAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,EADD;AAENC,IAAAA,MAAM,EAAE;AAFF,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADV;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJV,MAAAA,WAAW,EAAE,gCAHT;AAIJW,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,QAAQ,EAAE,KALN;AAMJC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MANjB;AAOJC,MAAAA,QAAQ,EAAEnB,UAAU,CAACoB,MAPjB;AAQJC,MAAAA,GAAG,EAAE,CARD;AASJC,MAAAA,GAAG,EAAE,GATD;AAUJC,MAAAA,SAAS,EAAE,CAVP;AAWJC,MAAAA,IAAI,EAAE,CAXF;AAYJC,MAAAA,YAAY,EAAE;AAZV,KADD;AAeLC,IAAAA,KAAK,EAAE;AACLd,MAAAA,KAAK,EAAEf,MAAM,CAAC8B,IADT;AAELb,MAAAA,KAAK,EAAE,OAFF;AAGLV,MAAAA,WAAW,EAAE,mBAHR;AAILW,MAAAA,QAAQ,EAAE,IAJL;AAKLC,MAAAA,QAAQ,EAAE,IALL;AAMLC,MAAAA,QAAQ,EAAElB,UAAU,CAAC2B,KANhB;AAOLP,MAAAA,QAAQ,EAAEnB,UAAU,CAAC4B,KAPhB;AAQLH,MAAAA,YAAY,EAAE;AART;AAfF;AATgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Avatar Edit\",\n  tag: \"AvatarEdit\",\n  description: \"An avatar with an edit icon in the top right\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {\n    width: 64,\n    height: 64,\n  },\n  props: {\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of avatar / width, height\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 300,\n      precision: 0,\n      step: 1,\n      defaultValue: 80,\n    },\n    image: {\n      group: GROUPS.data,\n      label: \"Image\",\n      description: \"Name of the image\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.image,\n      propType: PROP_TYPES.ASSET,\n      defaultValue: \"brightness-5\",\n    },\n  },\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.4.11-421a19.2+421a1949",
+  "version": "43.4.11-d2edf8.3+d2edf814",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "421a1949982ee262ed6188497586ca441786dfee"
+  "gitHead": "d2edf81446f0e84767bbea7fba1ea857ed1521ef"
 }

package/src/components/TextField.js

@@ -231,6 +231,7 @@ class TextField extends React.Component {
                 : leftIconMode === "outset"
                     ? 16
                     : 0,
+            marginLeft: leftIconMode === "inset" && type === "solid" ? 16 : 0,
         };
         const labelStyle = {
             ...typography.subtitle1,
@@ -355,10 +356,10 @@ class TextField extends React.Component {
                                 opacity: hasActiveOutline ? this.state.labeled : 1,
                             },
                         ], numberOfLines: 1 }, label))) : null,
-                leftIconName && leftIconMode === "inset" ? (React.createElement(Icon, { ...leftIconProps, style: {
-                        ...leftIconStyle,
-                        marginLeft: type === "solid" ? 16 : 0,
-                    } })) : null,
+                leftIconName && leftIconMode === "inset" ? (React.createElement(View, { style: {
+                        justifyContent: type === "solid" ? "center" : undefined,
+                    } },
+                    React.createElement(Icon, { ...leftIconProps, style: leftIconStyle }))) : null,
                 render({
                     ref: (c) => {
                         this._root = c;

package/src/components/TextField.tsx

@@ -359,6 +359,7 @@ class TextField extends React.Component<Props, State> {
           : leftIconMode === "outset"
           ? 16
           : 0,
+      marginLeft: leftIconMode === "inset" && type === "solid" ? 16 : 0,
     };
 
     const labelStyle = {
@@ -536,13 +537,13 @@ class TextField extends React.Component<Props, State> {
           ) : null}
 
           {leftIconName && leftIconMode === "inset" ? (
-            <Icon
-              {...leftIconProps}
+            <View
               style={{
-                ...leftIconStyle,
-                marginLeft: type === "solid" ? 16 : 0,
+                justifyContent: type === "solid" ? "center" : undefined,
               }}
-            />
+            >
+              <Icon {...leftIconProps} style={leftIconStyle} />
+            </View>
           ) : null}
 
           {render({