@draftbit/core 46.1.4 → 46.2.1-39f6d9.3

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","buttonText","icon","basic","ASSET","onPress","action","layout"],"sources":["HeaderOverline.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Header Overline\",\n    tag: \"HeaderOverline\",\n    description:\n      \"A small header with an optional touchable right aligned text and icon.\",\n    category: COMPONENT_TYPES.header,\n    preview_image_url: \"{CLOUDINARY_URL}/Header_OverlineIconText.png\",\n    supports_list_render: false,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Title\",\n        editable: true,\n        required: false,\n      },\n      buttonText: {\n        group: GROUPS.data,\n        label: \"Button text\",\n        description: \"Right aligned button text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"See All\",\n        editable: true,\n        required: false,\n      },\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Name of icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      onPress: {\n        group: GROUPS.basic,\n        label: \"Action\",\n        description: \"Action to execute when button pressed\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.action,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,iBADR;EAEEC,GAAG,EAAE,gBAFP;EAGEC,WAAW,EACT,wEAJJ;EAKEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAL5B;EAMEC,iBAAiB,EAAE,8CANrB;EAOEC,oBAAoB,EAAE,KAPxB;EAQEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,OAFF;MAGLX,WAAW,EAAE,iBAHR;MAILY,QAAQ,EAAEC,iBAAA,CAAWC,MAJhB;MAKLC,QAAQ,EAAEC,iBAAA,CAAWC,MALhB;MAMLC,YAAY,EAAE,OANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CADF;IAWLC,UAAU,EAAE;MACVb,KAAK,EAAEC,aAAA,CAAOC,IADJ;MAEVC,KAAK,EAAE,aAFG;MAGVX,WAAW,EAAE,sCAHH;MAIVY,QAAQ,EAAEC,iBAAA,CAAWC,MAJX;MAKVC,QAAQ,EAAEC,iBAAA,CAAWC,MALX;MAMVC,YAAY,EAAE,SANJ;MAOVC,QAAQ,EAAE,IAPA;MAQVC,QAAQ,EAAE;IARA,CAXP;IAqBLE,IAAI,EAAE;MACJd,KAAK,EAAEC,aAAA,CAAOc,KADV;MAEJZ,KAAK,EAAE,MAFH;MAGJX,WAAW,EAAE,yBAHT;MAIJY,QAAQ,EAAEC,iBAAA,CAAWS,IAJjB;MAKJP,QAAQ,EAAEC,iBAAA,CAAWQ,KALjB;MAMJN,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CArBD;IA+BLK,OAAO,EAAE;MACPjB,KAAK,EAAEC,aAAA,CAAOc,KADP;MAEPZ,KAAK,EAAE,QAFA;MAGPX,WAAW,EAAE,uCAHN;MAIPmB,QAAQ,EAAE,IAJH;MAKPC,QAAQ,EAAE,KALH;MAMPR,QAAQ,EAAEC,iBAAA,CAAWa,MANd;MAOPX,QAAQ,EAAEC,iBAAA,CAAWC,MAPd;MAQPC,YAAY,EAAE;IARP;EA/BJ,CART;EAkDES,MAAM,EAAE;AAlDV,CADuB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","buttonText","icon","basic","ASSET","onPress","action","layout"],"sources":["HeaderOverline.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Header Overline\",\n    tag: \"HeaderOverline\",\n    description:\n      \"A small header with an optional touchable right aligned text and icon.\",\n    category: COMPONENT_TYPES.header,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Header_OverlineIconText.png\",\n    supports_list_render: false,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Title\",\n        editable: true,\n        required: false,\n      },\n      buttonText: {\n        group: GROUPS.data,\n        label: \"Button text\",\n        description: \"Right aligned button text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"See All\",\n        editable: true,\n        required: false,\n      },\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Name of icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      onPress: {\n        group: GROUPS.basic,\n        label: \"Action\",\n        description: \"Action to execute when button pressed\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.action,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,iBADR;EAEEC,GAAG,EAAE,gBAFP;EAGEC,WAAW,EACT,wEAJJ;EAKEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAL5B;EAMEC,mBAAmB,EAAEC,4BANvB;EAOEC,iBAAiB,EAAE,8CAPrB;EAQEC,oBAAoB,EAAE,KARxB;EASEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,OAFF;MAGLb,WAAW,EAAE,iBAHR;MAILc,QAAQ,EAAEC,iBAAA,CAAWC,MAJhB;MAKLC,QAAQ,EAAEC,iBAAA,CAAWC,MALhB;MAMLC,YAAY,EAAE,OANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CADF;IAWLC,UAAU,EAAE;MACVb,KAAK,EAAEC,aAAA,CAAOC,IADJ;MAEVC,KAAK,EAAE,aAFG;MAGVb,WAAW,EAAE,sCAHH;MAIVc,QAAQ,EAAEC,iBAAA,CAAWC,MAJX;MAKVC,QAAQ,EAAEC,iBAAA,CAAWC,MALX;MAMVC,YAAY,EAAE,SANJ;MAOVC,QAAQ,EAAE,IAPA;MAQVC,QAAQ,EAAE;IARA,CAXP;IAqBLE,IAAI,EAAE;MACJd,KAAK,EAAEC,aAAA,CAAOc,KADV;MAEJZ,KAAK,EAAE,MAFH;MAGJb,WAAW,EAAE,yBAHT;MAIJc,QAAQ,EAAEC,iBAAA,CAAWS,IAJjB;MAKJP,QAAQ,EAAEC,iBAAA,CAAWQ,KALjB;MAMJN,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CArBD;IA+BLK,OAAO,EAAE;MACPjB,KAAK,EAAEC,aAAA,CAAOc,KADP;MAEPZ,KAAK,EAAE,QAFA;MAGPb,WAAW,EAAE,uCAHN;MAIPqB,QAAQ,EAAE,IAJH;MAKPC,QAAQ,EAAE,KALH;MAMPR,QAAQ,EAAEC,iBAAA,CAAWa,MANd;MAOPX,QAAQ,EAAEC,iBAAA,CAAWC,MAPd;MAQPC,YAAY,EAAE;IARP;EA/BJ,CATT;EAmDES,MAAM,EAAE;AAnDV,CADuB,CAAlB"}

