@draftbit/core 46.2.1-de631b.0 → 46.2.2-088abf.0

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","label","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","group","GROUPS","data","mode","flatArray","options","basic","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","FIELD_NAME","handlerPropName","valuePropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnDateChange","props","type"],"sources":["DatePicker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Date\",\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  mode: {\n    label: \"Mode\",\n    description: \"Choose between date, time and datetime\",\n    defaultValue: \"date\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    options: [\"date\", \"time\", \"datetime\"],\n    group: GROUPS.basic,\n  },\n  assistiveText: {\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // locale: {\n  //   label: \"Locale\",\n  //   description: \"Locale for the datepicker. Must be a valid Locale\",\n  //   formType: FORM_TYPES.string,\n  //   propType: PROP_TYPES.STRING,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // minuteInterval: {\n  //   label: \"Minute Interval\",\n  //   description: \"The interval at which minutes can be selected\",\n  //   formType: FORM_TYPES.flatArray,\n  //   propType: PROP_TYPES.NUMBER,\n  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // timeZoneOffsetInMinutes: {\n  //   label: \"Time zone offset\",\n  //   description:\n  //     \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n  //   formType: FORM_TYPES.number,\n  //   propType: PROP_TYPES.NUMBER,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  disabled: {\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // error: {\n  //   label: \"Error\",\n  //   description: \"Whether the picker should display the error state\",\n  //   formType: FORM_TYPES.boolean,\n  //   propType: PROP_TYPES.BOOLEAN,\n  //   defaultValue: false,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.data,\n  // },\n  leftIconName: {\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  leftIconMode: {\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n    group: GROUPS.basic,\n  },\n  rightIconName: {\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onDateChange\",\n    valuePropName: \"date\",\n    defaultValue: \"date\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Date Picker\",\n    tag: \"DatePicker\",\n    description: \"A component used to select a date from a visual calendar\",\n    category: COMPONENT_TYPES.input,\n    layout: null,\n    triggers: [Triggers.OnDateChange],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["SEED_DATA_PROPS","label","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","group","GROUPS","data","mode","flatArray","options","basic","format","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","FIELD_NAME","handlerPropName","valuePropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnDateChange","props","type"],"sources":["DatePicker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Date\",\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  mode: {\n    label: \"Mode\",\n    description: \"Choose between date, time and datetime\",\n    defaultValue: \"date\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    options: [\"date\", \"time\", \"datetime\"],\n    group: GROUPS.basic,\n  },\n  format: {\n    label: \"Format\",\n    description: \"Create an output format for the date.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    group: GROUPS.basic,\n  },\n  assistiveText: {\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // locale: {\n  //   label: \"Locale\",\n  //   description: \"Locale for the datepicker. Must be a valid Locale\",\n  //   formType: FORM_TYPES.string,\n  //   propType: PROP_TYPES.STRING,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // minuteInterval: {\n  //   label: \"Minute Interval\",\n  //   description: \"The interval at which minutes can be selected\",\n  //   formType: FORM_TYPES.flatArray,\n  //   propType: PROP_TYPES.NUMBER,\n  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // timeZoneOffsetInMinutes: {\n  //   label: \"Time zone offset\",\n  //   description:\n  //     \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n  //   formType: FORM_TYPES.number,\n  //   propType: PROP_TYPES.NUMBER,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  disabled: {\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // error: {\n  //   label: \"Error\",\n  //   description: \"Whether the picker should display the error state\",\n  //   formType: FORM_TYPES.boolean,\n  //   propType: PROP_TYPES.BOOLEAN,\n  //   defaultValue: false,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.data,\n  // },\n  leftIconName: {\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  leftIconMode: {\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n    group: GROUPS.basic,\n  },\n  rightIconName: {\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onDateChange\",\n    valuePropName: \"date\",\n    defaultValue: \"date\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Date Picker\",\n    tag: \"DatePicker\",\n    description: \"A component used to select a date from a visual calendar\",\n    category: COMPONENT_TYPES.input,\n    layout: null,\n    triggers: [Triggers.OnDateChange],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/Divider.js

