@draftbit/core 42.4.2-50ce38.2 → 42.4.2-717ab1.2

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

@@ -1 +1 @@
-{"version":3,"sources":["Layout.tsx"],"names":["Center","width","height","children","bgColor","style","rest","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack","SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","props","label","group","GROUPS","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","number","NUMBER","color","THEME"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\n// @ts-ignore\nimport type { ViewStyleProp } from \"react-native/Libraries/StyleSheet/StyleSheet\";\n\nimport {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n} from \"@draftbit/types\";\n\nexport function Center({\n  width = 240,\n  height = 200,\n  children,\n  bgColor,\n  style,\n  ...rest\n}: {\n  width: number;\n  height: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        {\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          width,\n          height,\n          backgroundColor: bgColor,\n        },\n        style,\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Circle({\n  size = 50,\n  bgColor,\n  children,\n  style,\n  ...rest\n}: {\n  size: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  const borderRadius = 1000;\n  return (\n    <Center\n      width={size}\n      height={size}\n      bgColor={bgColor}\n      style={[\n        style,\n        { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n      ]}\n      {...rest}\n    >\n      {children}\n    </Center>\n  );\n}\n\nexport function Square({\n  size = 50,\n  bgColor,\n  children,\n  style,\n  ...rest\n}: {\n  size: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <Center\n      style={style}\n      width={size}\n      height={size}\n      bgColor={bgColor}\n      {...rest}\n    >\n      {children}\n    </Center>\n  );\n}\n\nexport function Row({\n  justifyContent,\n  alignItems,\n  children,\n  style,\n  ...rest\n}: {\n  alignItems: ViewStyleProp.alignItems;\n  justifyContent: ViewStyleProp.justifyContent;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        style, // style goes first b/c we can't override these\n        {\n          alignItems,\n          flexDirection: \"row\",\n          justifyContent: justifyContent,\n        },\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Spacer({\n  top = 8,\n  right = 8,\n  bottom = 8,\n  left = 8,\n  children,\n  style,\n  ...rest\n}: {\n  top?: number;\n  right?: number;\n  left?: number;\n  bottom?: number;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        style,\n        {\n          paddingRight: right,\n          paddingTop: top,\n          paddingLeft: left,\n          paddingBottom: bottom,\n        },\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Stack({\n  children,\n  justifyContent = \"flex-start\",\n  alignItems = \"flex-start\",\n  style,\n  ...rest\n}: {\n  justifyContent: ViewStyleProp.justifyContent;\n  alignItems: ViewStyleProp.alignItems;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    // style must go first since we don't want justifyContent, alignItems overridden\n    <View style={[style, { justifyContent, alignItems }]} {...rest}>\n      {children}\n    </View>\n  );\n}\n\nexport const SEED_DATA = [\n  {\n    name: \"Row\",\n    tag: \"Row\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      justifyContent: {\n        label: \"Align Horizontally\",\n        group: GROUPS.style,\n        description: \"Align Items Horizontally (on the X Axis)\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n      alignItems: {\n        label: \"Align Vertically\",\n        group: GROUPS.style,\n        description: \"Align Items Vertically (on the Y Axis)\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Spacer\",\n    tag: \"Spacer\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      top: {\n        label: \"Top\",\n        description: \"Top\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      right: {\n        label: \"Right\",\n        description: \"Right\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      bottom: {\n        label: \"Bottom\",\n        description: \"Bottom\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      left: {\n        label: \"Left\",\n        description: \"Left\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Stack\",\n    tag: \"Stack\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      justifyContent: {\n        group: GROUPS.style,\n        label: \"Justify\",\n        description: \"Justify horizontally\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n      alignItems: {\n        group: GROUPS.style,\n        label: \"Align\",\n        description: \"Vertical align\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Center\",\n    tag: \"Center\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      width: {\n        label: \"Width\",\n        description: \"Width\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 240,\n        editable: true,\n        required: false,\n      },\n      height: {\n        label: \"Height\",\n        description: \"Height\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 200,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n  {\n    name: \"Circle\",\n    tag: \"Circle\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      size: {\n        label: \"Size\",\n        description: \"Size\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 50,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n  {\n    name: \"Square\",\n    tag: \"Square\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      size: {\n        label: \"Size\",\n        description: \"Size\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 50,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n];\n"]}
+{"version":3,"sources":["Layout.js"],"names":["Center","width","height","children","bgColor","style","rest","React","createElement","View","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack","SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","props","label","group","GROUPS","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","number","NUMBER","color","THEME"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AACO,SAASA,MAAT,CAAgB;AAAEC,EAAAA,KAAK,GAAG,GAAV;AAAeC,EAAAA,MAAM,GAAG,GAAxB;AAA6BC,EAAAA,QAA7B;AAAuCC,EAAAA,OAAvC;AAAgDC,EAAAA,KAAhD;AAAuD,KAAGC;AAA1D,CAAhB,EAAkF;AACrF,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEJ,IAAAA,KAAK,EAAE,CACnC;AACIK,MAAAA,cAAc,EAAE,QADpB;AAEIC,MAAAA,UAAU,EAAE,QAFhB;AAGIV,MAAAA,KAHJ;AAIIC,MAAAA,MAJJ;AAKIU,MAAAA,eAAe,EAAER;AALrB,KADmC,EAQnCC,KARmC,CAAT;AAS3B,OAAGC;AATwB,GAA1B,EASUH,QATV,CAAR;AAUH;;AACM,SAASU,MAAT,CAAgB;AAAEC,EAAAA,IAAI,GAAG,EAAT;AAAaV,EAAAA,OAAb;AAAsBD,EAAAA,QAAtB;AAAgCE,EAAAA,KAAhC;AAAuC,KAAGC;AAA1C,CAAhB,EAAkE;AACrE,QAAMS,YAAY,GAAG,IAArB;AACA,sBAAQR,KAAK,CAACC,aAAN,CAAoBR,MAApB,EAA4B;AAAEC,IAAAA,KAAK,EAAEa,IAAT;AAAeZ,IAAAA,MAAM,EAAEY,IAAvB;AAA6BV,IAAAA,OAAO,EAAEA,OAAtC;AAA+CC,IAAAA,KAAK,EAAE,CAClFA,KADkF,EAElF;AAAEO,MAAAA,eAAe,EAAER,OAAnB;AAA4BW,MAAAA,YAA5B;AAA0CC,MAAAA,QAAQ,EAAE;AAApD,KAFkF,CAAtD;AAG7B,OAAGV;AAH0B,GAA5B,EAGUH,QAHV,CAAR;AAIH;;AACM,SAASc,MAAT,CAAgB;AAAEH,EAAAA,IAAI,GAAG,EAAT;AAAaV,EAAAA,OAAb;AAAsBD,EAAAA,QAAtB;AAAgCE,EAAAA,KAAhC;AAAuC,KAAGC;AAA1C,CAAhB,EAAkE;AACrE,sBAAQC,KAAK,CAACC,aAAN,CAAoBR,MAApB,EAA4B;AAAEK,IAAAA,KAAK,EAAEA,KAAT;AAAgBJ,IAAAA,KAAK,EAAEa,IAAvB;AAA6BZ,IAAAA,MAAM,EAAEY,IAArC;AAA2CV,IAAAA,OAAO,EAAEA,OAApD;AAA6D,OAAGE;AAAhE,GAA5B,EAAoGH,QAApG,CAAR;AACH;;AACM,SAASe,GAAT,CAAa;AAAER,EAAAA,cAAF;AAAkBC,EAAAA,UAAlB;AAA8BR,EAAAA,QAA9B;AAAwCE,EAAAA,KAAxC;AAA+C,KAAGC;AAAlD,CAAb,EAAuE;AAC1E,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEJ,IAAAA,KAAK,EAAE,CACnCA,KADmC,EAEnC;AACIM,MAAAA,UADJ;AAEIQ,MAAAA,aAAa,EAAE,KAFnB;AAGIT,MAAAA,cAAc,EAAEA;AAHpB,KAFmC,CAAT;AAO3B,OAAGJ;AAPwB,GAA1B,EAOUH,QAPV,CAAR;AAQH;;AACM,SAASiB,MAAT,CAAgB;AAAEC,EAAAA,GAAG,GAAG,CAAR;AAAWC,EAAAA,KAAK,GAAG,CAAnB;AAAsBC,EAAAA,MAAM,GAAG,CAA/B;AAAkCC,EAAAA,IAAI,GAAG,CAAzC;AAA4CrB,EAAAA,QAA5C;AAAsDE,EAAAA,KAAtD;AAA6D,KAAGC;AAAhE,CAAhB,EAAwF;AAC3F,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEJ,IAAAA,KAAK,EAAE,CACnCA,KADmC,EAEnC;AACIoB,MAAAA,YAAY,EAAEH,KADlB;AAEII,MAAAA,UAAU,EAAEL,GAFhB;AAGIM,MAAAA,WAAW,EAAEH,IAHjB;AAIII,MAAAA,aAAa,EAAEL;AAJnB,KAFmC,CAAT;AAQ3B,OAAGjB;AARwB,GAA1B,EAQUH,QARV,CAAR;AASH;;AACM,SAAS0B,KAAT,CAAe;AAAE1B,EAAAA,QAAF;AAAYO,EAAAA,cAAc,GAAG,YAA7B;AAA2CC,EAAAA,UAAU,GAAG,YAAxD;AAAsEN,EAAAA,KAAtE;AAA6E,KAAGC;AAAhF,CAAf,EAAuG;AAC1G;AAAA;AACA;AACAC,IAAAA,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEJ,MAAAA,KAAK,EAAE,CAACA,KAAD,EAAQ;AAAEK,QAAAA,cAAF;AAAkBC,QAAAA;AAAlB,OAAR,CAAT;AAAkD,SAAGL;AAArD,KAA1B,EAAuFH,QAAvF;AAFA;AAGH;;AACM,MAAM2B,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,KADV;AAEIC,EAAAA,GAAG,EAAE,KAFT;AAGIC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAH9B;AAIIC,EAAAA,KAAK,EAAE;AACH1B,IAAAA,cAAc,EAAE;AACZ2B,MAAAA,KAAK,EAAE,oBADK;AAEZC,MAAAA,KAAK,EAAEC,cAAOlC,KAFF;AAGZmC,MAAAA,WAAW,EAAE,0CAHD;AAIZC,MAAAA,QAAQ,EAAEC,kBAAWC,MAJT;AAKZC,MAAAA,QAAQ,EAAEC,kBAAWC,MALT;AAMZC,MAAAA,YAAY,EAAE,YANF;AAOZC,MAAAA,QAAQ,EAAE,IAPE;AAQZC,MAAAA,QAAQ,EAAE;AARE,KADb;AAWHtC,IAAAA,UAAU,EAAE;AACR0B,MAAAA,KAAK,EAAE,kBADC;AAERC,MAAAA,KAAK,EAAEC,cAAOlC,KAFN;AAGRmC,MAAAA,WAAW,EAAE,wCAHL;AAIRC,MAAAA,QAAQ,EAAEC,kBAAWC,MAJb;AAKRC,MAAAA,QAAQ,EAAEC,kBAAWC,MALb;AAMRC,MAAAA,YAAY,EAAE,YANN;AAORC,MAAAA,QAAQ,EAAE,IAPF;AAQRC,MAAAA,QAAQ,EAAE;AARF;AAXT;AAJX,CADqB,EA4BrB;AACIlB,EAAAA,IAAI,EAAE,QADV;AAEIC,EAAAA,GAAG,EAAE,QAFT;AAGIC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAH9B;AAIIC,EAAAA,KAAK,EAAE;AACHf,IAAAA,GAAG,EAAE;AACDgB,MAAAA,KAAK,EAAE,KADN;AAEDG,MAAAA,WAAW,EAAE,KAFZ;AAGDC,MAAAA,QAAQ,EAAEC,kBAAWQ,MAHpB;AAIDN,MAAAA,QAAQ,EAAEC,kBAAWM,MAJpB;AAKDb,MAAAA,KAAK,EAAEC,cAAOlC,KALb;AAMD0C,MAAAA,YAAY,EAAE,CANb;AAODC,MAAAA,QAAQ,EAAE,IAPT;AAQDC,MAAAA,QAAQ,EAAE;AART,KADF;AAWH3B,IAAAA,KAAK,EAAE;AACHe,MAAAA,KAAK,EAAE,OADJ;AAEHG,MAAAA,WAAW,EAAE,OAFV;AAGHC,MAAAA,QAAQ,EAAEC,kBAAWQ,MAHlB;AAIHN,MAAAA,QAAQ,EAAEC,kBAAWM,MAJlB;AAKHb,MAAAA,KAAK,EAAEC,cAAOlC,KALX;AAMH0C,MAAAA,YAAY,EAAE,CANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP,KAXJ;AAqBH1B,IAAAA,MAAM,EAAE;AACJc,MAAAA,KAAK,EAAE,QADH;AAEJG,MAAAA,WAAW,EAAE,QAFT;AAGJC,MAAAA,QAAQ,EAAEC,kBAAWQ,MAHjB;AAIJN,MAAAA,QAAQ,EAAEC,kBAAWM,MAJjB;AAKJb,MAAAA,KAAK,EAAEC,cAAOlC,KALV;AAMJ0C,MAAAA,YAAY,EAAE,CANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN,KArBL;AA+BHzB,IAAAA,IAAI,EAAE;AACFa,MAAAA,KAAK,EAAE,MADL;AAEFG,MAAAA,WAAW,EAAE,MAFX;AAGFC,MAAAA,QAAQ,EAAEC,kBAAWQ,MAHnB;AAIFN,MAAAA,QAAQ,EAAEC,kBAAWM,MAJnB;AAKFb,MAAAA,KAAK,EAAEC,cAAOlC,KALZ;AAMF0C,MAAAA,YAAY,EAAE,CANZ;AAOFC,MAAAA,QAAQ,EAAE,IAPR;AAQFC,MAAAA,QAAQ,EAAE;AARR;AA/BH;AAJX,CA5BqB,EA2ErB;AACIlB,EAAAA,IAAI,EAAE,OADV;AAEIC,EAAAA,GAAG,EAAE,OAFT;AAGIC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAH9B;AAIIC,EAAAA,KAAK,EAAE;AACH1B,IAAAA,cAAc,EAAE;AACZ4B,MAAAA,KAAK,EAAEC,cAAOlC,KADF;AAEZgC,MAAAA,KAAK,EAAE,SAFK;AAGZG,MAAAA,WAAW,EAAE,sBAHD;AAIZC,MAAAA,QAAQ,EAAEC,kBAAWC,MAJT;AAKZC,MAAAA,QAAQ,EAAEC,kBAAWC,MALT;AAMZC,MAAAA,YAAY,EAAE,YANF;AAOZC,MAAAA,QAAQ,EAAE,IAPE;AAQZC,MAAAA,QAAQ,EAAE;AARE,KADb;AAWHtC,IAAAA,UAAU,EAAE;AACR2B,MAAAA,KAAK,EAAEC,cAAOlC,KADN;AAERgC,MAAAA,KAAK,EAAE,OAFC;AAGRG,MAAAA,WAAW,EAAE,gBAHL;AAIRC,MAAAA,QAAQ,EAAEC,kBAAWC,MAJb;AAKRC,MAAAA,QAAQ,EAAEC,kBAAWC,MALb;AAMRC,MAAAA,YAAY,EAAE,YANN;AAORC,MAAAA,QAAQ,EAAE,IAPF;AAQRC,MAAAA,QAAQ,EAAE;AARF;AAXT;AAJX,CA3EqB,EAsGrB;AACIlB,EAAAA,IAAI,EAAE,QADV;AAEIC,EAAAA,GAAG,EAAE,QAFT;AAGIC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAH9B;AAIIC,EAAAA,KAAK,EAAE;AACHnC,IAAAA,KAAK,EAAE;AACHoC,MAAAA,KAAK,EAAE,OADJ;AAEHG,MAAAA,WAAW,EAAE,OAFV;AAGHC,MAAAA,QAAQ,EAAEC,kBAAWQ,MAHlB;AAIHN,MAAAA,QAAQ,EAAEC,kBAAWM,MAJlB;AAKHb,MAAAA,KAAK,EAAEC,cAAOlC,KALX;AAMH0C,MAAAA,YAAY,EAAE,GANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP,KADJ;AAWH/C,IAAAA,MAAM,EAAE;AACJmC,MAAAA,KAAK,EAAE,QADH;AAEJG,MAAAA,WAAW,EAAE,QAFT;AAGJC,MAAAA,QAAQ,EAAEC,kBAAWQ,MAHjB;AAIJN,MAAAA,QAAQ,EAAEC,kBAAWM,MAJjB;AAKJb,MAAAA,KAAK,EAAEC,cAAOlC,KALV;AAMJ0C,MAAAA,YAAY,EAAE,GANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN,KAXL;AAqBH7C,IAAAA,OAAO,EAAE;AACLiC,MAAAA,KAAK,EAAE,kBADF;AAELG,MAAAA,WAAW,EAAE,kBAFR;AAGLC,MAAAA,QAAQ,EAAEC,kBAAWU,KAHhB;AAILR,MAAAA,QAAQ,EAAEC,kBAAWQ,KAJhB;AAKLL,MAAAA,QAAQ,EAAE,IALL;AAMLC,MAAAA,QAAQ,EAAE,KANL;AAOLF,MAAAA,YAAY,EAAE,OAPT;AAQLT,MAAAA,KAAK,EAAEC,cAAOlC;AART;AArBN;AAJX,CAtGqB,EA2IrB;AACI0B,EAAAA,IAAI,EAAE,QADV;AAEIC,EAAAA,GAAG,EAAE,QAFT;AAGIC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAH9B;AAIIC,EAAAA,KAAK,EAAE;AACHtB,IAAAA,IAAI,EAAE;AACFuB,MAAAA,KAAK,EAAE,MADL;AAEFG,MAAAA,WAAW,EAAE,MAFX;AAGFC,MAAAA,QAAQ,EAAEC,kBAAWQ,MAHnB;AAIFN,MAAAA,QAAQ,EAAEC,kBAAWM,MAJnB;AAKFb,MAAAA,KAAK,EAAEC,cAAOlC,KALZ;AAMF0C,MAAAA,YAAY,EAAE,EANZ;AAOFC,MAAAA,QAAQ,EAAE,IAPR;AAQFC,MAAAA,QAAQ,EAAE;AARR,KADH;AAWH7C,IAAAA,OAAO,EAAE;AACLiC,MAAAA,KAAK,EAAE,kBADF;AAELG,MAAAA,WAAW,EAAE,kBAFR;AAGLC,MAAAA,QAAQ,EAAEC,kBAAWU,KAHhB;AAILR,MAAAA,QAAQ,EAAEC,kBAAWQ,KAJhB;AAKLL,MAAAA,QAAQ,EAAE,IALL;AAMLC,MAAAA,QAAQ,EAAE,KANL;AAOLF,MAAAA,YAAY,EAAE,OAPT;AAQLT,MAAAA,KAAK,EAAEC,cAAOlC;AART;AAXN;AAJX,CA3IqB,EAsKrB;AACI0B,EAAAA,IAAI,EAAE,QADV;AAEIC,EAAAA,GAAG,EAAE,QAFT;AAGIC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAH9B;AAIIC,EAAAA,KAAK,EAAE;AACHtB,IAAAA,IAAI,EAAE;AACFuB,MAAAA,KAAK,EAAE,MADL;AAEFG,MAAAA,WAAW,EAAE,MAFX;AAGFC,MAAAA,QAAQ,EAAEC,kBAAWQ,MAHnB;AAIFN,MAAAA,QAAQ,EAAEC,kBAAWM,MAJnB;AAKFb,MAAAA,KAAK,EAAEC,cAAOlC,KALZ;AAMF0C,MAAAA,YAAY,EAAE,EANZ;AAOFC,MAAAA,QAAQ,EAAE,IAPR;AAQFC,MAAAA,QAAQ,EAAE;AARR,KADH;AAWH7C,IAAAA,OAAO,EAAE;AACLiC,MAAAA,KAAK,EAAE,kBADF;AAELG,MAAAA,WAAW,EAAE,kBAFR;AAGLC,MAAAA,QAAQ,EAAEC,kBAAWU,KAHhB;AAILR,MAAAA,QAAQ,EAAEC,kBAAWQ,KAJhB;AAKLL,MAAAA,QAAQ,EAAE,IALL;AAMLC,MAAAA,QAAQ,EAAE,KANL;AAOLF,MAAAA,YAAY,EAAE,OAPT;AAQLT,MAAAA,KAAK,EAAEC,cAAOlC;AART;AAXN;AAJX,CAtKqB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nimport { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, } from \"@draftbit/types\";\nexport function Center({ width = 240, height = 200, children, bgColor, style, ...rest }) {\n    return (React.createElement(View, { style: [\n            {\n                justifyContent: \"center\",\n                alignItems: \"center\",\n                width,\n                height,\n                backgroundColor: bgColor,\n            },\n            style,\n        ], ...rest }, children));\n}\nexport function Circle({ size = 50, bgColor, children, style, ...rest }) {\n    const borderRadius = 1000;\n    return (React.createElement(Center, { width: size, height: size, bgColor: bgColor, style: [\n            style,\n            { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n        ], ...rest }, children));\n}\nexport function Square({ size = 50, bgColor, children, style, ...rest }) {\n    return (React.createElement(Center, { style: style, width: size, height: size, bgColor: bgColor, ...rest }, children));\n}\nexport function Row({ justifyContent, alignItems, children, style, ...rest }) {\n    return (React.createElement(View, { style: [\n            style,\n            {\n                alignItems,\n                flexDirection: \"row\",\n                justifyContent: justifyContent,\n            },\n        ], ...rest }, children));\n}\nexport function Spacer({ top = 8, right = 8, bottom = 8, left = 8, children, style, ...rest }) {\n    return (React.createElement(View, { style: [\n            style,\n            {\n                paddingRight: right,\n                paddingTop: top,\n                paddingLeft: left,\n                paddingBottom: bottom,\n            },\n        ], ...rest }, children));\n}\nexport function Stack({ children, justifyContent = \"flex-start\", alignItems = \"flex-start\", style, ...rest }) {\n    return (\n    // style must go first since we don't want justifyContent, alignItems overridden\n    React.createElement(View, { style: [style, { justifyContent, alignItems }], ...rest }, children));\n}\nexport const SEED_DATA = [\n    {\n        name: \"Row\",\n        tag: \"Row\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            justifyContent: {\n                label: \"Align Horizontally\",\n                group: GROUPS.style,\n                description: \"Align Items Horizontally (on the X Axis)\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"flex-start\",\n                editable: true,\n                required: false,\n            },\n            alignItems: {\n                label: \"Align Vertically\",\n                group: GROUPS.style,\n                description: \"Align Items Vertically (on the Y Axis)\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"flex-start\",\n                editable: true,\n                required: false,\n            },\n        },\n    },\n    {\n        name: \"Spacer\",\n        tag: \"Spacer\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            top: {\n                label: \"Top\",\n                description: \"Top\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 8,\n                editable: true,\n                required: false,\n            },\n            right: {\n                label: \"Right\",\n                description: \"Right\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 8,\n                editable: true,\n                required: false,\n            },\n            bottom: {\n                label: \"Bottom\",\n                description: \"Bottom\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 8,\n                editable: true,\n                required: false,\n            },\n            left: {\n                label: \"Left\",\n                description: \"Left\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 8,\n                editable: true,\n                required: false,\n            },\n        },\n    },\n    {\n        name: \"Stack\",\n        tag: \"Stack\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            justifyContent: {\n                group: GROUPS.style,\n                label: \"Justify\",\n                description: \"Justify horizontally\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"flex-start\",\n                editable: true,\n                required: false,\n            },\n            alignItems: {\n                group: GROUPS.style,\n                label: \"Align\",\n                description: \"Vertical align\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"flex-start\",\n                editable: true,\n                required: false,\n            },\n        },\n    },\n    {\n        name: \"Center\",\n        tag: \"Center\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            width: {\n                label: \"Width\",\n                description: \"Width\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 240,\n                editable: true,\n                required: false,\n            },\n            height: {\n                label: \"Height\",\n                description: \"Height\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 200,\n                editable: true,\n                required: false,\n            },\n            bgColor: {\n                label: \"Background Color\",\n                description: \"Background color\",\n                formType: FORM_TYPES.color,\n                propType: PROP_TYPES.THEME,\n                editable: true,\n                required: false,\n                defaultValue: \"light\",\n                group: GROUPS.style,\n            },\n        },\n    },\n    {\n        name: \"Circle\",\n        tag: \"Circle\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            size: {\n                label: \"Size\",\n                description: \"Size\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 50,\n                editable: true,\n                required: false,\n            },\n            bgColor: {\n                label: \"Background Color\",\n                description: \"Background color\",\n                formType: FORM_TYPES.color,\n                propType: PROP_TYPES.THEME,\n                editable: true,\n                required: false,\n                defaultValue: \"light\",\n                group: GROUPS.style,\n            },\n        },\n    },\n    {\n        name: \"Square\",\n        tag: \"Square\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            size: {\n                label: \"Size\",\n                description: \"Size\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 50,\n                editable: true,\n                required: false,\n            },\n            bgColor: {\n                label: \"Background Color\",\n                description: \"Background color\",\n                formType: FORM_TYPES.color,\n                propType: PROP_TYPES.THEME,\n                editable: true,\n                required: false,\n                defaultValue: \"light\",\n                group: GROUPS.style,\n            },\n        },\n    },\n];\n"]}

package/lib/commonjs/components/{MapView/MapCallout.native.js → Markdown.js}

@@ -7,41 +7,39 @@ exports.SEED_DATA = exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _reactNativeMaps = require("react-native-maps");
+var _reactNativeMarkdownDisplay = _interopRequireDefault(require("react-native-markdown-display"));
+
+var _theming = require("../theming");
 
 var _types = require("@draftbit/types");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 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; }
 
-const MapCallout = ({
-  onPress,
-  showTooltip,
-  children
-}) => /*#__PURE__*/React.createElement(_reactNativeMaps.Callout, {
-  tooltip: !showTooltip,
-  onPress: onPress
-}, children);
+const MarkdownComponent = ({
+  content
+}) => {
+  return /*#__PURE__*/React.createElement(_reactNativeMarkdownDisplay.default, null, content);
+};
+
+var _default = (0, _theming.withTheme)(MarkdownComponent);
 
-var _default = MapCallout;
 exports.default = _default;
 const SEED_DATA = {
-  name: "Callout",
-  tag: "MapCallout",
-  description: "An info window to display on top of a marker when it is clicked",
-  category: _types.COMPONENT_TYPES.container,
-  layout: {},
+  name: "Markdown",
+  tag: "MarkdownComponent",
+  description: "A markdown component",
+  category: _types.COMPONENT_TYPES.basic,
   props: {
-    onPress: (0, _types.createActionProp)({
-      description: "Action to execute when the callout is pressed"
-    }),
-    showTooltip: (0, _types.createBoolProp)({
-      label: "Show Tooltip",
-      description: 'If false, a default "tooltip" bubble window will be drawn around this callout\'s children. If true, the child views can fully customize their appearance, including any "bubble"-like styles',
-      defaultValue: false
+    content: (0, _types.createTextProp)({
+      label: "Markdown Text",
+      description: "Markdown Text",
+      defaultValue: null
     })
   }
 };
 exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=MapCallout.native.js.map
+//# sourceMappingURL=Markdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Markdown.js"],"names":["MarkdownComponent","content","React","createElement","Markdown","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","props","label","defaultValue"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,iBAAiB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAiB;AACvC,sBAAOC,KAAK,CAACC,aAAN,CAAoBC,mCAApB,EAA8B,IAA9B,EAAoCH,OAApC,CAAP;AACH,CAFD;;eAGe,wBAAUD,iBAAV,C;;;AACR,MAAMK,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,UADe;AAErBC,EAAAA,GAAG,EAAE,mBAFgB;AAGrBC,EAAAA,WAAW,EAAE,sBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJL;AAKrBC,EAAAA,KAAK,EAAE;AACHX,IAAAA,OAAO,EAAE,2BAAe;AACpBY,MAAAA,KAAK,EAAE,eADa;AAEpBL,MAAAA,WAAW,EAAE,eAFO;AAGpBM,MAAAA,YAAY,EAAE;AAHM,KAAf;AADN;AALc,CAAlB","sourcesContent":["import * as React from \"react\";\nimport Markdown from \"react-native-markdown-display\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createTextProp } from \"@draftbit/types\";\nconst MarkdownComponent = ({ content }) => {\n    return React.createElement(Markdown, null, content);\n};\nexport default withTheme(MarkdownComponent);\nexport const SEED_DATA = {\n    name: \"Markdown\",\n    tag: \"MarkdownComponent\",\n    description: \"A markdown component\",\n    category: COMPONENT_TYPES.basic,\n    props: {\n        content: createTextProp({\n            label: \"Markdown Text\",\n            description: \"Markdown Text\",\n            defaultValue: null,\n        }),\n    },\n};\n"]}

package/lib/commonjs/components/NumberInput.js

@@ -13,8 +13,6 @@ var _hooks = require("../hooks");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 NumberInput = ({
   initialValue,
   onChangeText,
@@ -28,7 +26,21 @@ const NumberInput = ({
     }
   }, [initialValue, previousInitialValue, onChangeText]);
 
-  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    keyboardType: "numeric",
+    onChangeText: val => onChangeText(stringToInteger(val)),
+    ...props
+  });
+};
+
+const stringToInteger = str => {
+  const number = parseFloat(str);
+  return isNaN(number) ? 0 : number;
+};
+
+var _default = NumberInput;
+exports.default = _default;
+//# sourceMappingURL=NumberInput.js.map _extends({
     keyboardType: "numeric",
     onChangeText: val => onChangeText(stringToInteger(val))
   }, props));

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