package/lib/commonjs/mappings/Icon.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "Icon",
   description: "An icon",
   category: _types.COMPONENT_TYPES.basic,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Background, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: {},
   props: {
     name: { ...(0, _types.createIconProp)(),

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","layout","props","createIconProp","group","GROUPS","data","color","createColorProp","size","createNumberProp","label","defaultValue","min","max","step","precision"],"sources":["Icon.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createIconProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Icon\",\n  tag: \"Icon\",\n  description: \"An icon\",\n  category: COMPONENT_TYPES.basic,\n  layout: {},\n  props: {\n    name: {\n      ...createIconProp(),\n      group: GROUPS.data,\n    },\n    color: createColorProp(),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Width and height of your icon\",\n      defaultValue: 24,\n      min: 1,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,MAFkB;EAGvBC,WAAW,EAAE,SAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,MAAM,EAAE,EALe;EAMvBC,KAAK,EAAE;IACLP,IAAI,EAAE,EACJ,GAAG,IAAAQ,qBAAA,GADC;MAEJC,KAAK,EAAEC,aAAA,CAAOC;IAFV,CADD;IAKLC,KAAK,EAAE,IAAAC,sBAAA,GALF;IAMLC,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACrBN,KAAK,EAAEC,aAAA,CAAOL,KADO;MAErBW,KAAK,EAAE,MAFc;MAGrBd,WAAW,EAAE,+BAHQ;MAIrBe,YAAY,EAAE,EAJO;MAKrBC,GAAG,EAAE,CALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAjB;EAND;AANgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","stylesPanelSections","StylesPanelSections","Size","Margins","Background","Position","Effects","layout","props","createIconProp","group","GROUPS","data","color","createColorProp","size","createNumberProp","label","defaultValue","min","max","step","precision"],"sources":["Icon.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createIconProp,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Icon\",\n  tag: \"Icon\",\n  description: \"An icon\",\n  category: COMPONENT_TYPES.basic,\n  stylesPanelSections: [\n    StylesPanelSections.Size,\n    StylesPanelSections.Margins,\n    StylesPanelSections.Background,\n    StylesPanelSections.Position,\n    StylesPanelSections.Effects,\n  ],\n  layout: {},\n  props: {\n    name: {\n      ...createIconProp(),\n      group: GROUPS.data,\n    },\n    color: createColorProp(),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Width and height of your icon\",\n      defaultValue: 24,\n      min: 1,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,MAFkB;EAGvBC,WAAW,EAAE,SAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,IADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,UAHD,EAInBH,0BAAA,CAAoBI,QAJD,EAKnBJ,0BAAA,CAAoBK,OALD,CALE;EAYvBC,MAAM,EAAE,EAZe;EAavBC,KAAK,EAAE;IACLd,IAAI,EAAE,EACJ,GAAG,IAAAe,qBAAA,GADC;MAEJC,KAAK,EAAEC,aAAA,CAAOC;IAFV,CADD;IAKLC,KAAK,EAAE,IAAAC,sBAAA,GALF;IAMLC,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACrBN,KAAK,EAAEC,aAAA,CAAOZ,KADO;MAErBkB,KAAK,EAAE,MAFc;MAGrBrB,WAAW,EAAE,+BAHQ;MAIrBsB,YAAY,EAAE,EAJO;MAKrBC,GAAG,EAAE,CALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAjB;EAND;AAbgB,CAAlB"}

package/lib/commonjs/mappings/IconButton.js

@@ -13,6 +13,7 @@ const SEED_DATA = {
   category: _types.COMPONENT_TYPES.button,
   layout: {},
   triggers: [_types.Triggers.OnPress],
+  stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects, _types.StylesPanelSections.Position],
   props: {
     onPress: (0, _types.createActionProp)(),
     icon: (0, _types.createIconProp)(),

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","icon","createIconProp","color","createColorProp","label","group","GROUPS","basic","disabled","createBoolProp","size","createNumberProp","description","defaultValue","min","max","step","precision"],"sources":["IconButton.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createIconProp,\n  createColorProp,\n  createNumberProp,\n  createBoolProp,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Icon Button\",\n  tag: \"IconButton\",\n  category: COMPONENT_TYPES.button,\n  layout: {},\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    icon: createIconProp(),\n    color: createColorProp({\n      label: \"Color\",\n      group: GROUPS.basic,\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      group: GROUPS.basic,\n    }),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Width and height of your icon\",\n      defaultValue: 32,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,IAAI,EAAE,IAAAC,qBAAA,GAFD;IAGLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAE,OADc;MAErBC,KAAK,EAAEC,aAAA,CAAOC;IAFO,CAAhB,CAHF;IAOLC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBL,KAAK,EAAE,UADgB;MAEvBC,KAAK,EAAEC,aAAA,CAAOC;IAFS,CAAf,CAPL;IAWLG,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACrBN,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBH,KAAK,EAAE,MAFc;MAGrBQ,WAAW,EAAE,+BAHQ;MAIrBC,YAAY,EAAE,EAJO;MAKrBC,GAAG,EAAE,EALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAjB;EAXD;AANgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress","stylesPanelSections","StylesPanelSections","Margins","Effects","Position","props","onPress","createActionProp","icon","createIconProp","color","createColorProp","label","group","GROUPS","basic","disabled","createBoolProp","size","createNumberProp","description","defaultValue","min","max","step","precision"],"sources":["IconButton.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createIconProp,\n  createColorProp,\n  createNumberProp,\n  createBoolProp,\n  createActionProp,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Icon Button\",\n  tag: \"IconButton\",\n  category: COMPONENT_TYPES.button,\n  layout: {},\n  triggers: [Triggers.OnPress],\n  stylesPanelSections: [\n    StylesPanelSections.Margins,\n    StylesPanelSections.Effects,\n    StylesPanelSections.Position,\n  ],\n  props: {\n    onPress: createActionProp(),\n    icon: createIconProp(),\n    color: createColorProp({\n      label: \"Color\",\n      group: GROUPS.basic,\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      group: GROUPS.basic,\n    }),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Width and height of your icon\",\n      defaultValue: 32,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAYO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CALa;EAMvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,OADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,QAHD,CANE;EAWvBC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,IAAI,EAAE,IAAAC,qBAAA,GAFD;IAGLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAE,OADc;MAErBC,KAAK,EAAEC,aAAA,CAAOC;IAFO,CAAhB,CAHF;IAOLC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBL,KAAK,EAAE,UADgB;MAEvBC,KAAK,EAAEC,aAAA,CAAOC;IAFS,CAAf,CAPL;IAWLG,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACrBN,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBH,KAAK,EAAE,MAFc;MAGrBQ,WAAW,EAAE,+BAHQ;MAIrBC,YAAY,EAAE,EAJO;MAKrBC,GAAG,EAAE,EALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAjB;EAXD;AAXgB,CAAlB"}

package/lib/commonjs/mappings/Image.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "Image",
   description: "A basic Image Component",
   category: _types.COMPONENT_TYPES.media,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: {
     width: 250,
     height: 250

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","width","height","props","source","createImageProp","resizeMode","createResizeModeProp"],"sources":["Image.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createImageProp,\n  createResizeModeProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Image\",\n  tag: \"Image\",\n  description: \"A basic Image Component\",\n  category: COMPONENT_TYPES.media,\n  layout: {\n    width: 250,\n    height: 250,\n  },\n  props: {\n    source: createImageProp(),\n    resizeMode: createResizeModeProp(),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,MAAM,EAAE;IACNC,KAAK,EAAE,GADD;IAENC,MAAM,EAAE;EAFF,CALe;EASvBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,sBAAA,GADH;IAELC,UAAU,EAAE,IAAAC,2BAAA;EAFP;AATgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","stylesPanelSections","StylesPanelSections","Size","Margins","Position","Effects","layout","width","height","props","source","createImageProp","resizeMode","createResizeModeProp"],"sources":["Image.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createImageProp,\n  createResizeModeProp,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Image\",\n  tag: \"Image\",\n  description: \"A basic Image Component\",\n  category: COMPONENT_TYPES.media,\n  stylesPanelSections: [\n    StylesPanelSections.Size,\n    StylesPanelSections.Margins,\n    StylesPanelSections.Position,\n    StylesPanelSections.Effects,\n  ],\n  layout: {\n    width: 250,\n    height: 250,\n  },\n  props: {\n    source: createImageProp(),\n    resizeMode: createResizeModeProp(),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,IADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,QAHD,EAInBH,0BAAA,CAAoBI,OAJD,CALE;EAWvBC,MAAM,EAAE;IACNC,KAAK,EAAE,GADD;IAENC,MAAM,EAAE;EAFF,CAXe;EAevBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,sBAAA,GADH;IAELC,UAAU,EAAE,IAAAC,2BAAA;EAFP;AAfgB,CAAlB"}

package/lib/commonjs/mappings/ImageBackground.js

@@ -14,6 +14,7 @@ const SEED_DATA = {
   code_link: "https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js",
   description: "A very simple drop-in replacement for Image that allows you to use an Image as a background.",
   category: _types.COMPONENT_TYPES.media,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     width: "100%",
     height: "100%"

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","doc_link","code_link","description","category","COMPONENT_TYPES","media","layout","width","height","props","source","createImageProp","defaultValue","resizeMode","createResizeModeProp","backgroundColor","createColorProp","label","backfaceVisibility","createTextEnumProp","options"],"sources":["ImageBackground.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createImageProp,\n  createResizeModeProp,\n  createTextEnumProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Image Background\",\n  tag: \"ImageBackground\",\n  doc_link:\n    \"https://docs.expo.io/versions/latest/react-native/imagebackground/\",\n  code_link:\n    \"https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js\",\n  description:\n    \"A very simple drop-in replacement for Image that allows you to use an Image as a background.\",\n  category: COMPONENT_TYPES.media,\n  layout: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  props: {\n    source: createImageProp({\n      defaultValue:\n        \"https://static.draftbit.com/images/placeholder-image-background.png\",\n    }),\n    resizeMode: createResizeModeProp(),\n    backgroundColor: createColorProp({\n      label: \"Background Color\",\n      description: \"If no image is chosen render a colored background.\",\n    }),\n    backfaceVisibility: createTextEnumProp({\n      label: \"Backface Visibility\",\n      description: \"When animating a card, show the back face of it\",\n      options: [\"visible\", \"hidden\"],\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,iBAFkB;EAGvBC,QAAQ,EACN,oEAJqB;EAKvBC,SAAS,EACP,yFANqB;EAOvBC,WAAW,EACT,8FARqB;EASvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KATH;EAUvBC,MAAM,EAAE;IACNC,KAAK,EAAE,MADD;IAENC,MAAM,EAAE;EAFF,CAVe;EAcvBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,sBAAA,EAAgB;MACtBC,YAAY,EACV;IAFoB,CAAhB,CADH;IAKLC,UAAU,EAAE,IAAAC,2BAAA,GALP;IAMLC,eAAe,EAAE,IAAAC,sBAAA,EAAgB;MAC/BC,KAAK,EAAE,kBADwB;MAE/Bf,WAAW,EAAE;IAFkB,CAAhB,CANZ;IAULgB,kBAAkB,EAAE,IAAAC,yBAAA,EAAmB;MACrCF,KAAK,EAAE,qBAD8B;MAErCf,WAAW,EAAE,iDAFwB;MAGrCkB,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ;IAH4B,CAAnB;EAVf;AAdgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","doc_link","code_link","description","category","COMPONENT_TYPES","media","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","layout","width","height","props","source","createImageProp","defaultValue","resizeMode","createResizeModeProp","backgroundColor","createColorProp","label","backfaceVisibility","createTextEnumProp","options"],"sources":["ImageBackground.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createImageProp,\n  createResizeModeProp,\n  createTextEnumProp,\n  createColorProp,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Image Background\",\n  tag: \"ImageBackground\",\n  doc_link:\n    \"https://docs.expo.io/versions/latest/react-native/imagebackground/\",\n  code_link:\n    \"https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js\",\n  description:\n    \"A very simple drop-in replacement for Image that allows you to use an Image as a background.\",\n  category: COMPONENT_TYPES.media,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  props: {\n    source: createImageProp({\n      defaultValue:\n        \"https://static.draftbit.com/images/placeholder-image-background.png\",\n    }),\n    resizeMode: createResizeModeProp(),\n    backgroundColor: createColorProp({\n      label: \"Background Color\",\n      description: \"If no image is chosen render a colored background.\",\n    }),\n    backfaceVisibility: createTextEnumProp({\n      label: \"Backface Visibility\",\n      description: \"When animating a card, show the back face of it\",\n      options: [\"visible\", \"hidden\"],\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,iBAFkB;EAGvBC,QAAQ,EACN,oEAJqB;EAKvBC,SAAS,EACP,yFANqB;EAOvBC,WAAW,EACT,8FARqB;EASvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KATH;EAUvBC,mBAAmB,EAAEC,0CAVE;EAWvBC,MAAM,EAAE;IACNC,KAAK,EAAE,MADD;IAENC,MAAM,EAAE;EAFF,CAXe;EAevBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,sBAAA,EAAgB;MACtBC,YAAY,EACV;IAFoB,CAAhB,CADH;IAKLC,UAAU,EAAE,IAAAC,2BAAA,GALP;IAMLC,eAAe,EAAE,IAAAC,sBAAA,EAAgB;MAC/BC,KAAK,EAAE,kBADwB;MAE/BjB,WAAW,EAAE;IAFkB,CAAhB,CANZ;IAULkB,kBAAkB,EAAE,IAAAC,yBAAA,EAAmB;MACrCF,KAAK,EAAE,qBAD8B;MAErCjB,WAAW,EAAE,iDAFwB;MAGrCoB,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ;IAH4B,CAAnB;EAVf;AAfgB,CAAlB"}

package/lib/commonjs/mappings/KeyboardAvoidingView.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "KeyboardAvoidingView",
   description: "View that moves out of the way of the virtual keyboard. ",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   props: {
     enabled: {
       label: "Enabled",

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","enabled","label","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","group","GROUPS","basic","behavior","options","flatArray","STRING","keyboardVerticalOffset","number","NUMBER"],"sources":["KeyboardAvoidingView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Keyboard Avoiding View\",\n  tag: \"KeyboardAvoidingView\",\n  description: \"View that moves out of the way of the virtual keyboard. \",\n  category: COMPONENT_TYPES.layout,\n  props: {\n    enabled: {\n      label: \"Enabled\",\n      description: \"Enable the keyboard avoiding view\",\n      editable: true,\n      required: true,\n      defaultValue: true,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      group: GROUPS.basic,\n    },\n    behavior: {\n      label: \"Resizing Behavior\",\n      description:\n        \"The behavior for how the keyboard resizing interacts with the rest of the screen. (Default: padding).\",\n      editable: true,\n      required: true,\n      defaultValue: \"padding\",\n      options: [\"padding\", \"position\", \"height\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      group: GROUPS.basic,\n    },\n    keyboardVerticalOffset: {\n      label: \"Keyboard Vertical Offset\",\n      description:\n        \"The distance between the bottom of the view and the keyboard\",\n      editable: true,\n      required: false,\n      defaultValue: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,wBADiB;EAEvBC,GAAG,EAAE,sBAFkB;EAGvBC,WAAW,EAAE,0DAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBC,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,KAAK,EAAE,SADA;MAEPN,WAAW,EAAE,mCAFN;MAGPO,QAAQ,EAAE,IAHH;MAIPC,QAAQ,EAAE,IAJH;MAKPC,YAAY,EAAE,IALP;MAMPC,QAAQ,EAAEC,iBAAA,CAAWC,OANd;MAOPC,QAAQ,EAAEC,iBAAA,CAAWC,OAPd;MAQPC,KAAK,EAAEC,aAAA,CAAOC;IARP,CADJ;IAWLC,QAAQ,EAAE;MACRb,KAAK,EAAE,mBADC;MAERN,WAAW,EACT,uGAHM;MAIRO,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,IALF;MAMRC,YAAY,EAAE,SANN;MAORW,OAAO,EAAE,CAAC,SAAD,EAAY,UAAZ,EAAwB,QAAxB,CAPD;MAQRV,QAAQ,EAAEC,iBAAA,CAAWU,SARb;MASRR,QAAQ,EAAEC,iBAAA,CAAWQ,MATb;MAURN,KAAK,EAAEC,aAAA,CAAOC;IAVN,CAXL;IAuBLK,sBAAsB,EAAE;MACtBjB,KAAK,EAAE,0BADe;MAEtBN,WAAW,EACT,8DAHoB;MAItBO,QAAQ,EAAE,IAJY;MAKtBC,QAAQ,EAAE,KALY;MAMtBC,YAAY,EAAE,CANQ;MAOtBC,QAAQ,EAAEC,iBAAA,CAAWa,MAPC;MAQtBX,QAAQ,EAAEC,iBAAA,CAAWW,MARC;MAStBT,KAAK,EAAEC,aAAA,CAAOC;IATQ;EAvBnB;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","props","enabled","label","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","group","GROUPS","basic","behavior","options","flatArray","STRING","keyboardVerticalOffset","number","NUMBER"],"sources":["KeyboardAvoidingView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Keyboard Avoiding View\",\n  tag: \"KeyboardAvoidingView\",\n  description: \"View that moves out of the way of the virtual keyboard. \",\n  category: COMPONENT_TYPES.layout,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  props: {\n    enabled: {\n      label: \"Enabled\",\n      description: \"Enable the keyboard avoiding view\",\n      editable: true,\n      required: true,\n      defaultValue: true,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      group: GROUPS.basic,\n    },\n    behavior: {\n      label: \"Resizing Behavior\",\n      description:\n        \"The behavior for how the keyboard resizing interacts with the rest of the screen. (Default: padding).\",\n      editable: true,\n      required: true,\n      defaultValue: \"padding\",\n      options: [\"padding\", \"position\", \"height\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      group: GROUPS.basic,\n    },\n    keyboardVerticalOffset: {\n      label: \"Keyboard Vertical Offset\",\n      description:\n        \"The distance between the bottom of the view and the keyboard\",\n      editable: true,\n      required: false,\n      defaultValue: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,wBADiB;EAEvBC,GAAG,EAAE,sBAFkB;EAGvBC,WAAW,EAAE,0DAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBC,mBAAmB,EAAEC,0CALE;EAMvBC,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,KAAK,EAAE,SADA;MAEPR,WAAW,EAAE,mCAFN;MAGPS,QAAQ,EAAE,IAHH;MAIPC,QAAQ,EAAE,IAJH;MAKPC,YAAY,EAAE,IALP;MAMPC,QAAQ,EAAEC,iBAAA,CAAWC,OANd;MAOPC,QAAQ,EAAEC,iBAAA,CAAWC,OAPd;MAQPC,KAAK,EAAEC,aAAA,CAAOC;IARP,CADJ;IAWLC,QAAQ,EAAE;MACRb,KAAK,EAAE,mBADC;MAERR,WAAW,EACT,uGAHM;MAIRS,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,IALF;MAMRC,YAAY,EAAE,SANN;MAORW,OAAO,EAAE,CAAC,SAAD,EAAY,UAAZ,EAAwB,QAAxB,CAPD;MAQRV,QAAQ,EAAEC,iBAAA,CAAWU,SARb;MASRR,QAAQ,EAAEC,iBAAA,CAAWQ,MATb;MAURN,KAAK,EAAEC,aAAA,CAAOC;IAVN,CAXL;IAuBLK,sBAAsB,EAAE;MACtBjB,KAAK,EAAE,0BADe;MAEtBR,WAAW,EACT,8DAHoB;MAItBS,QAAQ,EAAE,IAJY;MAKtBC,QAAQ,EAAE,KALY;MAMtBC,YAAY,EAAE,CANQ;MAOtBC,QAAQ,EAAEC,iBAAA,CAAWa,MAPC;MAQtBX,QAAQ,EAAEC,iBAAA,CAAWW,MARC;MAStBT,KAAK,EAAEC,aAAA,CAAOC;IATQ;EAvBnB;AANgB,CAAlB"}

package/lib/commonjs/mappings/KeyboardAwareScrollView.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "KeyboardAwareScrollView",
   description: "View that moves pushes the content when virtual keyboard is open.",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {
     viewIsInsideTabBar: (0, _types.createStaticBoolProp)({

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","viewIsInsideTabBar","createStaticBoolProp","label","enableAutomaticScroll","extraHeight","createStaticNumberProp","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid","showsVerticalScrollIndicator","defaultValue","keyboardShouldPersistTaps","createTextEnumProp","options"],"sources":["KeyboardAwareScrollView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticBoolProp,\n  createStaticNumberProp,\n  createTextEnumProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Keyboard Aware Scroll View\",\n  tag: \"KeyboardAwareScrollView\",\n  description:\n    \"View that moves pushes the content when virtual keyboard is open.\",\n  category: COMPONENT_TYPES.layout,\n  layout: {},\n  props: {\n    viewIsInsideTabBar: createStaticBoolProp({\n      label: \"View Is Inside TabBar\",\n      description: \"Adds an extra offset that represents the TabBarIOS height.\",\n    }),\n    enableAutomaticScroll: createStaticBoolProp({\n      label: \"Enable Automatic Scroll\",\n      description:\n        \"When focus in TextInput will scroll the position, default is enabled\",\n    }),\n    extraHeight: createStaticNumberProp({\n      label: \"Extra Height\",\n      description: \"Adds an extra offset when focusing the TextInputs\",\n    }),\n    extraScrollHeight: createStaticNumberProp({\n      label: \"Extra Scroll Height\",\n      description:\n        \"Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard\",\n    }),\n    enableResetScrollToCoords: createStaticBoolProp({\n      label: \"Enable Reset Scroll To Coordinates\",\n      description:\n        \"Lets the user enable or disable automatic resetScrollToCoords\",\n    }),\n    keyboardOpeningTime: createStaticNumberProp({\n      label: \"Opening Time\",\n      description:\n        \"Sets the delay time before scrolling to new position after keyboard opening, default is 250\",\n    }),\n    enableOnAndroid: createStaticBoolProp({\n      label: \"Enable On Android\",\n      description: \"Enable Android Support\",\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      label: \"Shows Vertical Scroll Indicator\",\n      description: \"Show or hide the vertical scroll indicator\",\n      defaultValue: true,\n    }),\n    keyboardShouldPersistTaps: createTextEnumProp({\n      label: \"Allow Touch Events\",\n      description:\n        \"Allows touch events on visible components to be processed while the keyboard is open\",\n      defaultValue: \"never\",\n      options: [\"never\", \"always\"],\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,4BADiB;EAEvBC,GAAG,EAAE,yBAFkB;EAGvBC,WAAW,EACT,mEAJqB;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MALH;EAMvBA,MAAM,EAAE,EANe;EAOvBC,KAAK,EAAE;IACLC,kBAAkB,EAAE,IAAAC,2BAAA,EAAqB;MACvCC,KAAK,EAAE,uBADgC;MAEvCP,WAAW,EAAE;IAF0B,CAArB,CADf;IAKLQ,qBAAqB,EAAE,IAAAF,2BAAA,EAAqB;MAC1CC,KAAK,EAAE,yBADmC;MAE1CP,WAAW,EACT;IAHwC,CAArB,CALlB;IAULS,WAAW,EAAE,IAAAC,6BAAA,EAAuB;MAClCH,KAAK,EAAE,cAD2B;MAElCP,WAAW,EAAE;IAFqB,CAAvB,CAVR;IAcLW,iBAAiB,EAAE,IAAAD,6BAAA,EAAuB;MACxCH,KAAK,EAAE,qBADiC;MAExCP,WAAW,EACT;IAHsC,CAAvB,CAdd;IAmBLY,yBAAyB,EAAE,IAAAN,2BAAA,EAAqB;MAC9CC,KAAK,EAAE,oCADuC;MAE9CP,WAAW,EACT;IAH4C,CAArB,CAnBtB;IAwBLa,mBAAmB,EAAE,IAAAH,6BAAA,EAAuB;MAC1CH,KAAK,EAAE,cADmC;MAE1CP,WAAW,EACT;IAHwC,CAAvB,CAxBhB;IA6BLc,eAAe,EAAE,IAAAR,2BAAA,EAAqB;MACpCC,KAAK,EAAE,mBAD6B;MAEpCP,WAAW,EAAE;IAFuB,CAArB,CA7BZ;IAiCLe,4BAA4B,EAAE,IAAAT,2BAAA,EAAqB;MACjDC,KAAK,EAAE,iCAD0C;MAEjDP,WAAW,EAAE,4CAFoC;MAGjDgB,YAAY,EAAE;IAHmC,CAArB,CAjCzB;IAsCLC,yBAAyB,EAAE,IAAAC,yBAAA,EAAmB;MAC5CX,KAAK,EAAE,oBADqC;MAE5CP,WAAW,EACT,sFAH0C;MAI5CgB,YAAY,EAAE,OAJ8B;MAK5CG,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV;IALmC,CAAnB;EAtCtB;AAPgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","props","viewIsInsideTabBar","createStaticBoolProp","label","enableAutomaticScroll","extraHeight","createStaticNumberProp","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid","showsVerticalScrollIndicator","defaultValue","keyboardShouldPersistTaps","createTextEnumProp","options"],"sources":["KeyboardAwareScrollView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticBoolProp,\n  createStaticNumberProp,\n  createTextEnumProp,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Keyboard Aware Scroll View\",\n  tag: \"KeyboardAwareScrollView\",\n  description:\n    \"View that moves pushes the content when virtual keyboard is open.\",\n  category: COMPONENT_TYPES.layout,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {},\n  props: {\n    viewIsInsideTabBar: createStaticBoolProp({\n      label: \"View Is Inside TabBar\",\n      description: \"Adds an extra offset that represents the TabBarIOS height.\",\n    }),\n    enableAutomaticScroll: createStaticBoolProp({\n      label: \"Enable Automatic Scroll\",\n      description:\n        \"When focus in TextInput will scroll the position, default is enabled\",\n    }),\n    extraHeight: createStaticNumberProp({\n      label: \"Extra Height\",\n      description: \"Adds an extra offset when focusing the TextInputs\",\n    }),\n    extraScrollHeight: createStaticNumberProp({\n      label: \"Extra Scroll Height\",\n      description:\n        \"Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard\",\n    }),\n    enableResetScrollToCoords: createStaticBoolProp({\n      label: \"Enable Reset Scroll To Coordinates\",\n      description:\n        \"Lets the user enable or disable automatic resetScrollToCoords\",\n    }),\n    keyboardOpeningTime: createStaticNumberProp({\n      label: \"Opening Time\",\n      description:\n        \"Sets the delay time before scrolling to new position after keyboard opening, default is 250\",\n    }),\n    enableOnAndroid: createStaticBoolProp({\n      label: \"Enable On Android\",\n      description: \"Enable Android Support\",\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      label: \"Shows Vertical Scroll Indicator\",\n      description: \"Show or hide the vertical scroll indicator\",\n      defaultValue: true,\n    }),\n    keyboardShouldPersistTaps: createTextEnumProp({\n      label: \"Allow Touch Events\",\n      description:\n        \"Allows touch events on visible components to be processed while the keyboard is open\",\n      defaultValue: \"never\",\n      options: [\"never\", \"always\"],\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,4BADiB;EAEvBC,GAAG,EAAE,yBAFkB;EAGvBC,WAAW,EACT,mEAJqB;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MALH;EAMvBC,mBAAmB,EAAEC,0CANE;EAOvBF,MAAM,EAAE,EAPe;EAQvBG,KAAK,EAAE;IACLC,kBAAkB,EAAE,IAAAC,2BAAA,EAAqB;MACvCC,KAAK,EAAE,uBADgC;MAEvCT,WAAW,EAAE;IAF0B,CAArB,CADf;IAKLU,qBAAqB,EAAE,IAAAF,2BAAA,EAAqB;MAC1CC,KAAK,EAAE,yBADmC;MAE1CT,WAAW,EACT;IAHwC,CAArB,CALlB;IAULW,WAAW,EAAE,IAAAC,6BAAA,EAAuB;MAClCH,KAAK,EAAE,cAD2B;MAElCT,WAAW,EAAE;IAFqB,CAAvB,CAVR;IAcLa,iBAAiB,EAAE,IAAAD,6BAAA,EAAuB;MACxCH,KAAK,EAAE,qBADiC;MAExCT,WAAW,EACT;IAHsC,CAAvB,CAdd;IAmBLc,yBAAyB,EAAE,IAAAN,2BAAA,EAAqB;MAC9CC,KAAK,EAAE,oCADuC;MAE9CT,WAAW,EACT;IAH4C,CAArB,CAnBtB;IAwBLe,mBAAmB,EAAE,IAAAH,6BAAA,EAAuB;MAC1CH,KAAK,EAAE,cADmC;MAE1CT,WAAW,EACT;IAHwC,CAAvB,CAxBhB;IA6BLgB,eAAe,EAAE,IAAAR,2BAAA,EAAqB;MACpCC,KAAK,EAAE,mBAD6B;MAEpCT,WAAW,EAAE;IAFuB,CAArB,CA7BZ;IAiCLiB,4BAA4B,EAAE,IAAAT,2BAAA,EAAqB;MACjDC,KAAK,EAAE,iCAD0C;MAEjDT,WAAW,EAAE,4CAFoC;MAGjDkB,YAAY,EAAE;IAHmC,CAArB,CAjCzB;IAsCLC,yBAAyB,EAAE,IAAAC,yBAAA,EAAmB;MAC5CX,KAAK,EAAE,oBADqC;MAE5CT,WAAW,EACT,sFAH0C;MAI5CkB,YAAY,EAAE,OAJ8B;MAK5CG,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV;IALmC,CAAnB;EAtCtB;AARgB,CAAlB"}

package/lib/commonjs/mappings/Layout.js

@@ -11,6 +11,7 @@ const SEED_DATA = [{
   name: "Row",
   tag: "Row",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   props: {
     justifyContent: {
       label: "Align Horizontally",
@@ -83,6 +84,7 @@ const SEED_DATA = [{
   name: "Stack",
   tag: "Stack",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   props: {
     justifyContent: {
       group: _types.GROUPS.style,
@@ -109,6 +111,7 @@ const SEED_DATA = [{
   name: "Center",
   tag: "Center",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   props: {
     width: {
       label: "Width",
@@ -145,6 +148,7 @@ const SEED_DATA = [{
   name: "Circle",
   tag: "Circle",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   props: {
     size: {
       label: "Size",
@@ -171,6 +175,7 @@ const SEED_DATA = [{
   name: "Square",
   tag: "Square",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   props: {
     size: {
       label: "Size",

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","props","justifyContent","label","group","GROUPS","style","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","alignItems","top","number","NUMBER","right","bottom","left","width","height","bgColor","color","THEME","size"],"sources":["Layout.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n} from \"@draftbit/types\";\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"],"mappings":"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"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","stylesPanelSections","StylesPanelSections","NoStyles","props","justifyContent","label","group","GROUPS","style","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","alignItems","top","number","NUMBER","right","bottom","left","width","height","bgColor","color","THEME","size"],"sources":["Layout.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Row\",\n    tag: \"Row\",\n    category: COMPONENT_TYPES.layout,\n    stylesPanelSections: [StylesPanelSections.NoStyles],\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    stylesPanelSections: [StylesPanelSections.NoStyles],\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    stylesPanelSections: [StylesPanelSections.NoStyles],\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    stylesPanelSections: [StylesPanelSections.NoStyles],\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    stylesPanelSections: [StylesPanelSections.NoStyles],\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"],"mappings":"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"}

package/lib/commonjs/mappings/Modal.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "Modal",
   description: "A basic Modal Component",
   category: _types.COMPONENT_TYPES.container,
+  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   props: {
     animationType: {
       group: _types.GROUPS.basic,

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","animationType","group","GROUPS","basic","label","options","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","defaultValue","transparent","createBoolProp","visible","data","presentationStyle"],"sources":["Modal.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Modal\",\n  tag: \"Modal\",\n  description: \"A basic Modal Component\",\n  category: COMPONENT_TYPES.container,\n  props: {\n    animationType: {\n      group: GROUPS.basic,\n      label: \"Animation Type\",\n      description: \"Animation Type\",\n      options: [\"slide\", \"fade\", \"none\"],\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: \"none\",\n    },\n    transparent: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Transparent\",\n      description:\n        \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n    }),\n    visible: createBoolProp({\n      group: GROUPS.data,\n      label: \"Visible\",\n      description: \"Determines whether the modal is visible\",\n    }),\n    presentationStyle: {\n      group: GROUPS.basic,\n      label: \"Presentation Style\",\n      description: \"Presentation Style\",\n      options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: null,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,SAJH;EAKvBC,KAAK,EAAE;IACLC,aAAa,EAAE;MACbC,KAAK,EAAEC,aAAA,CAAOC,KADD;MAEbC,KAAK,EAAE,gBAFM;MAGbT,WAAW,EAAE,gBAHA;MAIbU,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJI;MAKbC,QAAQ,EAAE,IALG;MAMbC,QAAQ,EAAE,KANG;MAObC,QAAQ,EAAEC,iBAAA,CAAWC,SAPR;MAQbC,QAAQ,EAAEC,iBAAA,CAAWC,MARR;MASbC,YAAY,EAAE;IATD,CADV;IAYLC,WAAW,EAAE,IAAAC,qBAAA,EAAe;MAC1Bf,KAAK,EAAEC,aAAA,CAAOC,KADY;MAE1BC,KAAK,EAAE,aAFmB;MAG1BT,WAAW,EACT;IAJwB,CAAf,CAZR;IAkBLsB,OAAO,EAAE,IAAAD,qBAAA,EAAe;MACtBf,KAAK,EAAEC,aAAA,CAAOgB,IADQ;MAEtBd,KAAK,EAAE,SAFe;MAGtBT,WAAW,EAAE;IAHS,CAAf,CAlBJ;IAuBLwB,iBAAiB,EAAE;MACjBlB,KAAK,EAAEC,aAAA,CAAOC,KADG;MAEjBC,KAAK,EAAE,oBAFU;MAGjBT,WAAW,EAAE,oBAHI;MAIjBU,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJQ;MAKjBC,QAAQ,EAAE,IALO;MAMjBC,QAAQ,EAAE,KANO;MAOjBC,QAAQ,EAAEC,iBAAA,CAAWC,SAPJ;MAQjBC,QAAQ,EAAEC,iBAAA,CAAWC,MARJ;MASjBC,YAAY,EAAE;IATG;EAvBd;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","stylesPanelSections","StylesPanelSections","NoStyles","props","animationType","group","GROUPS","basic","label","options","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","defaultValue","transparent","createBoolProp","visible","data","presentationStyle"],"sources":["Modal.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createBoolProp,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Modal\",\n  tag: \"Modal\",\n  description: \"A basic Modal Component\",\n  category: COMPONENT_TYPES.container,\n  stylesPanelSections: [StylesPanelSections.NoStyles],\n  props: {\n    animationType: {\n      group: GROUPS.basic,\n      label: \"Animation Type\",\n      description: \"Animation Type\",\n      options: [\"slide\", \"fade\", \"none\"],\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: \"none\",\n    },\n    transparent: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Transparent\",\n      description:\n        \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n    }),\n    visible: createBoolProp({\n      group: GROUPS.data,\n      label: \"Visible\",\n      description: \"Determines whether the modal is visible\",\n    }),\n    presentationStyle: {\n      group: GROUPS.basic,\n      label: \"Presentation Style\",\n      description: \"Presentation Style\",\n      options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: null,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,SAJH;EAKvBC,mBAAmB,EAAE,CAACC,0BAAA,CAAoBC,QAArB,CALE;EAMvBC,KAAK,EAAE;IACLC,aAAa,EAAE;MACbC,KAAK,EAAEC,aAAA,CAAOC,KADD;MAEbC,KAAK,EAAE,gBAFM;MAGbZ,WAAW,EAAE,gBAHA;MAIba,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJI;MAKbC,QAAQ,EAAE,IALG;MAMbC,QAAQ,EAAE,KANG;MAObC,QAAQ,EAAEC,iBAAA,CAAWC,SAPR;MAQbC,QAAQ,EAAEC,iBAAA,CAAWC,MARR;MASbC,YAAY,EAAE;IATD,CADV;IAYLC,WAAW,EAAE,IAAAC,qBAAA,EAAe;MAC1Bf,KAAK,EAAEC,aAAA,CAAOC,KADY;MAE1BC,KAAK,EAAE,aAFmB;MAG1BZ,WAAW,EACT;IAJwB,CAAf,CAZR;IAkBLyB,OAAO,EAAE,IAAAD,qBAAA,EAAe;MACtBf,KAAK,EAAEC,aAAA,CAAOgB,IADQ;MAEtBd,KAAK,EAAE,SAFe;MAGtBZ,WAAW,EAAE;IAHS,CAAf,CAlBJ;IAuBL2B,iBAAiB,EAAE;MACjBlB,KAAK,EAAEC,aAAA,CAAOC,KADG;MAEjBC,KAAK,EAAE,oBAFU;MAGjBZ,WAAW,EAAE,oBAHI;MAIjBa,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJQ;MAKjBC,QAAQ,EAAE,IALO;MAMjBC,QAAQ,EAAE,KANO;MAOjBC,QAAQ,EAAEC,iBAAA,CAAWC,SAPJ;MAQjBC,QAAQ,EAAEC,iBAAA,CAAWC,MARJ;MASjBC,YAAY,EAAE;IATG;EAvBd;AANgB,CAAlB"}

package/lib/commonjs/mappings/NumberInput.js

@@ -0,0 +1,242 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const NUMBER_INPUT_PROPS = {
+  allowFontScaling: {
+    group: _types.GROUPS.advanced,
+    label: "Allow Font Scaling",
+    description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  autoFocus: {
+    group: _types.GROUPS.basic,
+    label: "Auto Focus",
+    description: "Focuses the input on load in and brings up the keyboard",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  caretHidden: {
+    group: _types.GROUPS.advanced,
+    label: "Hide Caret",
+    description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  contextMenuHidden: {
+    group: _types.GROUPS.advanced,
+    label: "Hide Context Menu",
+    description: "Hides the system context menu (Default: false)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  editable: {
+    group: _types.GROUPS.advanced,
+    label: "Editable",
+    description: "If false, the text is not editable",
+    editable: true,
+    required: false,
+    defaultValue: true,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  keyboardAppearance: {
+    group: _types.GROUPS.advanced,
+    label: "Keyboard Appearance",
+    description: "Determines the color of the keyboard.(iOS Only)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    options: ["default", "light", "dark"],
+    formType: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  keyboardType: {
+    group: _types.GROUPS.advanced,
+    label: "Keyboard Type",
+    description: "Determines what keyboard is given to the user.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    options: ["numeric", "numbers-and-punctuation", "number-pad"],
+    formType: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  maxLength: {
+    group: _types.GROUPS.basic,
+    label: "Max Length",
+    description: "Limits the input to a set number of characters.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    min: 0,
+    step: 1,
+    precision: 0,
+    formType: _types.FORM_TYPES.number,
+    propType: _types.PROP_TYPES.NUMBER
+  },
+  placeholder: {
+    group: _types.GROUPS.basic,
+    label: "Placeholder Text",
+    description: "The text that is shown on load when no value is available.",
+    editable: true,
+    required: false,
+    defaultValue: "Enter a number...",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING
+  },
+  placeholderTextColor: {
+    group: _types.GROUPS.basic,
+    label: "Placeholder Text Color",
+    description: "The color of the placeholder text.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.STRING
+  },
+  returnKeyLabel: {
+    group: _types.GROUPS.advanced,
+    label: "Return Key Label",
+    description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING
+  },
+  returnKeyType: {
+    group: _types.GROUPS.advanced,
+    label: "Return Key Type",
+    description: "Determines how the return key should look like",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
+    formType: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  selectionColor: {
+    group: _types.GROUPS.advanced,
+    label: "Selection Color",
+    description: "Color of the highlighted portion when selecting.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.STRING
+  },
+  selectTextOnFocus: {
+    group: _types.GROUPS.advanced,
+    label: "Select Text on Focus",
+    description: "If true, all the text will automatically be selected on focus",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  }
+};
+const SEED_DATA_PROPS = {
+  style: {
+    group: _types.GROUPS.basic,
+    label: "Style",
+    description: "Text Style",
+    editable: false,
+    required: false,
+    formType: _types.FORM_TYPES.typeStyle,
+    propType: _types.PROP_TYPES.THEME,
+    defaultValue: null
+  },
+  clearButtonMode: {
+    group: _types.GROUPS.basic,
+    label: "Clear Button Mode",
+    description: "Enables a button within the textInput to clear the data entered",
+    editable: true,
+    required: false,
+    options: ["never", "while-editing", "unless-editing", "always"],
+    defaultValue: null,
+    formType: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  clearTextOnFocus: {
+    group: _types.GROUPS.basic,
+    label: "Clear Text on Focus",
+    description: "If true, clears the text field automatically when its focused.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  enablesReturnKeyAutomatically: {
+    group: _types.GROUPS.basic,
+    label: "Enables Return Key Automatically",
+    description: "If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  underlineColorAndroid: {
+    group: _types.GROUPS.basic,
+    label: "Underline color",
+    description: "(Android Only) The color of the underline(the line underneath the text when finished typing.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.THEME
+  },
+  fieldName: { ..._types.FIELD_NAME,
+    defaultValue: "numberInputValue",
+    handlerPropName: "onChangeText"
+  }
+};
+exports.SEED_DATA_PROPS = SEED_DATA_PROPS;
+const SEED_DATA = [{
+  name: "Number Input",
+  tag: "NumberInput",
+  description: "An input field that allows users to type in data.",
+  category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
+  preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
+  supports_list_render: false,
+  layout: {
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+    borderColor: "divider",
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 8
+  },
+  triggers: [_types.Triggers.OnChangeText],
+  props: { ...SEED_DATA_PROPS,
+    ...NUMBER_INPUT_PROPS
+  }
+}];
+exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NUMBER_INPUT_PROPS","allowFontScaling","group","GROUPS","advanced","label","description","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","options","flatArray","STRING","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","selectionColor","selectTextOnFocus","SEED_DATA_PROPS","style","typeStyle","THEME","clearButtonMode","clearTextOnFocus","enablesReturnKeyAutomatically","underlineColorAndroid","fieldName","FIELD_NAME","handlerPropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Typography","Background","Size","MarginsAndPaddings","Position","Borders","Effects","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","Triggers","OnChangeText","props"],"sources":["NumberInput.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nconst NUMBER_INPUT_PROPS = {\n  allowFontScaling: {\n    group: GROUPS.advanced,\n    label: \"Allow Font Scaling\",\n    description:\n      \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  autoFocus: {\n    group: GROUPS.basic,\n    label: \"Auto Focus\",\n    description: \"Focuses the input on load in and brings up the keyboard\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  caretHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Caret\",\n    description:\n      \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  contextMenuHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Context Menu\",\n    description: \"Hides the system context menu (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  editable: {\n    group: GROUPS.advanced,\n    label: \"Editable\",\n    description: \"If false, the text is not editable\",\n    editable: true,\n    required: false,\n    defaultValue: true,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  keyboardAppearance: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Appearance\",\n    description: \"Determines the color of the keyboard.(iOS Only)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"default\", \"light\", \"dark\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  keyboardType: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Type\",\n    description: \"Determines what keyboard is given to the user.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"numeric\", \"numbers-and-punctuation\", \"number-pad\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  maxLength: {\n    group: GROUPS.basic,\n    label: \"Max Length\",\n    description: \"Limits the input to a set number of characters.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    min: 0,\n    step: 1,\n    precision: 0,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n  },\n  placeholder: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text\",\n    description: \"The text that is shown on load when no value is available.\",\n    editable: true,\n    required: false,\n    defaultValue: \"Enter a number...\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n  },\n  placeholderTextColor: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text Color\",\n    description: \"The color of the placeholder text.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  returnKeyLabel: {\n    group: GROUPS.advanced,\n    label: \"Return Key Label\",\n    description:\n      \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n  },\n  returnKeyType: {\n    group: GROUPS.advanced,\n    label: \"Return Key Type\",\n    description: \"Determines how the return key should look like\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\n      \"done\",\n      \"go\",\n      \"next\",\n      \"search\",\n      \"send\",\n      \"none\",\n      \"previous\",\n      \"default\",\n      \"emergency-call\",\n      \"google\",\n      \"join\",\n      \"route\",\n      \"yahoo\",\n    ],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  selectionColor: {\n    group: GROUPS.advanced,\n    label: \"Selection Color\",\n    description: \"Color of the highlighted portion when selecting.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  selectTextOnFocus: {\n    group: GROUPS.advanced,\n    label: \"Select Text on Focus\",\n    description:\n      \"If true, all the text will automatically be selected on focus\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n};\n\nexport const SEED_DATA_PROPS = {\n  style: {\n    group: GROUPS.basic,\n    label: \"Style\",\n    description: \"Text Style\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.typeStyle,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  clearButtonMode: {\n    group: GROUPS.basic,\n    label: \"Clear Button Mode\",\n    description:\n      \"Enables a button within the textInput to clear the data entered\",\n    editable: true,\n    required: false,\n    options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n    defaultValue: null,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  clearTextOnFocus: {\n    group: GROUPS.basic,\n    label: \"Clear Text on Focus\",\n    description:\n      \"If true, clears the text field automatically when its focused.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  enablesReturnKeyAutomatically: {\n    group: GROUPS.basic,\n    label: \"Enables Return Key Automatically\",\n    description:\n      \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  underlineColorAndroid: {\n    group: GROUPS.basic,\n    label: \"Underline color\",\n    description:\n      \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"numberInputValue\",\n    handlerPropName: \"onChangeText\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Number Input\",\n    tag: \"NumberInput\",\n    description: \"An input field that allows users to type in data.\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Background,\n      StylesPanelSections.Size,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Position,\n      StylesPanelSections.Borders,\n      StylesPanelSections.Effects,\n    ],\n    preview_image_url:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...SEED_DATA_PROPS,\n      ...NUMBER_INPUT_PROPS,\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/Picker.js

@@ -121,6 +121,7 @@ const SEED_DATA = [{
   tag: "Picker",
   description: "A component used to pick a value from a set of options",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
   preview_image_url: "{CLOUDINARY_URL}/Picker.png",
   supports_list_render: false,
   triggers: SEED_DATA_TRIGGERS,