@@ -11,6 +11,7 @@ const SEED_DATA = [{
   name: "Divider",
   tag: "Divider",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   description: "A horizontal line used to divide content",
   preview_image_url: "{CLOUDINARY_URL}/Divider.png",
   supports_list_render: false,

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","description","preview_image_url","supports_list_render","props","color","group","GROUPS","basic","label","editable","required","defaultValue","formType","FORM_TYPES","propType","PROP_TYPES","THEME","height"],"sources":["Divider.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: \"Divider\",\n    tag: \"Divider\",\n    category: COMPONENT_TYPES.layout,\n    description: \"A horizontal line used to divide content\",\n    preview_image_url: \"{CLOUDINARY_URL}/Divider.png\",\n    supports_list_render: false,\n    props: {\n      color: {\n        group: GROUPS.basic,\n        label: \"Color\",\n        description: \"The color of the divider\",\n        editable: true,\n        required: false,\n        defaultValue: \"divider\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n      },\n    },\n    layout: {\n      height: 1,\n    },\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,WAAW,EAAE,0CAJf;EAKEC,iBAAiB,EAAE,8BALrB;EAMEC,oBAAoB,EAAE,KANxB;EAOEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,KADT;MAELC,KAAK,EAAE,OAFF;MAGLR,WAAW,EAAE,0BAHR;MAILS,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,KALL;MAMLC,YAAY,EAAE,SANT;MAOLC,QAAQ,EAAEC,iBAAA,CAAWT,KAPhB;MAQLU,QAAQ,EAAEC,iBAAA,CAAWC;IARhB;EADF,CAPT;EAmBEjB,MAAM,EAAE;IACNkB,MAAM,EAAE;EADF;AAnBV,CADuB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","stylesPanelSections","BLOCK_STYLES_SECTIONS","description","preview_image_url","supports_list_render","props","color","group","GROUPS","basic","label","editable","required","defaultValue","formType","FORM_TYPES","propType","PROP_TYPES","THEME","height"],"sources":["Divider.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Divider\",\n    tag: \"Divider\",\n    category: COMPONENT_TYPES.layout,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    description: \"A horizontal line used to divide content\",\n    preview_image_url: \"{CLOUDINARY_URL}/Divider.png\",\n    supports_list_render: false,\n    props: {\n      color: {\n        group: GROUPS.basic,\n        label: \"Color\",\n        description: \"The color of the divider\",\n        editable: true,\n        required: false,\n        defaultValue: \"divider\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n      },\n    },\n    layout: {\n      height: 1,\n    },\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,mBAAmB,EAAEC,4BAJvB;EAKEC,WAAW,EAAE,0CALf;EAMEC,iBAAiB,EAAE,8BANrB;EAOEC,oBAAoB,EAAE,KAPxB;EAQEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,KADT;MAELC,KAAK,EAAE,OAFF;MAGLR,WAAW,EAAE,0BAHR;MAILS,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,KALL;MAMLC,YAAY,EAAE,SANT;MAOLC,QAAQ,EAAEC,iBAAA,CAAWT,KAPhB;MAQLU,QAAQ,EAAEC,iBAAA,CAAWC;IARhB;EADF,CART;EAoBEnB,MAAM,EAAE;IACNoB,MAAM,EAAE;EADF;AApBV,CADuB,CAAlB"}

package/lib/commonjs/mappings/FAB.js

@@ -11,6 +11,7 @@ const SEED_DATA = {
   name: "FAB",
   tag: "FAB",
   category: _types.COMPONENT_TYPES.button,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   description: "A mini round icon FAB",
   layout: {},
   triggers: [_types.Triggers.OnPress],

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","description","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","disabled","createBoolProp","label","group","GROUPS","basic","loading","iconName","createIconProp","defaultValue","iconColor","createColorProp","bgColor","size","createIconSizeProp"],"sources":["FAB.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createColorProp,\n  GROUPS,\n  createBoolProp,\n  createIconSizeProp,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"FAB\",\n  tag: \"FAB\",\n  category: COMPONENT_TYPES.button,\n  description: \"A mini round icon FAB\",\n  layout: {},\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      group: GROUPS.basic,\n    }),\n    loading: createBoolProp({\n      label: \"Loading\",\n      group: GROUPS.basic,\n    }),\n    iconName: createIconProp({\n      label: \"Icon\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    bgColor: createColorProp({\n      label: \"Background color\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    size: createIconSizeProp(),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,KADiB;EAEvBC,GAAG,EAAE,KAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAHH;EAIvBC,WAAW,EAAE,uBAJU;EAKvBC,MAAM,EAAE,EALe;EAMvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CANa;EAOvBC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBC,KAAK,EAAE,UADgB;MAEvBC,KAAK,EAAEC,aAAA,CAAOC;IAFS,CAAf,CAFL;IAMLC,OAAO,EAAE,IAAAL,qBAAA,EAAe;MACtBC,KAAK,EAAE,SADe;MAEtBC,KAAK,EAAEC,aAAA,CAAOC;IAFQ,CAAf,CANJ;IAULE,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBN,KAAK,EAAE,MADgB;MAEvBO,YAAY,EAAE,IAFS;MAGvBN,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAf,CAVL;IAeLK,SAAS,EAAE,IAAAC,sBAAA,EAAgB;MACzBT,KAAK,EAAE,YADkB;MAEzBO,YAAY,EAAE,IAFW;MAGzBN,KAAK,EAAEC,aAAA,CAAOC;IAHW,CAAhB,CAfN;IAoBLO,OAAO,EAAE,IAAAD,sBAAA,EAAgB;MACvBT,KAAK,EAAE,kBADgB;MAEvBO,YAAY,EAAE,IAFS;MAGvBN,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAhB,CApBJ;IAyBLQ,IAAI,EAAE,IAAAC,yBAAA;EAzBD;AAPgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","stylesPanelSections","BLOCK_STYLES_SECTIONS","description","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","disabled","createBoolProp","label","group","GROUPS","basic","loading","iconName","createIconProp","defaultValue","iconColor","createColorProp","bgColor","size","createIconSizeProp"],"sources":["FAB.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createColorProp,\n  GROUPS,\n  createBoolProp,\n  createIconSizeProp,\n  createActionProp,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"FAB\",\n  tag: \"FAB\",\n  category: COMPONENT_TYPES.button,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  description: \"A mini round icon FAB\",\n  layout: {},\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      group: GROUPS.basic,\n    }),\n    loading: createBoolProp({\n      label: \"Loading\",\n      group: GROUPS.basic,\n    }),\n    iconName: createIconProp({\n      label: \"Icon\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    bgColor: createColorProp({\n      label: \"Background color\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    size: createIconSizeProp(),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAYO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,KADiB;EAEvBC,GAAG,EAAE,KAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAHH;EAIvBC,mBAAmB,EAAEC,4BAJE;EAKvBC,WAAW,EAAE,uBALU;EAMvBC,MAAM,EAAE,EANe;EAOvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CAPa;EAQvBC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBC,KAAK,EAAE,UADgB;MAEvBC,KAAK,EAAEC,aAAA,CAAOC;IAFS,CAAf,CAFL;IAMLC,OAAO,EAAE,IAAAL,qBAAA,EAAe;MACtBC,KAAK,EAAE,SADe;MAEtBC,KAAK,EAAEC,aAAA,CAAOC;IAFQ,CAAf,CANJ;IAULE,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBN,KAAK,EAAE,MADgB;MAEvBO,YAAY,EAAE,IAFS;MAGvBN,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAf,CAVL;IAeLK,SAAS,EAAE,IAAAC,sBAAA,EAAgB;MACzBT,KAAK,EAAE,YADkB;MAEzBO,YAAY,EAAE,IAFW;MAGzBN,KAAK,EAAEC,aAAA,CAAOC;IAHW,CAAhB,CAfN;IAoBLO,OAAO,EAAE,IAAAD,sBAAA,EAAgB;MACvBT,KAAK,EAAE,kBADgB;MAEvBO,YAAY,EAAE,IAFS;MAGvBN,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAhB,CApBJ;IAyBLQ,IAAI,EAAE,IAAAC,yBAAA;EAzBD;AARgB,CAAlB"}

package/lib/commonjs/mappings/Fetch.js

@@ -13,6 +13,7 @@ const SEED_DATA = {
   tag: "Fetch",
   description: "Rest API Declarative Fetch component. Uses react-request internally",
   category: _types.COMPONENT_TYPES.data,
+  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   layout: {
     minHeight: 40
   },

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","layout","minHeight","props"],"sources":["Fetch.ts"],"sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\n/* TODO remove, still used inside the builder in a weird way */\nexport const SEED_DATA = {\n  name: \"Fetch\",\n  tag: \"Fetch\",\n  description:\n    \"Rest API Declarative Fetch component. Uses react-request internally\",\n  category: COMPONENT_TYPES.data,\n  layout: {\n    minHeight: 40,\n  },\n  props: {},\n};\n"],"mappings":";;;;;;;AAAA;;AACA;AACO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EACT,qEAJqB;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IALH;EAMvBC,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CANe;EASvBC,KAAK,EAAE;AATgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","stylesPanelSections","StylesPanelSections","NoStyles","layout","minHeight","props"],"sources":["Fetch.ts"],"sourcesContent":["import { COMPONENT_TYPES, StylesPanelSections } from \"@draftbit/types\";\n/* TODO remove, still used inside the builder in a weird way */\nexport const SEED_DATA = {\n  name: \"Fetch\",\n  tag: \"Fetch\",\n  description:\n    \"Rest API Declarative Fetch component. Uses react-request internally\",\n  category: COMPONENT_TYPES.data,\n  stylesPanelSections: [StylesPanelSections.NoStyles],\n  layout: {\n    minHeight: 40,\n  },\n  props: {},\n};\n"],"mappings":";;;;;;;AAAA;;AACA;AACO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EACT,qEAJqB;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IALH;EAMvBC,mBAAmB,EAAE,CAACC,0BAAA,CAAoBC,QAArB,CANE;EAOvBC,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CAPe;EAUvBC,KAAK,EAAE;AAVgB,CAAlB"}