@@ -1 +1 @@
-{"version":3,"sources":["NumberInput.tsx"],"names":["NumberInput","initialValue","onChangeText","props","previousInitialValue","React","useEffect","stringToInteger","val","str","number","parseFloat","isNaN"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAOA,MAAMA,WAA4B,GAAG,CAAC;AACpCC,EAAAA,YADoC;AAEpCC,EAAAA,YAFoC;AAGpC,KAAGC;AAHiC,CAAD,KAI/B;AACJ,QAAMC,oBAAoB,GAAG,wBAAYH,YAAZ,CAA7B;;AACAI,iBAAMC,SAAN,CAAgB,MAAM;AACpB,QAAIL,YAAY,KAAKG,oBAArB,EAA2C;AACzCF,MAAAA,YAAY,CAACK,eAAe,CAACN,YAAD,CAAhB,CAAZ;AACD;AACF,GAJD,EAIG,CAACA,YAAD,EAAeG,oBAAf,EAAqCF,YAArC,CAJH;;AAMA,sBACE,6BAAC,sBAAD;AACE,IAAA,YAAY,EAAC,SADf;AAEE,IAAA,YAAY,EAAGM,GAAD,IAASN,YAAY,CAACK,eAAe,CAACC,GAAD,CAAhB;AAFrC,KAGML,KAHN,EADF;AAOD,CAnBD;;AAqBA,MAAMI,eAAe,GAAIE,GAAD,IAAqC;AAC3D,QAAMC,MAAM,GAAGC,UAAU,CAACF,GAAD,CAAzB;AACA,SAAOG,KAAK,CAACF,MAAD,CAAL,GAAgB,CAAhB,GAAoBA,MAA3B;AACD,CAHD;;eAKeV,W","sourcesContent":["import React from \"react\";\nimport { TextInput as NativeNumberInput } from \"react-native\";\nimport { usePrevious } from \"../hooks\";\n\ninterface Props {\n  initialValue?: string;\n  onChangeText: (value?: number) => void;\n}\n\nconst NumberInput: React.FC<Props> = ({\n  initialValue,\n  onChangeText,\n  ...props\n}) => {\n  const previousInitialValue = usePrevious(initialValue);\n  React.useEffect(() => {\n    if (initialValue !== previousInitialValue) {\n      onChangeText(stringToInteger(initialValue));\n    }\n  }, [initialValue, previousInitialValue, onChangeText]);\n\n  return (\n    <NativeNumberInput\n      keyboardType=\"numeric\"\n      onChangeText={(val) => onChangeText(stringToInteger(val))}\n      {...props}\n    />\n  );\n};\n\nconst stringToInteger = (str: string | undefined): number => {\n  const number = parseFloat(str as string);\n  return isNaN(number) ? 0 : number;\n};\n\nexport default NumberInput;\n"]}
+{"version":3,"sources":["NumberInput.js"],"names":["NumberInput","initialValue","onChangeText","props","previousInitialValue","React","useEffect","stringToInteger","createElement","NativeNumberInput","keyboardType","val","str","number","parseFloat","isNaN"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,WAAW,GAAG,CAAC;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA,YAAhB;AAA8B,KAAGC;AAAjC,CAAD,KAA8C;AAC9D,QAAMC,oBAAoB,GAAG,wBAAYH,YAAZ,CAA7B;;AACAI,iBAAMC,SAAN,CAAgB,MAAM;AAClB,QAAIL,YAAY,KAAKG,oBAArB,EAA2C;AACvCF,MAAAA,YAAY,CAACK,eAAe,CAACN,YAAD,CAAhB,CAAZ;AACH;AACJ,GAJD,EAIG,CAACA,YAAD,EAAeG,oBAAf,EAAqCF,YAArC,CAJH;;AAKA,sBAAQG,eAAMG,aAAN,CAAoBC,sBAApB,EAAuC;AAAEC,IAAAA,YAAY,EAAE,SAAhB;AAA2BR,IAAAA,YAAY,EAAGS,GAAD,IAAST,YAAY,CAACK,eAAe,CAACI,GAAD,CAAhB,CAA9D;AAAsF,OAAGR;AAAzF,GAAvC,CAAR;AACH,CARD;;AASA,MAAMI,eAAe,GAAIK,GAAD,IAAS;AAC7B,QAAMC,MAAM,GAAGC,UAAU,CAACF,GAAD,CAAzB;AACA,SAAOG,KAAK,CAACF,MAAD,CAAL,GAAgB,CAAhB,GAAoBA,MAA3B;AACH,CAHD;;eAIeb,W","sourcesContent":["import React from \"react\";\nimport { TextInput as NativeNumberInput } from \"react-native\";\nimport { usePrevious } from \"../hooks\";\nconst NumberInput = ({ initialValue, onChangeText, ...props }) => {\n    const previousInitialValue = usePrevious(initialValue);\n    React.useEffect(() => {\n        if (initialValue !== previousInitialValue) {\n            onChangeText(stringToInteger(initialValue));\n        }\n    }, [initialValue, previousInitialValue, onChangeText]);\n    return (React.createElement(NativeNumberInput, { keyboardType: \"numeric\", onChangeText: (val) => onChangeText(stringToInteger(val)), ...props }));\n};\nconst stringToInteger = (str) => {\n    const number = parseFloat(str);\n    return isNaN(number) ? 0 : number;\n};\nexport default NumberInput;\n"]}