package/lib/commonjs/mappings/FieldSearchBarFull.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "FieldSearchBarFull",
   description: "A search bar with accompanying search icon and clear button.",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
   supports_list_render: false,
   triggers: [_types.Triggers.OnChange],

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","Triggers","OnChange","props","icon","group","GROUPS","basic","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","placeholder","string","STRING","onSubmit","action","fieldName","FIELD_NAME","layout"],"sources":["FieldSearchBarFull.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Search Bar\",\n    tag: \"FieldSearchBarFull\",\n    description: \"A search bar with accompanying search icon and clear button.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url: \"{CLOUDINARY_URL}/Field_SearchBar_Full.png\",\n    supports_list_render: false,\n    triggers: [Triggers.OnChange], // TODO Triggers.OnSubmit for multiple triggers\n    props: {\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Left icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      placeholder: {\n        group: GROUPS.basic,\n        label: \"Placeholder\",\n        description: \"Input placeholder text\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Search for...\",\n        editable: true,\n        required: false,\n      },\n      onSubmit: {\n        group: GROUPS.basic,\n        label: \"Submit action\",\n        description: \"Action to execute on submission\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.action,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n      },\n      fieldName: {\n        ...FIELD_NAME,\n        defaultValue: \"searchBarValue\",\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,oBAFP;EAGEC,WAAW,EAAE,8DAHf;EAIEC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJ5B;EAKEC,iBAAiB,EAAE,2CALrB;EAMEC,oBAAoB,EAAE,KANxB;EAOEC,QAAQ,EAAE,CAACC,eAAA,CAASC,QAAV,CAPZ;EAOiC;EAC/BC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJd,WAAW,EAAE,sBAHT;MAIJe,QAAQ,EAAEC,iBAAA,CAAWN,IAJjB;MAKJO,QAAQ,EAAEC,iBAAA,CAAWC,KALjB;MAMJC,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CADD;IAWLC,WAAW,EAAE;MACXZ,KAAK,EAAEC,aAAA,CAAOC,KADH;MAEXC,KAAK,EAAE,aAFI;MAGXd,WAAW,EAAE,wBAHF;MAIXe,QAAQ,EAAEC,iBAAA,CAAWQ,MAJV;MAKXP,QAAQ,EAAEC,iBAAA,CAAWO,MALV;MAMXL,YAAY,EAAE,eANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CAXR;IAqBLI,QAAQ,EAAE;MACRf,KAAK,EAAEC,aAAA,CAAOC,KADN;MAERC,KAAK,EAAE,eAFC;MAGRd,WAAW,EAAE,iCAHL;MAIRqB,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,KALF;MAMRP,QAAQ,EAAEC,iBAAA,CAAWW,MANb;MAORV,QAAQ,EAAEC,iBAAA,CAAWO,MAPb;MAQRL,YAAY,EAAE;IARN,CArBL;IA+BLQ,SAAS,EAAE,EACT,GAAGC,iBADM;MAETT,YAAY,EAAE;IAFL;EA/BN,CART;EA4CEU,MAAM,EAAE;AA5CV,CADuB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","triggers","Triggers","OnChange","props","icon","group","GROUPS","basic","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","placeholder","string","STRING","onSubmit","action","fieldName","FIELD_NAME","layout"],"sources":["FieldSearchBarFull.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Search Bar\",\n    tag: \"FieldSearchBarFull\",\n    description: \"A search bar with accompanying search icon and clear button.\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Field_SearchBar_Full.png\",\n    supports_list_render: false,\n    triggers: [Triggers.OnChange], // TODO Triggers.OnSubmit for multiple triggers\n    props: {\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Left icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      placeholder: {\n        group: GROUPS.basic,\n        label: \"Placeholder\",\n        description: \"Input placeholder text\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Search for...\",\n        editable: true,\n        required: false,\n      },\n      onSubmit: {\n        group: GROUPS.basic,\n        label: \"Submit action\",\n        description: \"Action to execute on submission\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.action,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n      },\n      fieldName: {\n        ...FIELD_NAME,\n        defaultValue: \"searchBarValue\",\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAUO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,oBAFP;EAGEC,WAAW,EAAE,8DAHf;EAIEC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJ5B;EAKEC,mBAAmB,EAAEC,4BALvB;EAMEC,iBAAiB,EAAE,2CANrB;EAOEC,oBAAoB,EAAE,KAPxB;EAQEC,QAAQ,EAAE,CAACC,eAAA,CAASC,QAAV,CARZ;EAQiC;EAC/BC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJhB,WAAW,EAAE,sBAHT;MAIJiB,QAAQ,EAAEC,iBAAA,CAAWN,IAJjB;MAKJO,QAAQ,EAAEC,iBAAA,CAAWC,KALjB;MAMJC,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CADD;IAWLC,WAAW,EAAE;MACXZ,KAAK,EAAEC,aAAA,CAAOC,KADH;MAEXC,KAAK,EAAE,aAFI;MAGXhB,WAAW,EAAE,wBAHF;MAIXiB,QAAQ,EAAEC,iBAAA,CAAWQ,MAJV;MAKXP,QAAQ,EAAEC,iBAAA,CAAWO,MALV;MAMXL,YAAY,EAAE,eANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CAXR;IAqBLI,QAAQ,EAAE;MACRf,KAAK,EAAEC,aAAA,CAAOC,KADN;MAERC,KAAK,EAAE,eAFC;MAGRhB,WAAW,EAAE,iCAHL;MAIRuB,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,KALF;MAMRP,QAAQ,EAAEC,iBAAA,CAAWW,MANb;MAORV,QAAQ,EAAEC,iBAAA,CAAWO,MAPb;MAQRL,YAAY,EAAE;IARN,CArBL;IA+BLQ,SAAS,EAAE,EACT,GAAGC,iBADM;MAETT,YAAY,EAAE;IAFL;EA/BN,CATT;EA6CEU,MAAM,EAAE;AA7CV,CADuB,CAAlB"}

package/lib/commonjs/mappings/FlatList.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "FlatList",
   description: "A basic List component",
   category: _types.COMPONENT_TYPES.data,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     flex: 1
   },
@@ -20,6 +21,10 @@ const SEED_DATA = {
       label: "Horizontal",
       description: "Render list horizontally"
     }),
+    inverted: (0, _types.createStaticBoolProp)({
+      label: "Inverted",
+      description: "If true, reverses the direction."
+    }),
     numColumns: (0, _types.createNumColumnsType)({
       editable: true
     })

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","layout","flex","props","horizontal","createStaticBoolProp","label","numColumns","createNumColumnsType","editable"],"sources":["FlatList.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumColumnsType,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"List\",\n  tag: \"FlatList\",\n  description: \"A basic List component\",\n  category: COMPONENT_TYPES.data,\n  layout: {\n    flex: 1,\n  },\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render list horizontally\",\n    }),\n    numColumns: createNumColumnsType({\n      editable: true,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IAJH;EAKvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CALe;EAQvBC,KAAK,EAAE;IACLC,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,KAAK,EAAE,YADwB;MAE/BT,WAAW,EAAE;IAFkB,CAArB,CADP;IAKLU,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,QAAQ,EAAE;IADqB,CAArB;EALP;AARgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","layout","flex","props","horizontal","createStaticBoolProp","label","inverted","numColumns","createNumColumnsType","editable"],"sources":["FlatList.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumColumnsType,\n  createStaticBoolProp,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"List\",\n  tag: \"FlatList\",\n  description: \"A basic List component\",\n  category: COMPONENT_TYPES.data,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {\n    flex: 1,\n  },\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render list horizontally\",\n    }),\n    inverted: createStaticBoolProp({\n      label: \"Inverted\",\n      description: \"If true, reverses the direction.\",\n    }),\n    numColumns: createNumColumnsType({\n      editable: true,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IAJH;EAKvBC,mBAAmB,EAAEC,0CALE;EAMvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CANe;EASvBC,KAAK,EAAE;IACLC,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,KAAK,EAAE,YADwB;MAE/BX,WAAW,EAAE;IAFkB,CAArB,CADP;IAKLY,QAAQ,EAAE,IAAAF,2BAAA,EAAqB;MAC7BC,KAAK,EAAE,UADsB;MAE7BX,WAAW,EAAE;IAFgB,CAArB,CALL;IASLa,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,QAAQ,EAAE;IADqB,CAArB;EATP;AATgB,CAAlB"}