package/lib/commonjs/components/Picker/PickerTypes.js

@@ -1,5 +1,6 @@
 "use strict";
-//# sourceMappingURL=PickerTypes.js.mapdule", {
+
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 //# sourceMappingURL=PickerTypes.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["PortalManager.tsx"],"names":["PortalManager","React","PureComponent","portals","key","children","setState","state","map","item","filter","render","StyleSheet","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AASA;AACA;AACA;AACe,MAAMA,aAAN,SAA4BC,KAAK,CAACC,aAAlC,CAA2D;AAAA;AAAA;;AAAA,mCACzD;AACbC,MAAAA,OAAO,EAAE;AADI,KADyD;;AAAA,mCAKhE,CAACC,GAAD,EAAcC,QAAd,KAA4C;AAClD,WAAKC,QAAL,CAAeC,KAAD,KAAY;AACxBJ,QAAAA,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAV,EAAmB;AAAEC,UAAAA,GAAF;AAAOC,UAAAA;AAAP,SAAnB;AADe,OAAZ,CAAd;AAGD,KATuE;;AAAA,oCAW/D,CAACD,GAAD,EAAcC,QAAd,KACP,KAAKC,QAAL,CAAeC,KAAD,KAAY;AACxBJ,MAAAA,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;AACnC,YAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;AACpB,iBAAO,EAAE,GAAGK,IAAL;AAAWJ,YAAAA;AAAX,WAAP;AACD;;AACD,eAAOI,IAAP;AACD,OALQ;AADe,KAAZ,CAAd,CAZsE;;AAAA,qCAqB7DL,GAAD,IACR,KAAKE,QAAL,CAAeC,KAAD,KAAY;AACxBJ,MAAAA,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;AADe,KAAZ,CAAd,CAtBsE;AAAA;;AA0BxEO,EAAAA,MAAM,GAAG;AACP,WAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB,CAAC;AAAEJ,MAAAA,GAAF;AAAOC,MAAAA;AAAP,KAAD,kBAC5B,oBAAC,iBAAD;AACE,MAAA,GAAG,EAAED,GADP;AAEE,MAAA,WAAW,EACT;AAAM;AAHV;AAKE,MAAA,aAAa,EAAC,UALhB;AAME,MAAA,KAAK,EAAEQ,wBAAWC;AANpB,OAQGR,QARH,CADK,CAAP;AAYD;;AAvCuE","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n\ntype State = {\n  portals: Array<{\n    key: number;\n    children: React.ReactNode;\n  }>;\n};\n\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent<{}, State> {\n  state: State = {\n    portals: [],\n  };\n\n  mount = (key: number, children: React.ReactNode) => {\n    this.setState((state) => ({\n      portals: [...state.portals, { key, children }],\n    }));\n  };\n\n  update = (key: number, children: React.ReactNode) =>\n    this.setState((state) => ({\n      portals: state.portals.map((item) => {\n        if (item.key === key) {\n          return { ...item, children };\n        }\n        return item;\n      }),\n    }));\n\n  unmount = (key: number) =>\n    this.setState((state) => ({\n      portals: state.portals.filter((item) => item.key !== key),\n    }));\n\n  render() {\n    return this.state.portals.map(({ key, children }) => (\n      <View\n        key={key}\n        collapsable={\n          false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */\n        }\n        pointerEvents=\"box-none\"\n        style={StyleSheet.absoluteFill}\n      >\n        {children}\n      </View>\n    ));\n  }\n}\n"]}
+{"version":3,"sources":["PortalManager.js"],"names":["PortalManager","React","PureComponent","portals","key","children","setState","state","map","item","filter","render","createElement","View","collapsable","pointerEvents","style","StyleSheet","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AACA;AACA;AACA;AACe,MAAMA,aAAN,SAA4BC,KAAK,CAACC,aAAlC,CAAgD;AAAA;AAAA;;AAAA,mCACnD;AACJC,MAAAA,OAAO,EAAE;AADL,KADmD;;AAAA,mCAInD,CAACC,GAAD,EAAMC,QAAN,KAAmB;AACvB,WAAKC,QAAL,CAAeC,KAAD,KAAY;AACtBJ,QAAAA,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAV,EAAmB;AAAEC,UAAAA,GAAF;AAAOC,UAAAA;AAAP,SAAnB;AADa,OAAZ,CAAd;AAGH,KAR0D;;AAAA,oCASlD,CAACD,GAAD,EAAMC,QAAN,KAAmB,KAAKC,QAAL,CAAeC,KAAD,KAAY;AAClDJ,MAAAA,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;AACjC,YAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;AAClB,iBAAO,EAAE,GAAGK,IAAL;AAAWJ,YAAAA;AAAX,WAAP;AACH;;AACD,eAAOI,IAAP;AACH,OALQ;AADyC,KAAZ,CAAd,CAT+B;;AAAA,qCAiBhDL,GAAD,IAAS,KAAKE,QAAL,CAAeC,KAAD,KAAY;AACzCJ,MAAAA,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;AADgC,KAAZ,CAAd,CAjBwC;AAAA;;AAoB3DO,EAAAA,MAAM,GAAG;AACL,WAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB,CAAC;AAAEJ,MAAAA,GAAF;AAAOC,MAAAA;AAAP,KAAD,kBAAwBJ,KAAK,CAACW,aAAN,CAAoBC,iBAApB,EAA0B;AAAET,MAAAA,GAAG,EAAEA,GAAP;AAAYU,MAAAA,WAAW,EAAE;AAAM;AAA/B;AAAyIC,MAAAA,aAAa,EAAE,UAAxJ;AAAoKC,MAAAA,KAAK,EAAEC,wBAAWC;AAAtL,KAA1B,EAAgOb,QAAhO,CAA/C,CAAP;AACH;;AAtB0D","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent {\n    state = {\n        portals: [],\n    };\n    mount = (key, children) => {\n        this.setState((state) => ({\n            portals: [...state.portals, { key, children }],\n        }));\n    };\n    update = (key, children) => this.setState((state) => ({\n        portals: state.portals.map((item) => {\n            if (item.key === key) {\n                return { ...item, children };\n            }\n            return item;\n        }),\n    }));\n    unmount = (key) => this.setState((state) => ({\n        portals: state.portals.filter((item) => item.key !== key),\n    }));\n    render() {\n        return this.state.portals.map(({ key, children }) => (React.createElement(View, { key: key, collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */, pointerEvents: \"box-none\", style: StyleSheet.absoluteFill }, children)));\n    }\n}\n"]}