package/lib/commonjs/mappings/HeaderLarge.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "HeaderLarge",
   description: "A large header with an optional touchable right aligned text and icon.",
   category: _types.COMPONENT_TYPES.header,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: [_types.Triggers.OnPress],
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","title","createTextProp","label","defaultValue","buttonText","icon","createIconProp","required"],"sources":["HeaderLarge.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Header Large\",\n    tag: \"HeaderLarge\",\n    description:\n      \"A large header with an optional touchable right aligned text and icon.\",\n    category: COMPONENT_TYPES.header,\n    layout: {},\n    triggers: [Triggers.OnPress],\n    props: {\n      onPress: createActionProp(),\n      title: createTextProp({\n        label: \"Title\",\n        description: \"Text to display\",\n        defaultValue: \"Title\",\n      }),\n      buttonText: createTextProp({\n        label: \"Button text\",\n        description: \"Right aligned button text to display\",\n        defaultValue: \"See All\",\n      }),\n      icon: createIconProp({\n        defaultValue: null,\n        required: false,\n      }),\n    },\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,WAAW,EACT,wEAJJ;EAKEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAL5B;EAMEC,MAAM,EAAE,EANV;EAOEC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CAPZ;EAQEC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBC,KAAK,EAAE,OADa;MAEpBb,WAAW,EAAE,iBAFO;MAGpBc,YAAY,EAAE;IAHM,CAAf,CAFF;IAOLC,UAAU,EAAE,IAAAH,qBAAA,EAAe;MACzBC,KAAK,EAAE,aADkB;MAEzBb,WAAW,EAAE,sCAFY;MAGzBc,YAAY,EAAE;IAHW,CAAf,CAPP;IAYLE,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACnBH,YAAY,EAAE,IADK;MAEnBI,QAAQ,EAAE;IAFS,CAAf;EAZD;AART,CADuB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","title","createTextProp","label","defaultValue","buttonText","icon","createIconProp","required"],"sources":["HeaderLarge.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createActionProp,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Header Large\",\n    tag: \"HeaderLarge\",\n    description:\n      \"A large header with an optional touchable right aligned text and icon.\",\n    category: COMPONENT_TYPES.header,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: {},\n    triggers: [Triggers.OnPress],\n    props: {\n      onPress: createActionProp(),\n      title: createTextProp({\n        label: \"Title\",\n        description: \"Text to display\",\n        defaultValue: \"Title\",\n      }),\n      buttonText: createTextProp({\n        label: \"Button text\",\n        description: \"Right aligned button text to display\",\n        defaultValue: \"See All\",\n      }),\n      icon: createIconProp({\n        defaultValue: null,\n        required: false,\n      }),\n    },\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,WAAW,EACT,wEAJJ;EAKEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAL5B;EAMEC,mBAAmB,EAAEC,4BANvB;EAOEC,MAAM,EAAE,EAPV;EAQEC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CARZ;EASEC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBC,KAAK,EAAE,OADa;MAEpBf,WAAW,EAAE,iBAFO;MAGpBgB,YAAY,EAAE;IAHM,CAAf,CAFF;IAOLC,UAAU,EAAE,IAAAH,qBAAA,EAAe;MACzBC,KAAK,EAAE,aADkB;MAEzBf,WAAW,EAAE,sCAFY;MAGzBgB,YAAY,EAAE;IAHW,CAAf,CAPP;IAYLE,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACnBH,YAAY,EAAE,IADK;MAEnBI,QAAQ,EAAE;IAFS,CAAf;EAZD;AATT,CADuB,CAAlB"}