package/lib/commonjs/components/ProgressBar.js

@@ -15,8 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || 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); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 const INDETERMINATE_WIDTH_FACTOR = 0.3;
@@ -95,7 +93,6 @@ class ProgressBar extends _react.Component {
         _reactNative.Animated[animationType](this.state.progress, { ...animationConfig,
           toValue: progress,
           velocity: 0,
-          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -167,10 +164,11 @@ class ProgressBar extends _react.Component {
         })
       }]
     };
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: [containerStyle, style],
-      onLayout: this.handleLayout
-    }, restProps), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      onLayout: this.handleLayout,
+      ...restProps
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
       style: progressStyle
     }), children);
   }
@@ -276,4 +274,19 @@ const SEED_DATA = [{
   }
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=ProgressBar.js.mapat occurs when the bar is filled(Default is Spring)",
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "spring",
+      options: ["decay", "timing", "spring"],
+      editable: true,
+      required: true
+    }
+  },
+  layout: {
+    width: 200,
+    height: 20
+  }
+}];
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=ProgressBar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ProgressBar.tsx"],"names":["INDETERMINATE_WIDTH_FACTOR","BAR_WIDTH_ZERO_POSITION","ProgressBar","Component","constructor","props","event","width","onLayout","setState","nativeEvent","layout","progress","progressP","indeterminate","Math","min","max","state","Animated","Value","animationValue","componentDidMount","animate","componentDidUpdate","prevProps","useNativeDriver","animationType","animationConfig","bounciness","animated","spring","toValue","start","velocity","setValue","indeterminateAnimationDuration","timing","duration","easing","Easing","linear","isInteraction","endState","finished","render","borderColor","borderRadius","borderWidth","children","color","style","unfilledColor","restProps","innerWidth","containerStyle","overflow","backgroundColor","progressStyle","height","transform","translateX","interpolate","inputRange","outputRange","I18nManager","isRTL","scaleX","handleLayout","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","defaultValue","step","precision","editable","required","basic","THEME","flatArray","STRING","options"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\nimport {\n  Animated,\n  Easing,\n  View,\n  I18nManager,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n  LayoutChangeEvent,\n} from \"react-native\";\nimport {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nconst INDETERMINATE_WIDTH_FACTOR = 0.3;\nconst BAR_WIDTH_ZERO_POSITION =\n  INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);\n\ntype Props = {\n  borderColor?: string;\n  borderRadius?: number;\n  borderWidth?: number;\n  children?: React.ReactNode;\n  color?: string;\n  height?: number;\n  style?: StyleProp<ViewStyle>;\n  unfilledColor?: string;\n  width?: number;\n  animated?: boolean;\n  indeterminate?: boolean;\n  indeterminateAnimationDuration?: number;\n  progress?: number;\n  useNativeDriver?: boolean;\n  animationConfig?: Animated.AnimationConfig;\n  animationType?: \"decay\" | \"timing\" | \"spring\";\n} & ViewProps;\n\ninterface State {\n  width: number;\n  progress: Animated.Value;\n  animationValue: Animated.Value;\n}\n\nexport default class ProgressBar extends Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n    const { progress: progressP = 0, indeterminate = false } = props;\n    const progress = Math.min(Math.max(progressP, 0), 1);\n    this.state = {\n      width: 0,\n      progress: new Animated.Value(\n        indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress\n      ),\n      animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION),\n    };\n  }\n\n  componentDidMount() {\n    const { indeterminate = false } = this.props;\n    if (indeterminate) {\n      this.animate();\n    }\n  }\n\n  componentDidUpdate(prevProps: Props) {\n    const {\n      indeterminate = false,\n      useNativeDriver = false,\n      progress: progressP = 0,\n      animationType = \"spring\",\n      animationConfig = { bounciness: 0 },\n      animated = true,\n    } = this.props;\n\n    if (prevProps.indeterminate !== indeterminate) {\n      if (indeterminate) {\n        this.animate();\n      } else {\n        Animated.spring(this.state.animationValue, {\n          toValue: BAR_WIDTH_ZERO_POSITION,\n          useNativeDriver,\n        }).start();\n      }\n    }\n    if (\n      prevProps.indeterminate !== indeterminate ||\n      prevProps.progress !== progressP\n    ) {\n      const progress = this.props.indeterminate\n        ? INDETERMINATE_WIDTH_FACTOR\n        : Math.min(Math.max(progressP, 0), 1);\n\n      if (animated) {\n        Animated[animationType](this.state.progress, {\n          ...animationConfig,\n          toValue: progress,\n          velocity: 0, //adjust this value if animation fails - velocity is required\n          useNativeDriver,\n        }).start();\n      } else {\n        this.state.progress.setValue(progress);\n      }\n    }\n  }\n\n  handleLayout = (event: LayoutChangeEvent) => {\n    const { width = 150, onLayout } = this.props;\n    if (!width) {\n      this.setState({ width: event.nativeEvent.layout.width });\n    }\n    if (onLayout) {\n      onLayout(event);\n    }\n  };\n\n  animate() {\n    const { useNativeDriver = false, indeterminateAnimationDuration = 1000 } =\n      this.props;\n    this.state.animationValue.setValue(0);\n    Animated.timing(this.state.animationValue, {\n      toValue: 1,\n      duration: indeterminateAnimationDuration,\n      easing: Easing.linear,\n      isInteraction: false,\n      useNativeDriver,\n    }).start((endState) => {\n      if (endState.finished) {\n        this.animate();\n      }\n    });\n  }\n\n  render() {\n    const {\n      borderColor,\n      borderRadius = 4,\n      borderWidth = 1,\n      children,\n      color = \"rgba(0, 122, 255, 1)\",\n      style,\n      unfilledColor,\n      width = 150,\n      ...restProps\n    } = this.props;\n\n    const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;\n    const containerStyle: StyleProp<ViewStyle> = {\n      width,\n      borderWidth,\n      borderColor: borderColor || color,\n      borderRadius,\n      overflow: \"hidden\",\n      backgroundColor: unfilledColor,\n    };\n    const progressStyle = {\n      backgroundColor: color,\n      // Always take up full height of container.\n      height: \"100%\",\n      transform: [\n        {\n          translateX: this.state.animationValue.interpolate({\n            inputRange: [0, 1],\n            outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth],\n          }),\n        },\n        {\n          translateX: this.state.progress.interpolate({\n            inputRange: [0, 1],\n            outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0],\n          }),\n        },\n        {\n          // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278\n          scaleX: this.state.progress.interpolate({\n            inputRange: [0, 1],\n            outputRange: [0.0001, 1],\n          }),\n        },\n      ],\n    };\n\n    return (\n      <View\n        style={[containerStyle, style]}\n        onLayout={this.handleLayout}\n        {...restProps}\n      >\n        <Animated.View style={progressStyle} />\n        {children}\n      </View>\n    );\n  }\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":["INDETERMINATE_WIDTH_FACTOR","BAR_WIDTH_ZERO_POSITION","ProgressBar","Component","constructor","props","event","width","onLayout","setState","nativeEvent","layout","progress","progressP","indeterminate","Math","min","max","state","Animated","Value","animationValue","componentDidMount","animate","componentDidUpdate","prevProps","useNativeDriver","animationType","animationConfig","bounciness","animated","spring","toValue","start","velocity","setValue","indeterminateAnimationDuration","timing","duration","easing","Easing","linear","isInteraction","endState","finished","render","borderColor","borderRadius","borderWidth","children","color","style","unfilledColor","restProps","innerWidth","containerStyle","overflow","backgroundColor","progressStyle","height","transform","translateX","interpolate","inputRange","outputRange","I18nManager","isRTL","scaleX","React","createElement","View","handleLayout","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","defaultValue","step","precision","editable","required","basic","THEME","flatArray","STRING","options"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\nimport { Animated, Easing, View, I18nManager, } from \"react-native\";\nimport { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, } from \"@draftbit/types\";\nconst INDETERMINATE_WIDTH_FACTOR = 0.3;\nconst BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);\nexport default class ProgressBar extends Component {\n    constructor(props) {\n        super(props);\n        const { progress: progressP = 0, indeterminate = false } = props;\n        const progress = Math.min(Math.max(progressP, 0), 1);\n        this.state = {\n            width: 0,\n            progress: new Animated.Value(indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress),\n            animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION),\n        };\n    }\n    componentDidMount() {\n        const { indeterminate = false } = this.props;\n        if (indeterminate) {\n            this.animate();\n        }\n    }\n    componentDidUpdate(prevProps) {\n        const { indeterminate = false, useNativeDriver = false, progress: progressP = 0, animationType = \"spring\", animationConfig = { bounciness: 0 }, animated = true, } = this.props;\n        if (prevProps.indeterminate !== indeterminate) {\n            if (indeterminate) {\n                this.animate();\n            }\n            else {\n                Animated.spring(this.state.animationValue, {\n                    toValue: BAR_WIDTH_ZERO_POSITION,\n                    useNativeDriver,\n                }).start();\n            }\n        }\n        if (prevProps.indeterminate !== indeterminate ||\n            prevProps.progress !== progressP) {\n            const progress = this.props.indeterminate\n                ? INDETERMINATE_WIDTH_FACTOR\n                : Math.min(Math.max(progressP, 0), 1);\n            if (animated) {\n                Animated[animationType](this.state.progress, {\n                    ...animationConfig,\n                    toValue: progress,\n                    velocity: 0,\n                    useNativeDriver,\n                }).start();\n            }\n            else {\n                this.state.progress.setValue(progress);\n            }\n        }\n    }\n    handleLayout = (event) => {\n        const { width = 150, onLayout } = this.props;\n        if (!width) {\n            this.setState({ width: event.nativeEvent.layout.width });\n        }\n        if (onLayout) {\n            onLayout(event);\n        }\n    };\n    animate() {\n        const { useNativeDriver = false, indeterminateAnimationDuration = 1000 } = this.props;\n        this.state.animationValue.setValue(0);\n        Animated.timing(this.state.animationValue, {\n            toValue: 1,\n            duration: indeterminateAnimationDuration,\n            easing: Easing.linear,\n            isInteraction: false,\n            useNativeDriver,\n        }).start((endState) => {\n            if (endState.finished) {\n                this.animate();\n            }\n        });\n    }\n    render() {\n        const { borderColor, borderRadius = 4, borderWidth = 1, children, color = \"rgba(0, 122, 255, 1)\", style, unfilledColor, width = 150, ...restProps } = this.props;\n        const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;\n        const containerStyle = {\n            width,\n            borderWidth,\n            borderColor: borderColor || color,\n            borderRadius,\n            overflow: \"hidden\",\n            backgroundColor: unfilledColor,\n        };\n        const progressStyle = {\n            backgroundColor: color,\n            // Always take up full height of container.\n            height: \"100%\",\n            transform: [\n                {\n                    translateX: this.state.animationValue.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth],\n                    }),\n                },\n                {\n                    translateX: this.state.progress.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0],\n                    }),\n                },\n                {\n                    // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278\n                    scaleX: this.state.progress.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [0.0001, 1],\n                    }),\n                },\n            ],\n        };\n        return (React.createElement(View, { style: [containerStyle, style], onLayout: this.handleLayout, ...restProps },\n            React.createElement(Animated.View, { style: progressStyle }),\n            children));\n    }\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: \"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/components/ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ProgressCircle.tsx"],"names":["ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","fill","fontSize","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","defaultValue","min","max","step","precision","editable","required","basic","THEME","boolean","BOOLEAN","typeStyle","flatArray","STRING","options","layout","width","height"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\nimport { Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n  progress?: number;\n  style?: StyleProp<ViewStyle>;\n  color?: colorTypes;\n  size?: number;\n  showsText?: boolean;\n  unfilledColor?: colorTypes;\n  strokeCap?: \"butt\" | \"square\" | \"round\" | undefined;\n  textStyle?: StyleProp<TextStyle>;\n  thickness?: number;\n  theme: typeof themeT;\n};\n\nconst ProgressCircle: React.FC<Props> = ({\n  progress = 0.5,\n  style,\n  color = \"primary\",\n  size = 100,\n  showsText = true,\n  unfilledColor,\n  strokeCap = \"butt\",\n  textStyle,\n  thickness = 1,\n  theme,\n}) => {\n  const progressNum = Math.round(progress * 100);\n\n  const tintColor = color || theme.colors.primary;\n  const backgroundColor = unfilledColor || theme.colors.secondary;\n\n  return (\n    <AnimatedCircularProgress\n      size={size}\n      width={thickness}\n      backgroundWidth={thickness}\n      fill={progressNum}\n      tintColor={tintColor}\n      backgroundColor={backgroundColor}\n      rotation={0}\n      lineCap={strokeCap}\n      style={style}\n    >\n      {(fill) =>\n        showsText ? (\n          <Text\n            style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}\n          >\n            {Math.round(fill)}%\n          </Text>\n        ) : null\n      }\n    </AnimatedCircularProgress>\n  );\n};\n\nexport default withTheme(ProgressCircle);\n\nexport const SEED_DATA = {\n  name: \"Progress Circle\",\n  tag: \"ProgressCircle\",\n  description: \"A circle 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: \"Color\",\n      description: \"Color for the progress shown\",\n      editable: true,\n      defaultValue: \"primary\",\n      required: true,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\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      editable: true,\n      defaultValue: null,\n      required: true,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n    },\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"The size of the circle\",\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 100,\n      min: 0,\n      max: 300,\n      step: 1,\n      precision: 1,\n      editable: true,\n      required: true,\n    },\n    showsText: {\n      group: GROUPS.basic,\n      label: \"Show Progress Text\",\n      description: \"Shows progress in the middle of the circle\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: true,\n    },\n    textStyle: {\n      group: GROUPS.basic,\n      label: \"Text Style\",\n      description: \"Text Style of the inner circle\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.typeStyle,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    thickness: {\n      group: GROUPS.basic,\n      label: \"Thickness\",\n      description: \"Thickness of the inner circle\",\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    strokeCap: {\n      group: GROUPS.basic,\n      label: \"Stroke Cap\",\n      description: \"The style of the stroke\",\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: \"butt\",\n      options: [\"butt\", \"square\", \"round\"],\n      editable: true,\n      required: true,\n    },\n  },\n  layout: {\n    width: 250,\n    height: 250,\n  },\n};\n"]}
+{"version":3,"sources":["ProgressCircle.js"],"names":["ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","React","createElement","AnimatedCircularProgress","width","backgroundWidth","fill","rotation","lineCap","Text","fontSize","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","defaultValue","min","max","step","precision","editable","required","basic","THEME","boolean","BOOLEAN","typeStyle","flatArray","STRING","options","layout","height"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, } from \"@draftbit/types\";\nimport { Text } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nconst ProgressCircle = ({ progress = 0.5, style, color = \"primary\", size = 100, showsText = true, unfilledColor, strokeCap = \"butt\", textStyle, thickness = 1, theme, }) => {\n    const progressNum = Math.round(progress * 100);\n    const tintColor = color || theme.colors.primary;\n    const backgroundColor = unfilledColor || theme.colors.secondary;\n    return (React.createElement(AnimatedCircularProgress, { size: size, width: thickness, backgroundWidth: thickness, fill: progressNum, tintColor: tintColor, backgroundColor: backgroundColor, rotation: 0, lineCap: strokeCap, style: style }, (fill) => showsText ? (React.createElement(Text, { style: [{ fontSize: size * 0.275, color: tintColor }, textStyle] },\n        Math.round(fill),\n        \"%\")) : null));\n};\nexport default withTheme(ProgressCircle);\nexport const SEED_DATA = {\n    name: \"Progress Circle\",\n    tag: \"ProgressCircle\",\n    description: \"A circle 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: \"Color\",\n            description: \"Color for the progress shown\",\n            editable: true,\n            defaultValue: \"primary\",\n            required: true,\n            formType: FORM_TYPES.color,\n            propType: PROP_TYPES.THEME,\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            editable: true,\n            defaultValue: null,\n            required: true,\n            formType: FORM_TYPES.color,\n            propType: PROP_TYPES.THEME,\n        },\n        size: {\n            group: GROUPS.basic,\n            label: \"Size\",\n            description: \"The size of the circle\",\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            defaultValue: 100,\n            min: 0,\n            max: 300,\n            step: 1,\n            precision: 1,\n            editable: true,\n            required: true,\n        },\n        showsText: {\n            group: GROUPS.basic,\n            label: \"Show Progress Text\",\n            description: \"Shows progress in the middle of the circle\",\n            formType: FORM_TYPES.boolean,\n            propType: PROP_TYPES.BOOLEAN,\n            defaultValue: true,\n            editable: true,\n            required: true,\n        },\n        textStyle: {\n            group: GROUPS.basic,\n            label: \"Text Style\",\n            description: \"Text Style of the inner circle\",\n            editable: true,\n            required: true,\n            formType: FORM_TYPES.typeStyle,\n            propType: PROP_TYPES.THEME,\n            defaultValue: null,\n        },\n        thickness: {\n            group: GROUPS.basic,\n            label: \"Thickness\",\n            description: \"Thickness of the inner circle\",\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        strokeCap: {\n            group: GROUPS.basic,\n            label: \"Stroke Cap\",\n            description: \"The style of the stroke\",\n            formType: FORM_TYPES.flatArray,\n            propType: PROP_TYPES.STRING,\n            defaultValue: \"butt\",\n            options: [\"butt\", \"square\", \"round\"],\n            editable: true,\n            required: true,\n        },\n    },\n    layout: {\n        width: 250,\n        height: 250,\n    },\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ProgressIndicator.tsx"],"names":["ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","layout","props","group","GROUPS","data","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","step","precision","defaultValue","basic","currentStepIndicatorLabelFontSize","color","THEME"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n  numberOfSteps: number;\n  currentStep: number;\n  currentStepStrokeWidth?: number;\n  stepStrokeCurrentColor?: colorTypes;\n  stepIndicatorSize?: number;\n  currentStepIndicatorSize?: number;\n  stepIndicatorCurrentColor?: colorTypes;\n  stepIndicatorLabelCurrentColor?: colorTypes;\n  stepIndicatorLabelFontSize?: number;\n  stepNumberFinishedColor?: colorTypes;\n  stepNumberUnfinishedColor?: colorTypes;\n  unfinishedColor?: colorTypes;\n  finishedColor?: colorTypes;\n  theme: typeof themeT;\n};\n\nconst ProgressIndicator: React.FC<Props> = ({\n  numberOfSteps,\n  currentStep,\n  currentStepStrokeWidth = 3,\n  stepStrokeCurrentColor = \"primary\",\n  stepIndicatorSize,\n  currentStepIndicatorSize,\n  stepIndicatorCurrentColor,\n  stepIndicatorLabelCurrentColor,\n  stepIndicatorLabelFontSize = 12,\n  stepNumberFinishedColor = \"strongInverse\",\n  stepNumberUnfinishedColor = \"primary\",\n  unfinishedColor = \"light\",\n  finishedColor = \"primary\",\n  theme,\n}) => {\n  const currentPosition = currentStep - 1;\n  return (\n    <StepIndicator\n      stepCount={numberOfSteps}\n      currentPosition={currentPosition}\n      customStyles={{\n        stepIndicatorSize,\n        currentStepIndicatorSize: currentStepIndicatorSize\n          ? currentStepIndicatorSize\n          : stepIndicatorSize,\n        stepStrokeFinishedColor: finishedColor,\n        stepStrokeUnFinishedColor: unfinishedColor,\n        separatorFinishedColor: finishedColor,\n        separatorUnFinishedColor: unfinishedColor,\n        stepIndicatorFinishedColor: finishedColor,\n        stepIndicatorUnFinishedColor: unfinishedColor,\n        currentStepStrokeWidth,\n        stepStrokeCurrentColor:\n          stepStrokeCurrentColor || stepIndicatorCurrentColor,\n        stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n        stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n        stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n        stepIndicatorLabelCurrentColor:\n          stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n        stepIndicatorLabelFontSize,\n        labelFontFamily: theme.typography.body1.fontFamily,\n      }}\n    />\n  );\n};\n\nexport default withTheme(ProgressIndicator);\n\nexport const SEED_DATA = {\n  name: \"Progress Indicator\",\n  tag: \"ProgressIndicator\",\n  description: \"A component used to show current Step in a process\",\n  category: COMPONENT_TYPES.deprecated,\n  preview_image_url: \"{CLOUDINARY_URL}/Control_Slider.png\",\n  supports_list_render: false,\n  layout: {},\n  props: {\n    numberOfSteps: {\n      group: GROUPS.data,\n      label: \"Number of Steps\",\n      description: \"The border radius for the thumb\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 10,\n      step: 1,\n      precision: 0,\n      defaultValue: 5,\n    },\n    currentStep: {\n      group: GROUPS.data,\n      label: \"Current Step\",\n      description: \"The step that the user is on\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 10,\n      step: 1,\n      precision: 0,\n      defaultValue: 5,\n    },\n    stepIndicatorSize: {\n      group: GROUPS.basic,\n      label: \"Step Size\",\n      description: \"The size of the step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 10,\n      max: 100,\n      step: 5,\n      precision: 0,\n      defaultValue: 25,\n    },\n    stepIndicatorLabelFontSize: {\n      group: GROUPS.basic,\n      label: \"Step Font Size\",\n      description: \"The font size of the step number\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 6,\n      max: 36,\n      step: 1,\n      precision: 0,\n      defaultValue: 15,\n    },\n    currentStepIndicatorLabelFontSize: {\n      group: GROUPS.basic,\n      label: \"Current Step Font Size\",\n      description: \"The font size of the current step number\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 6,\n      max: 36,\n      step: 1,\n      precision: 0,\n      defaultValue: 15,\n    },\n    unfinishedColor: {\n      group: GROUPS.basic,\n      label: \"Unfinished Color\",\n      description:\n        \"The color of the step and divider when the step is either not the current step or not finished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    finishedColor: {\n      group: GROUPS.basic,\n      label: \"Finished Color\",\n      description:\n        \"The color of the step and divider when the step is the current step or finished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepNumberUnfinishedColor: {\n      group: GROUPS.basic,\n      label: \"Unfinished Number Color\",\n      description: \"The color of the number within the step when unfinished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepNumberFinishedColor: {\n      group: GROUPS.basic,\n      label: \"Finished Number Color\",\n      description: \"The color of the number within the step when finished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepIndicatorCurrentColor: {\n      group: GROUPS.basic,\n      label: \"Current Step Color\",\n      description: \"The color of current step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepIndicatorLabelCurrentColor: {\n      group: GROUPS.basic,\n      label: \"Current Step Number Color\",\n      description: \"The color of current number within the step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepStrokeCurrentColor: {\n      group: GROUPS.basic,\n      label: \"Current Step Border Color\",\n      description: \"The color of current border color of the step\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    currentStepStrokeWidth: {\n      group: GROUPS.basic,\n      label: \"Current Step Border Width\",\n      description: \"The width of the border for the current step\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 1,\n      max: 20,\n      step: 1,\n      precision: 0,\n      defaultValue: 0,\n    },\n    currentStepIndicatorSize: {\n      group: GROUPS.basic,\n      label: \"Current Step Size\",\n      description: \"The size of the current step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 10,\n      max: 100,\n      step: 5,\n      precision: 0,\n      defaultValue: null,\n    },\n  },\n};\n"]}
+{"version":3,"sources":["ProgressIndicator.js"],"names":["ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","React","createElement","StepIndicator","stepCount","customStyles","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","layout","props","group","GROUPS","data","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","step","precision","defaultValue","basic","currentStepIndicatorLabelFontSize","color","THEME"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,iBAAiB,GAAG,CAAC;AAAEC,EAAAA,aAAF;AAAiBC,EAAAA,WAAjB;AAA8BC,EAAAA,sBAAsB,GAAG,CAAvD;AAA0DC,EAAAA,sBAAsB,GAAG,SAAnF;AAA8FC,EAAAA,iBAA9F;AAAiHC,EAAAA,wBAAjH;AAA2IC,EAAAA,yBAA3I;AAAsKC,EAAAA,8BAAtK;AAAsMC,EAAAA,0BAA0B,GAAG,EAAnO;AAAuOC,EAAAA,uBAAuB,GAAG,eAAjQ;AAAkRC,EAAAA,yBAAyB,GAAG,SAA9S;AAAyTC,EAAAA,eAAe,GAAG,OAA3U;AAAoVC,EAAAA,aAAa,GAAG,SAApW;AAA+WC,EAAAA;AAA/W,CAAD,KAA6X;AACnZ,QAAMC,eAAe,GAAGb,WAAW,GAAG,CAAtC;AACA,sBAAQc,KAAK,CAACC,aAAN,CAAoBC,sBAApB,EAAmC;AAAEC,IAAAA,SAAS,EAAElB,aAAb;AAA4Bc,IAAAA,eAAe,EAAEA,eAA7C;AAA8DK,IAAAA,YAAY,EAAE;AAC/Gf,MAAAA,iBAD+G;AAE/GC,MAAAA,wBAAwB,EAAEA,wBAAwB,GAC5CA,wBAD4C,GAE5CD,iBAJyG;AAK/GgB,MAAAA,uBAAuB,EAAER,aALsF;AAM/GS,MAAAA,yBAAyB,EAAEV,eANoF;AAO/GW,MAAAA,sBAAsB,EAAEV,aAPuF;AAQ/GW,MAAAA,wBAAwB,EAAEZ,eARqF;AAS/Ga,MAAAA,0BAA0B,EAAEZ,aATmF;AAU/Ga,MAAAA,4BAA4B,EAAEd,eAViF;AAW/GT,MAAAA,sBAX+G;AAY/GC,MAAAA,sBAAsB,EAAEA,sBAAsB,IAAIG,yBAZ6D;AAa/GoB,MAAAA,iCAAiC,EAAEhB,yBAb4E;AAc/GiB,MAAAA,+BAA+B,EAAElB,uBAd8E;AAe/GH,MAAAA,yBAAyB,EAAEA,yBAAyB,IAAIK,eAfuD;AAgB/GJ,MAAAA,8BAA8B,EAAEA,8BAA8B,IAAIG,yBAhB6C;AAiB/GF,MAAAA,0BAjB+G;AAkB/GoB,MAAAA,eAAe,EAAEf,KAAK,CAACgB,UAAN,CAAiBC,KAAjB,CAAuBC;AAlBuE;AAA5E,GAAnC,CAAR;AAoBH,CAtBD;;eAuBe,wBAAUhC,iBAAV,C;;;AACR,MAAMiC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,oBADe;AAErBC,EAAAA,GAAG,EAAE,mBAFgB;AAGrBC,EAAAA,WAAW,EAAE,oDAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAJL;AAKrBC,EAAAA,iBAAiB,EAAE,qCALE;AAMrBC,EAAAA,oBAAoB,EAAE,KAND;AAOrBC,EAAAA,MAAM,EAAE,EAPa;AAQrBC,EAAAA,KAAK,EAAE;AACH1C,IAAAA,aAAa,EAAE;AACX2C,MAAAA,KAAK,EAAEC,cAAOC,IADH;AAEXC,MAAAA,KAAK,EAAE,iBAFI;AAGXX,MAAAA,WAAW,EAAE,iCAHF;AAIXY,MAAAA,QAAQ,EAAE,IAJC;AAKXC,MAAAA,QAAQ,EAAE,KALC;AAMXC,MAAAA,QAAQ,EAAEC,kBAAWC,MANV;AAOXC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPV;AAQXC,MAAAA,GAAG,EAAE,CARM;AASXC,MAAAA,GAAG,EAAE,EATM;AAUXC,MAAAA,IAAI,EAAE,CAVK;AAWXC,MAAAA,SAAS,EAAE,CAXA;AAYXC,MAAAA,YAAY,EAAE;AAZH,KADZ;AAeH1D,IAAAA,WAAW,EAAE;AACT0C,MAAAA,KAAK,EAAEC,cAAOC,IADL;AAETC,MAAAA,KAAK,EAAE,cAFE;AAGTX,MAAAA,WAAW,EAAE,8BAHJ;AAITY,MAAAA,QAAQ,EAAE,IAJD;AAKTC,MAAAA,QAAQ,EAAE,KALD;AAMTC,MAAAA,QAAQ,EAAEC,kBAAWC,MANZ;AAOTC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPZ;AAQTC,MAAAA,GAAG,EAAE,CARI;AASTC,MAAAA,GAAG,EAAE,EATI;AAUTC,MAAAA,IAAI,EAAE,CAVG;AAWTC,MAAAA,SAAS,EAAE,CAXF;AAYTC,MAAAA,YAAY,EAAE;AAZL,KAfV;AA6BHvD,IAAAA,iBAAiB,EAAE;AACfuC,MAAAA,KAAK,EAAEC,cAAOgB,KADC;AAEfd,MAAAA,KAAK,EAAE,WAFQ;AAGfX,MAAAA,WAAW,EAAE,6BAHE;AAIfY,MAAAA,QAAQ,EAAE,IAJK;AAKfC,MAAAA,QAAQ,EAAE,KALK;AAMfC,MAAAA,QAAQ,EAAEC,kBAAWC,MANN;AAOfC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPN;AAQfC,MAAAA,GAAG,EAAE,EARU;AASfC,MAAAA,GAAG,EAAE,GATU;AAUfC,MAAAA,IAAI,EAAE,CAVS;AAWfC,MAAAA,SAAS,EAAE,CAXI;AAYfC,MAAAA,YAAY,EAAE;AAZC,KA7BhB;AA2CHnD,IAAAA,0BAA0B,EAAE;AACxBmC,MAAAA,KAAK,EAAEC,cAAOgB,KADU;AAExBd,MAAAA,KAAK,EAAE,gBAFiB;AAGxBX,MAAAA,WAAW,EAAE,kCAHW;AAIxBY,MAAAA,QAAQ,EAAE,IAJc;AAKxBC,MAAAA,QAAQ,EAAE,KALc;AAMxBC,MAAAA,QAAQ,EAAEC,kBAAWC,MANG;AAOxBC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPG;AAQxBC,MAAAA,GAAG,EAAE,CARmB;AASxBC,MAAAA,GAAG,EAAE,EATmB;AAUxBC,MAAAA,IAAI,EAAE,CAVkB;AAWxBC,MAAAA,SAAS,EAAE,CAXa;AAYxBC,MAAAA,YAAY,EAAE;AAZU,KA3CzB;AAyDHE,IAAAA,iCAAiC,EAAE;AAC/BlB,MAAAA,KAAK,EAAEC,cAAOgB,KADiB;AAE/Bd,MAAAA,KAAK,EAAE,wBAFwB;AAG/BX,MAAAA,WAAW,EAAE,0CAHkB;AAI/BY,MAAAA,QAAQ,EAAE,IAJqB;AAK/BC,MAAAA,QAAQ,EAAE,KALqB;AAM/BC,MAAAA,QAAQ,EAAEC,kBAAWC,MANU;AAO/BC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPU;AAQ/BC,MAAAA,GAAG,EAAE,CAR0B;AAS/BC,MAAAA,GAAG,EAAE,EAT0B;AAU/BC,MAAAA,IAAI,EAAE,CAVyB;AAW/BC,MAAAA,SAAS,EAAE,CAXoB;AAY/BC,MAAAA,YAAY,EAAE;AAZiB,KAzDhC;AAuEHhD,IAAAA,eAAe,EAAE;AACbgC,MAAAA,KAAK,EAAEC,cAAOgB,KADD;AAEbd,MAAAA,KAAK,EAAE,kBAFM;AAGbX,MAAAA,WAAW,EAAE,gGAHA;AAIbY,MAAAA,QAAQ,EAAE,IAJG;AAKbC,MAAAA,QAAQ,EAAE,KALG;AAMbC,MAAAA,QAAQ,EAAEC,kBAAWY,KANR;AAObV,MAAAA,QAAQ,EAAEC,kBAAWU,KAPR;AAQbJ,MAAAA,YAAY,EAAE;AARD,KAvEd;AAiFH/C,IAAAA,aAAa,EAAE;AACX+B,MAAAA,KAAK,EAAEC,cAAOgB,KADH;AAEXd,MAAAA,KAAK,EAAE,gBAFI;AAGXX,MAAAA,WAAW,EAAE,iFAHF;AAIXY,MAAAA,QAAQ,EAAE,IAJC;AAKXC,MAAAA,QAAQ,EAAE,KALC;AAMXC,MAAAA,QAAQ,EAAEC,kBAAWY,KANV;AAOXV,MAAAA,QAAQ,EAAEC,kBAAWU,KAPV;AAQXJ,MAAAA,YAAY,EAAE;AARH,KAjFZ;AA2FHjD,IAAAA,yBAAyB,EAAE;AACvBiC,MAAAA,KAAK,EAAEC,cAAOgB,KADS;AAEvBd,MAAAA,KAAK,EAAE,yBAFgB;AAGvBX,MAAAA,WAAW,EAAE,yDAHU;AAIvBY,MAAAA,QAAQ,EAAE,IAJa;AAKvBC,MAAAA,QAAQ,EAAE,KALa;AAMvBC,MAAAA,QAAQ,EAAEC,kBAAWY,KANE;AAOvBV,MAAAA,QAAQ,EAAEC,kBAAWU,KAPE;AAQvBJ,MAAAA,YAAY,EAAE;AARS,KA3FxB;AAqGHlD,IAAAA,uBAAuB,EAAE;AACrBkC,MAAAA,KAAK,EAAEC,cAAOgB,KADO;AAErBd,MAAAA,KAAK,EAAE,uBAFc;AAGrBX,MAAAA,WAAW,EAAE,uDAHQ;AAIrBY,MAAAA,QAAQ,EAAE,IAJW;AAKrBC,MAAAA,QAAQ,EAAE,KALW;AAMrBC,MAAAA,QAAQ,EAAEC,kBAAWY,KANA;AAOrBV,MAAAA,QAAQ,EAAEC,kBAAWU,KAPA;AAQrBJ,MAAAA,YAAY,EAAE;AARO,KArGtB;AA+GHrD,IAAAA,yBAAyB,EAAE;AACvBqC,MAAAA,KAAK,EAAEC,cAAOgB,KADS;AAEvBd,MAAAA,KAAK,EAAE,oBAFgB;AAGvBX,MAAAA,WAAW,EAAE,kCAHU;AAIvBY,MAAAA,QAAQ,EAAE,IAJa;AAKvBC,MAAAA,QAAQ,EAAE,KALa;AAMvBC,MAAAA,QAAQ,EAAEC,kBAAWY,KANE;AAOvBV,MAAAA,QAAQ,EAAEC,kBAAWU,KAPE;AAQvBJ,MAAAA,YAAY,EAAE;AARS,KA/GxB;AAyHHpD,IAAAA,8BAA8B,EAAE;AAC5BoC,MAAAA,KAAK,EAAEC,cAAOgB,KADc;AAE5Bd,MAAAA,KAAK,EAAE,2BAFqB;AAG5BX,MAAAA,WAAW,EAAE,oDAHe;AAI5BY,MAAAA,QAAQ,EAAE,IAJkB;AAK5BC,MAAAA,QAAQ,EAAE,KALkB;AAM5BC,MAAAA,QAAQ,EAAEC,kBAAWY,KANO;AAO5BV,MAAAA,QAAQ,EAAEC,kBAAWU,KAPO;AAQ5BJ,MAAAA,YAAY,EAAE;AARc,KAzH7B;AAmIHxD,IAAAA,sBAAsB,EAAE;AACpBwC,MAAAA,KAAK,EAAEC,cAAOgB,KADM;AAEpBd,MAAAA,KAAK,EAAE,2BAFa;AAGpBX,MAAAA,WAAW,EAAE,+CAHO;AAIpBY,MAAAA,QAAQ,EAAE,IAJU;AAKpBC,MAAAA,QAAQ,EAAE,KALU;AAMpBC,MAAAA,QAAQ,EAAEC,kBAAWY,KAND;AAOpBV,MAAAA,QAAQ,EAAEC,kBAAWU,KAPD;AAQpBJ,MAAAA,YAAY,EAAE;AARM,KAnIrB;AA6IHzD,IAAAA,sBAAsB,EAAE;AACpByC,MAAAA,KAAK,EAAEC,cAAOgB,KADM;AAEpBd,MAAAA,KAAK,EAAE,2BAFa;AAGpBX,MAAAA,WAAW,EAAE,8CAHO;AAIpBY,MAAAA,QAAQ,EAAE,IAJU;AAKpBC,MAAAA,QAAQ,EAAE,KALU;AAMpBC,MAAAA,QAAQ,EAAEC,kBAAWC,MAND;AAOpBC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPD;AAQpBC,MAAAA,GAAG,EAAE,CARe;AASpBC,MAAAA,GAAG,EAAE,EATe;AAUpBC,MAAAA,IAAI,EAAE,CAVc;AAWpBC,MAAAA,SAAS,EAAE,CAXS;AAYpBC,MAAAA,YAAY,EAAE;AAZM,KA7IrB;AA2JHtD,IAAAA,wBAAwB,EAAE;AACtBsC,MAAAA,KAAK,EAAEC,cAAOgB,KADQ;AAEtBd,MAAAA,KAAK,EAAE,mBAFe;AAGtBX,MAAAA,WAAW,EAAE,qCAHS;AAItBY,MAAAA,QAAQ,EAAE,IAJY;AAKtBC,MAAAA,QAAQ,EAAE,KALY;AAMtBC,MAAAA,QAAQ,EAAEC,kBAAWC,MANC;AAOtBC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPC;AAQtBC,MAAAA,GAAG,EAAE,EARiB;AAStBC,MAAAA,GAAG,EAAE,GATiB;AAUtBC,MAAAA,IAAI,EAAE,CAVgB;AAWtBC,MAAAA,SAAS,EAAE,CAXW;AAYtBC,MAAAA,YAAY,EAAE;AAZQ;AA3JvB;AARc,CAAlB","sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, } from \"@draftbit/types\";\nconst ProgressIndicator = ({ numberOfSteps, currentStep, currentStepStrokeWidth = 3, stepStrokeCurrentColor = \"primary\", stepIndicatorSize, currentStepIndicatorSize, stepIndicatorCurrentColor, stepIndicatorLabelCurrentColor, stepIndicatorLabelFontSize = 12, stepNumberFinishedColor = \"strongInverse\", stepNumberUnfinishedColor = \"primary\", unfinishedColor = \"light\", finishedColor = \"primary\", theme, }) => {\n    const currentPosition = currentStep - 1;\n    return (React.createElement(StepIndicator, { stepCount: numberOfSteps, currentPosition: currentPosition, customStyles: {\n            stepIndicatorSize,\n            currentStepIndicatorSize: currentStepIndicatorSize\n                ? currentStepIndicatorSize\n                : stepIndicatorSize,\n            stepStrokeFinishedColor: finishedColor,\n            stepStrokeUnFinishedColor: unfinishedColor,\n            separatorFinishedColor: finishedColor,\n            separatorUnFinishedColor: unfinishedColor,\n            stepIndicatorFinishedColor: finishedColor,\n            stepIndicatorUnFinishedColor: unfinishedColor,\n            currentStepStrokeWidth,\n            stepStrokeCurrentColor: stepStrokeCurrentColor || stepIndicatorCurrentColor,\n            stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n            stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n            stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n            stepIndicatorLabelCurrentColor: stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n            stepIndicatorLabelFontSize,\n            labelFontFamily: theme.typography.body1.fontFamily,\n        } }));\n};\nexport default withTheme(ProgressIndicator);\nexport const SEED_DATA = {\n    name: \"Progress Indicator\",\n    tag: \"ProgressIndicator\",\n    description: \"A component used to show current Step in a process\",\n    category: COMPONENT_TYPES.deprecated,\n    preview_image_url: \"{CLOUDINARY_URL}/Control_Slider.png\",\n    supports_list_render: false,\n    layout: {},\n    props: {\n        numberOfSteps: {\n            group: GROUPS.data,\n            label: \"Number of Steps\",\n            description: \"The border radius for the thumb\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 0,\n            max: 10,\n            step: 1,\n            precision: 0,\n            defaultValue: 5,\n        },\n        currentStep: {\n            group: GROUPS.data,\n            label: \"Current Step\",\n            description: \"The step that the user is on\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 0,\n            max: 10,\n            step: 1,\n            precision: 0,\n            defaultValue: 5,\n        },\n        stepIndicatorSize: {\n            group: GROUPS.basic,\n            label: \"Step Size\",\n            description: \"The size of the step circle\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 10,\n            max: 100,\n            step: 5,\n            precision: 0,\n            defaultValue: 25,\n        },\n        stepIndicatorLabelFontSize: {\n            group: GROUPS.basic,\n            label: \"Step Font Size\",\n            description: \"The font size of the step number\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 6,\n            max: 36,\n            step: 1,\n            precision: 0,\n            defaultValue: 15,\n        },\n        currentStepIndicatorLabelFontSize: {\n            group: GROUPS.basic,\n            label: \"Current Step Font Size\",\n            description: \"The font size of the current step number\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 6,\n            max: 36,\n            step: 1,\n            precision: 0,\n            defaultValue: 15,\n        },\n        unfinishedColor: {\n            group: GROUPS.basic,\n            label: \"Unfinished Color\",\n            description: \"The color of the step and divider when the step is either not the current step or not finished\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.color,\n            propType: PROP_TYPES.THEME,\n            defaultValue: null,\n        },\n        finishedColor: {\n            group: GROUPS.basic,\n            label: \"Finished Color\",\n            description: \"The color of the step and divider when the step is the current step or finished\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.color,\n            propType: PROP_TYPES.THEME,\n            defaultValue: null,\n        },\n        stepNumberUnfinishedColor: {\n            group: GROUPS.basic,\n            label: \"Unfinished Number Color\",\n            description: \"The color of the number within the step when unfinished\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.color,\n            propType: PROP_TYPES.THEME,\n            defaultValue: null,\n        },\n        stepNumberFinishedColor: {\n            group: GROUPS.basic,\n            label: \"Finished Number Color\",\n            description: \"The color of the number within the step when finished\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.color,\n            propType: PROP_TYPES.THEME,\n            defaultValue: null,\n        },\n        stepIndicatorCurrentColor: {\n            group: GROUPS.basic,\n            label: \"Current Step Color\",\n            description: \"The color of current step circle\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.color,\n            propType: PROP_TYPES.THEME,\n            defaultValue: null,\n        },\n        stepIndicatorLabelCurrentColor: {\n            group: GROUPS.basic,\n            label: \"Current Step Number Color\",\n            description: \"The color of current number within the step circle\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.color,\n            propType: PROP_TYPES.THEME,\n            defaultValue: null,\n        },\n        stepStrokeCurrentColor: {\n            group: GROUPS.basic,\n            label: \"Current Step Border Color\",\n            description: \"The color of current border color of the step\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.color,\n            propType: PROP_TYPES.THEME,\n            defaultValue: null,\n        },\n        currentStepStrokeWidth: {\n            group: GROUPS.basic,\n            label: \"Current Step Border Width\",\n            description: \"The width of the border for the current step\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 1,\n            max: 20,\n            step: 1,\n            precision: 0,\n            defaultValue: 0,\n        },\n        currentStepIndicatorSize: {\n            group: GROUPS.basic,\n            label: \"Current Step Size\",\n            description: \"The size of the current step circle\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 10,\n            max: 100,\n            step: 5,\n            precision: 0,\n            defaultValue: null,\n        },\n    },\n};\n"]}

package/lib/commonjs/components/RadioButton/RadioButton.js

@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || 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 RadioButton = ({
   Icon,
   disabled = false,
@@ -51,15 +49,16 @@ const RadioButton = ({
   };
 
   const isSelected = selected || contextValue != null && contextValue === value;
-  return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
+  return /*#__PURE__*/React.createElement(_IconButton.default, {
     Icon: Icon,
     icon: isSelected ? selectedIcon : unselectedIcon,
     color: isSelected ? color : unselectedColor,
     disabled: disabled,
     onPress: handlePress,
     size: size,
-    style: style
-  }, rest));
+    style: style,
+    ...rest
+  });
 };
 
 var _default = RadioButton;
@@ -114,4 +113,14 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=RadioButton.js.mapio-button-checked"
+    }),
+    unselectedIcon: (0, _types.createIconProp)({
+      label: "Unselected Icon",
+      description: "Icon to show when the radio button is unselected",
+      defaultValue: "MaterialIcons/radio-button-unchecked"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=RadioButton.js.map