package/lib/commonjs/mappings/HeaderMedium.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "HeaderMedium",
   description: "A medium header with an optional touchable right aligned text and icon.",
   category: _types.COMPONENT_TYPES.header,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png",
   supports_list_render: false,
   props: {

package/lib/commonjs/mappings/HeaderMedium.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":["HeaderMedium.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 Medium\",\n    tag: \"HeaderMedium\",\n    description:\n      \"A medium header with an optional touchable right aligned text and icon.\",\n    category: COMPONENT_TYPES.header,\n    preview_image_url: \"{CLOUDINARY_URL}/Header_HeadlineMediumIconText.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,eADR;EAEEC,GAAG,EAAE,cAFP;EAGEC,WAAW,EACT,yEAJJ;EAKEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAL5B;EAMEC,iBAAiB,EAAE,oDANrB;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":["HeaderMedium.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 Medium\",\n    tag: \"HeaderMedium\",\n    description:\n      \"A medium 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_HeadlineMediumIconText.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,eADR;EAEEC,GAAG,EAAE,cAFP;EAGEC,WAAW,EACT,yEAJJ;EAKEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAL5B;EAMEC,mBAAmB,EAAEC,4BANvB;EAOEC,iBAAiB,EAAE,oDAPrB;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/HeaderOverline.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "HeaderOverline",
   description: "A small header with an optional touchable right aligned text and icon.",
   category: _types.COMPONENT_TYPES.header,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Header_OverlineIconText.png",
   supports_list_render: false,
   props: {

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

@@ -218,6 +218,7 @@ const SEED_DATA = [{
   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: {