@draftbit/core 46.1.4 → 46.2.1-328765.5

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","createIconProp","createTextProp","Triggers","SEED_DATA","name","tag","category","input","triggers","OnPress","props","value","label","description","defaultValue","required","color","group","basic","unselectedColor","disabled","size","min","max","step","precision","selectedIcon","unselectedIcon"],"sources":["RadioButton.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button\",\n  tag: \"RadioButton\",\n  category: COMPONENT_TYPES.input,\n  triggers: [Triggers.OnPress],\n  props: {\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether radio button is disabled\",\n    }),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Specifies the size of the button\",\n      defaultValue: 24,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n    selectedIcon: createIconProp({\n      label: \"Selected Icon\",\n      description: \"Icon to show when the radio button is selected\",\n      defaultValue: \"MaterialIcons/radio-button-checked\",\n    }),\n    unselectedIcon: createIconProp({\n      label: \"Unselected Icon\",\n      description: \"Icon to show when the radio button is unselected\",\n      defaultValue: \"MaterialIcons/radio-button-unchecked\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,gBALF,EAMEC,cANF,EAOEC,cAPF,EAQEC,QARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,QAAQ,EAAEV,eAAe,CAACW,KAHH;EAIvBC,QAAQ,EAAE,CAACN,QAAQ,CAACO,OAAV,CAJa;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAEV,cAAc,CAAC;MACpBW,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,2BAFO;MAGpBC,YAAY,EAAE,IAHM;MAIpBC,QAAQ,EAAE;IAJU,CAAD,CADhB;IAOLC,KAAK,EAAElB,eAAe,CAAC;MACrBmB,KAAK,EAAEtB,MAAM,CAACuB,KADO;MAErBL,WAAW,EAAE,sBAFQ;MAGrBC,YAAY,EAAE;IAHO,CAAD,CAPjB;IAYLK,eAAe,EAAErB,eAAe,CAAC;MAC/BmB,KAAK,EAAEtB,MAAM,CAACuB,KADiB;MAE/BN,KAAK,EAAE,kBAFwB;MAG/BC,WAAW,EAAE,iCAHkB;MAI/BC,YAAY,EAAE;IAJiB,CAAD,CAZ3B;IAkBLM,QAAQ,EAAEvB,cAAc,CAAC;MACvBe,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CAlBnB;IAsBLQ,IAAI,EAAEtB,gBAAgB,CAAC;MACrBkB,KAAK,EAAEtB,MAAM,CAACuB,KADO;MAErBN,KAAK,EAAE,MAFc;MAGrBC,WAAW,EAAE,kCAHQ;MAIrBC,YAAY,EAAE,EAJO;MAKrBQ,GAAG,EAAE,EALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAD,CAtBjB;IAgCLC,YAAY,EAAE1B,cAAc,CAAC;MAC3BY,KAAK,EAAE,eADoB;MAE3BC,WAAW,EAAE,gDAFc;MAG3BC,YAAY,EAAE;IAHa,CAAD,CAhCvB;IAqCLa,cAAc,EAAE3B,cAAc,CAAC;MAC7BY,KAAK,EAAE,iBADsB;MAE7BC,WAAW,EAAE,kDAFgB;MAG7BC,YAAY,EAAE;IAHe,CAAD;EArCzB;AALgB,CAAlB"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","createIconProp","createTextProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","category","input","stylesPanelSections","triggers","OnPress","props","value","label","description","defaultValue","required","color","group","basic","unselectedColor","disabled","size","min","max","step","precision","selectedIcon","unselectedIcon"],"sources":["RadioButton.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button\",\n  tag: \"RadioButton\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  triggers: [Triggers.OnPress],\n  props: {\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether radio button is disabled\",\n    }),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Specifies the size of the button\",\n      defaultValue: 24,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n    selectedIcon: createIconProp({\n      label: \"Selected Icon\",\n      description: \"Icon to show when the radio button is selected\",\n      defaultValue: \"MaterialIcons/radio-button-checked\",\n    }),\n    unselectedIcon: createIconProp({\n      label: \"Unselected Icon\",\n      description: \"Icon to show when the radio button is unselected\",\n      defaultValue: \"MaterialIcons/radio-button-unchecked\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,gBALF,EAMEC,cANF,EAOEC,cAPF,EAQEC,QARF,EASEC,qBATF,QAUO,iBAVP;AAYA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,QAAQ,EAAEX,eAAe,CAACY,KAHH;EAIvBC,mBAAmB,EAAEN,qBAJE;EAKvBO,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,KAAK,EAAEZ,cAAc,CAAC;MACpBa,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,2BAFO;MAGpBC,YAAY,EAAE,IAHM;MAIpBC,QAAQ,EAAE;IAJU,CAAD,CADhB;IAOLC,KAAK,EAAEpB,eAAe,CAAC;MACrBqB,KAAK,EAAExB,MAAM,CAACyB,KADO;MAErBL,WAAW,EAAE,sBAFQ;MAGrBC,YAAY,EAAE;IAHO,CAAD,CAPjB;IAYLK,eAAe,EAAEvB,eAAe,CAAC;MAC/BqB,KAAK,EAAExB,MAAM,CAACyB,KADiB;MAE/BN,KAAK,EAAE,kBAFwB;MAG/BC,WAAW,EAAE,iCAHkB;MAI/BC,YAAY,EAAE;IAJiB,CAAD,CAZ3B;IAkBLM,QAAQ,EAAEzB,cAAc,CAAC;MACvBiB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CAlBnB;IAsBLQ,IAAI,EAAExB,gBAAgB,CAAC;MACrBoB,KAAK,EAAExB,MAAM,CAACyB,KADO;MAErBN,KAAK,EAAE,MAFc;MAGrBC,WAAW,EAAE,kCAHQ;MAIrBC,YAAY,EAAE,EAJO;MAKrBQ,GAAG,EAAE,EALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAD,CAtBjB;IAgCLC,YAAY,EAAE5B,cAAc,CAAC;MAC3Bc,KAAK,EAAE,eADoB;MAE3BC,WAAW,EAAE,gDAFc;MAG3BC,YAAY,EAAE;IAHa,CAAD,CAhCvB;IAqCLa,cAAc,EAAE7B,cAAc,CAAC;MAC7Bc,KAAK,EAAE,iBADsB;MAE7BC,WAAW,EAAE,kDAFgB;MAG7BC,YAAY,EAAE;IAHe,CAAD;EArCzB;AANgB,CAAlB"}

package/lib/module/mappings/RadioButtonGroup.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Radio Button Group",
   tag: "RadioButtonGroup",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [StylesPanelSections.Margins],
   layout: {},
   triggers: [Triggers.OnValueChange],
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createFieldNameProp","createDirectionProp","Triggers","SEED_DATA","name","tag","category","input","layout","triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Group\",\n  tag: \"RadioButtonGroup\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    fieldName: createFieldNameProp({\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n      defaultValue: \"radioButtonGroupValue\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,mBAFF,EAGEC,mBAHF,EAIEC,QAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,kBAFkB;EAGvBC,QAAQ,EAAEP,eAAe,CAACQ,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,aAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAEX,mBAAmB,EADzB;IAELY,SAAS,EAAEb,mBAAmB,CAAC;MAC7Bc,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD;EAFzB;AANgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createFieldNameProp","createDirectionProp","Triggers","StylesPanelSections","SEED_DATA","name","tag","category","input","stylesPanelSections","Margins","layout","triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Group\",\n  tag: \"RadioButtonGroup\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: [StylesPanelSections.Margins],\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    fieldName: createFieldNameProp({\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n      defaultValue: \"radioButtonGroupValue\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,mBAFF,EAGEC,mBAHF,EAIEC,QAJF,EAKEC,mBALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,kBAFkB;EAGvBC,QAAQ,EAAER,eAAe,CAACS,KAHH;EAIvBC,mBAAmB,EAAE,CAACN,mBAAmB,CAACO,OAArB,CAJE;EAKvBC,MAAM,EAAE,EALe;EAMvBC,QAAQ,EAAE,CAACV,QAAQ,CAACW,aAAV,CANa;EAOvBC,KAAK,EAAE;IACLC,SAAS,EAAEd,mBAAmB,EADzB;IAELe,SAAS,EAAEhB,mBAAmB,CAAC;MAC7BiB,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD;EAFzB;AAPgB,CAAlB"}

package/lib/module/mappings/RadioButtonRow.js

@@ -1,8 +1,9 @@
-import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS } from "@draftbit/types";
+import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Radio Button Row",
   tag: "RadioButtonRow",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
   layout: {},
   props: {
     label: createTextProp({

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

@@ -1 +1 @@
-{"version":3,"names":["createTextProp","createTextEnumProp","COMPONENT_TYPES","createColorProp","GROUPS","SEED_DATA","name","tag","category","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","basic","unselectedColor"],"sources":["RadioButtonRow.ts"],"sourcesContent":["import {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,cADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,eAJF,EAKEC,MALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,gBAFkB;EAGvBC,QAAQ,EAAEN,eAAe,CAACO,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAEZ,cAAc,CAAC;MACpBY,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,qCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBC,YAAY,EAAE;IAJM,CAAD,CADhB;IAOLC,SAAS,EAAEf,kBAAkB,CAAC;MAC5BW,KAAK,EAAE,WADqB;MAE5BC,WAAW,EACT,8DAH0B;MAI5BI,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAJmB,CAAD,CAPxB;IAaLC,KAAK,EAAElB,cAAc,CAAC;MACpBY,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,2BAFO;MAGpBE,YAAY,EAAE,IAHM;MAIpBD,QAAQ,EAAE;IAJU,CAAD,CAbhB;IAmBLK,KAAK,EAAEhB,eAAe,CAAC;MACrBiB,KAAK,EAAEhB,MAAM,CAACiB,KADO;MAErBR,WAAW,EAAE,sBAFQ;MAGrBE,YAAY,EAAE;IAHO,CAAD,CAnBjB;IAwBLO,eAAe,EAAEnB,eAAe,CAAC;MAC/BiB,KAAK,EAAEhB,MAAM,CAACiB,KADiB;MAE/BT,KAAK,EAAE,kBAFwB;MAG/BC,WAAW,EAAE,iCAHkB;MAI/BE,YAAY,EAAE;IAJiB,CAAD;EAxB3B;AALgB,CAAlB"}
+{"version":3,"names":["createTextProp","createTextEnumProp","COMPONENT_TYPES","createColorProp","GROUPS","StylesPanelSections","SEED_DATA","name","tag","category","input","stylesPanelSections","Typography","Margins","Effects","layout","props","label","description","required","defaultValue","direction","options","value","color","group","basic","unselectedColor"],"sources":["RadioButtonRow.ts"],"sourcesContent":["import {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: [\n    StylesPanelSections.Typography,\n    StylesPanelSections.Margins,\n    StylesPanelSections.Effects,\n  ],\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,cADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,eAJF,EAKEC,MALF,EAMEC,mBANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,gBAFkB;EAGvBC,QAAQ,EAAEP,eAAe,CAACQ,KAHH;EAIvBC,mBAAmB,EAAE,CACnBN,mBAAmB,CAACO,UADD,EAEnBP,mBAAmB,CAACQ,OAFD,EAGnBR,mBAAmB,CAACS,OAHD,CAJE;EASvBC,MAAM,EAAE,EATe;EAUvBC,KAAK,EAAE;IACLC,KAAK,EAAEjB,cAAc,CAAC;MACpBiB,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,qCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBC,YAAY,EAAE;IAJM,CAAD,CADhB;IAOLC,SAAS,EAAEpB,kBAAkB,CAAC;MAC5BgB,KAAK,EAAE,WADqB;MAE5BC,WAAW,EACT,8DAH0B;MAI5BI,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAJmB,CAAD,CAPxB;IAaLC,KAAK,EAAEvB,cAAc,CAAC;MACpBiB,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,2BAFO;MAGpBE,YAAY,EAAE,IAHM;MAIpBD,QAAQ,EAAE;IAJU,CAAD,CAbhB;IAmBLK,KAAK,EAAErB,eAAe,CAAC;MACrBsB,KAAK,EAAErB,MAAM,CAACsB,KADO;MAErBR,WAAW,EAAE,sBAFQ;MAGrBE,YAAY,EAAE;IAHO,CAAD,CAnBjB;IAwBLO,eAAe,EAAExB,eAAe,CAAC;MAC/BsB,KAAK,EAAErB,MAAM,CAACsB,KADiB;MAE/BT,KAAK,EAAE,kBAFwB;MAG/BC,WAAW,EAAE,iCAHkB;MAI/BE,YAAY,EAAE;IAJiB,CAAD;EAxB3B;AAVgB,CAAlB"}

package/lib/module/mappings/ScrollView.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createStaticBoolProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Scroll View",
   tag: "ScrollView",
   description: "A basic ScrollView component",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {
     horizontal: createStaticBoolProp({

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createStaticBoolProp","SEED_DATA","name","tag","description","category","layout","props","horizontal","label","defaultValue","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","bounces"],"sources":["ScrollView.ts"],"sourcesContent":["import { COMPONENT_TYPES, createStaticBoolProp } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Scroll View\",\n  tag: \"ScrollView\",\n  description: \"A basic ScrollView component\",\n  category: COMPONENT_TYPES.layout,\n  layout: {},\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render your list horizontally\",\n      defaultValue: false,\n    }),\n    showsHorizontalScrollIndicator: createStaticBoolProp({\n      label: \"Show Horizontal Scroll Indicator\",\n      description:\n        \"When true, shows a horizontal scroll indicator. The default value is true.\",\n      defaultValue: false,\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      label: \"Show Vertical Scroll Indicator\",\n      description:\n        \"When true, shows a vertical scroll indicator. The default value is true.\",\n      defaultValue: true,\n    }),\n    bounces: createStaticBoolProp({\n      label: \"Bounce\",\n      description:\n        \"When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.\",\n      defaultValue: true,\n    }),\n  },\n};\n"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,oBAA1B,QAAsD,iBAAtD;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8BAHU;EAIvBC,QAAQ,EAAEN,eAAe,CAACO,MAJH;EAKvBA,MAAM,EAAE,EALe;EAMvBC,KAAK,EAAE;IACLC,UAAU,EAAER,oBAAoB,CAAC;MAC/BS,KAAK,EAAE,YADwB;MAE/BL,WAAW,EAAE,+BAFkB;MAG/BM,YAAY,EAAE;IAHiB,CAAD,CAD3B;IAMLC,8BAA8B,EAAEX,oBAAoB,CAAC;MACnDS,KAAK,EAAE,kCAD4C;MAEnDL,WAAW,EACT,4EAHiD;MAInDM,YAAY,EAAE;IAJqC,CAAD,CAN/C;IAYLE,4BAA4B,EAAEZ,oBAAoB,CAAC;MACjDS,KAAK,EAAE,gCAD0C;MAEjDL,WAAW,EACT,0EAH+C;MAIjDM,YAAY,EAAE;IAJmC,CAAD,CAZ7C;IAkBLG,OAAO,EAAEb,oBAAoB,CAAC;MAC5BS,KAAK,EAAE,QADqB;MAE5BL,WAAW,EACT,iKAH0B;MAI5BM,YAAY,EAAE;IAJc,CAAD;EAlBxB;AANgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createStaticBoolProp","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","layout","stylesPanelSections","props","horizontal","label","defaultValue","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","bounces"],"sources":["ScrollView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticBoolProp,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Scroll View\",\n  tag: \"ScrollView\",\n  description: \"A basic ScrollView component\",\n  category: COMPONENT_TYPES.layout,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {},\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render your list horizontally\",\n      defaultValue: false,\n    }),\n    showsHorizontalScrollIndicator: createStaticBoolProp({\n      label: \"Show Horizontal Scroll Indicator\",\n      description:\n        \"When true, shows a horizontal scroll indicator. The default value is true.\",\n      defaultValue: false,\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      label: \"Show Vertical Scroll Indicator\",\n      description:\n        \"When true, shows a vertical scroll indicator. The default value is true.\",\n      defaultValue: true,\n    }),\n    bounces: createStaticBoolProp({\n      label: \"Bounce\",\n      description:\n        \"When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.\",\n      defaultValue: true,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,mCAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8BAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,MAJH;EAKvBC,mBAAmB,EAAEP,mCALE;EAMvBM,MAAM,EAAE,EANe;EAOvBE,KAAK,EAAE;IACLC,UAAU,EAAEV,oBAAoB,CAAC;MAC/BW,KAAK,EAAE,YADwB;MAE/BN,WAAW,EAAE,+BAFkB;MAG/BO,YAAY,EAAE;IAHiB,CAAD,CAD3B;IAMLC,8BAA8B,EAAEb,oBAAoB,CAAC;MACnDW,KAAK,EAAE,kCAD4C;MAEnDN,WAAW,EACT,4EAHiD;MAInDO,YAAY,EAAE;IAJqC,CAAD,CAN/C;IAYLE,4BAA4B,EAAEd,oBAAoB,CAAC;MACjDW,KAAK,EAAE,gCAD0C;MAEjDN,WAAW,EACT,0EAH+C;MAIjDO,YAAY,EAAE;IAJmC,CAAD,CAZ7C;IAkBLG,OAAO,EAAEf,oBAAoB,CAAC;MAC5BW,KAAK,EAAE,QADqB;MAE5BN,WAAW,EACT,iKAH0B;MAI5BO,YAAY,EAAE;IAJc,CAAD;EAlBxB;AAPgB,CAAlB"}

package/lib/module/mappings/Slider.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createFieldNameProp, createIconProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createFieldNameProp, createIconProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Slider",
   tag: "Slider",
   description: "A component used to set a value in a range",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {
     marginLeft: 12,
     marginRight: 12

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createFieldNameProp","createIconProp","Triggers","SEED_DATA","name","tag","description","category","input","layout","marginLeft","marginRight","triggers","OnValueChange","props","fieldName","defaultValue","handlerPropName","valuePropName","minimumValue","group","basic","label","min","max","maximumValue","step","precision","leftIcon","rightIcon","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor"],"sources":["Slider.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  createIconProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Slider\",\n  tag: \"Slider\",\n  description: \"A component used to set a value in a range\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    marginLeft: 12,\n    marginRight: 12,\n  },\n  triggers: [Triggers.OnValueChange],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"sliderValue\",\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n    }),\n    minimumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Min Value\",\n      min: 0,\n      max: 1000,\n    }),\n    maximumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Max Value\",\n      min: 1,\n      max: 10000,\n    }),\n    step: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Step\",\n      min: 0,\n      max: 100,\n      step: 0.01,\n      precision: 2,\n    }),\n    leftIcon: createIconProp({\n      label: \"Left Icon\",\n      defaultValue: null,\n    }),\n    rightIcon: createIconProp({\n      label: \"Right Icon\",\n      defaultValue: null,\n    }),\n    minimumTrackTintColor: createColorProp({\n      label: \"Min Track Color\",\n      defaultValue: null,\n    }),\n    maximumTrackTintColor: createColorProp({\n      label: \"Max Track Color\",\n      defaultValue: null,\n    }),\n    thumbTintColor: createColorProp({\n      label: \"Thumb Color\",\n      defaultValue: null,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,QADiB;EAEvBC,GAAG,EAAE,QAFkB;EAGvBC,WAAW,EAAE,4CAHU;EAIvBC,QAAQ,EAAEX,eAAe,CAACY,KAJH;EAKvBC,MAAM,EAAE;IACNC,UAAU,EAAE,EADN;IAENC,WAAW,EAAE;EAFP,CALe;EASvBC,QAAQ,EAAE,CAACV,QAAQ,CAACW,aAAV,CATa;EAUvBC,KAAK,EAAE;IACLC,SAAS,EAAEf,mBAAmB,CAAC;MAC7BgB,YAAY,EAAE,aADe;MAE7BC,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD,CADzB;IAMLC,YAAY,EAAErB,gBAAgB,CAAC;MAC7BsB,KAAK,EAAEvB,MAAM,CAACwB,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAD,CANzB;IAYLC,YAAY,EAAE3B,gBAAgB,CAAC;MAC7BsB,KAAK,EAAEvB,MAAM,CAACwB,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAD,CAZzB;IAkBLE,IAAI,EAAE5B,gBAAgB,CAAC;MACrBsB,KAAK,EAAEvB,MAAM,CAACwB,KADO;MAErBC,KAAK,EAAE,MAFc;MAGrBC,GAAG,EAAE,CAHgB;MAIrBC,GAAG,EAAE,GAJgB;MAKrBE,IAAI,EAAE,IALe;MAMrBC,SAAS,EAAE;IANU,CAAD,CAlBjB;IA0BLC,QAAQ,EAAE3B,cAAc,CAAC;MACvBqB,KAAK,EAAE,WADgB;MAEvBN,YAAY,EAAE;IAFS,CAAD,CA1BnB;IA8BLa,SAAS,EAAE5B,cAAc,CAAC;MACxBqB,KAAK,EAAE,YADiB;MAExBN,YAAY,EAAE;IAFU,CAAD,CA9BpB;IAkCLc,qBAAqB,EAAE/B,eAAe,CAAC;MACrCuB,KAAK,EAAE,iBAD8B;MAErCN,YAAY,EAAE;IAFuB,CAAD,CAlCjC;IAsCLe,qBAAqB,EAAEhC,eAAe,CAAC;MACrCuB,KAAK,EAAE,iBAD8B;MAErCN,YAAY,EAAE;IAFuB,CAAD,CAtCjC;IA0CLgB,cAAc,EAAEjC,eAAe,CAAC;MAC9BuB,KAAK,EAAE,aADuB;MAE9BN,YAAY,EAAE;IAFgB,CAAD;EA1C1B;AAVgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createFieldNameProp","createIconProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","input","stylesPanelSections","layout","marginLeft","marginRight","triggers","OnValueChange","props","fieldName","defaultValue","handlerPropName","valuePropName","minimumValue","group","basic","label","min","max","maximumValue","step","precision","leftIcon","rightIcon","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor"],"sources":["Slider.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  createIconProp,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Slider\",\n  tag: \"Slider\",\n  description: \"A component used to set a value in a range\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  layout: {\n    marginLeft: 12,\n    marginRight: 12,\n  },\n  triggers: [Triggers.OnValueChange],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"sliderValue\",\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n    }),\n    minimumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Min Value\",\n      min: 0,\n      max: 1000,\n    }),\n    maximumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Max Value\",\n      min: 1,\n      max: 10000,\n    }),\n    step: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Step\",\n      min: 0,\n      max: 100,\n      step: 0.01,\n      precision: 2,\n    }),\n    leftIcon: createIconProp({\n      label: \"Left Icon\",\n      defaultValue: null,\n    }),\n    rightIcon: createIconProp({\n      label: \"Right Icon\",\n      defaultValue: null,\n    }),\n    minimumTrackTintColor: createColorProp({\n      label: \"Min Track Color\",\n      defaultValue: null,\n    }),\n    maximumTrackTintColor: createColorProp({\n      label: \"Max Track Color\",\n      defaultValue: null,\n    }),\n    thumbTintColor: createColorProp({\n      label: \"Thumb Color\",\n      defaultValue: null,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,QAPF,EAQEC,qBARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,QADiB;EAEvBC,GAAG,EAAE,QAFkB;EAGvBC,WAAW,EAAE,4CAHU;EAIvBC,QAAQ,EAAEZ,eAAe,CAACa,KAJH;EAKvBC,mBAAmB,EAAEP,qBALE;EAMvBQ,MAAM,EAAE;IACNC,UAAU,EAAE,EADN;IAENC,WAAW,EAAE;EAFP,CANe;EAUvBC,QAAQ,EAAE,CAACZ,QAAQ,CAACa,aAAV,CAVa;EAWvBC,KAAK,EAAE;IACLC,SAAS,EAAEjB,mBAAmB,CAAC;MAC7BkB,YAAY,EAAE,aADe;MAE7BC,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD,CADzB;IAMLC,YAAY,EAAEvB,gBAAgB,CAAC;MAC7BwB,KAAK,EAAEzB,MAAM,CAAC0B,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAD,CANzB;IAYLC,YAAY,EAAE7B,gBAAgB,CAAC;MAC7BwB,KAAK,EAAEzB,MAAM,CAAC0B,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAD,CAZzB;IAkBLE,IAAI,EAAE9B,gBAAgB,CAAC;MACrBwB,KAAK,EAAEzB,MAAM,CAAC0B,KADO;MAErBC,KAAK,EAAE,MAFc;MAGrBC,GAAG,EAAE,CAHgB;MAIrBC,GAAG,EAAE,GAJgB;MAKrBE,IAAI,EAAE,IALe;MAMrBC,SAAS,EAAE;IANU,CAAD,CAlBjB;IA0BLC,QAAQ,EAAE7B,cAAc,CAAC;MACvBuB,KAAK,EAAE,WADgB;MAEvBN,YAAY,EAAE;IAFS,CAAD,CA1BnB;IA8BLa,SAAS,EAAE9B,cAAc,CAAC;MACxBuB,KAAK,EAAE,YADiB;MAExBN,YAAY,EAAE;IAFU,CAAD,CA9BpB;IAkCLc,qBAAqB,EAAEjC,eAAe,CAAC;MACrCyB,KAAK,EAAE,iBAD8B;MAErCN,YAAY,EAAE;IAFuB,CAAD,CAlCjC;IAsCLe,qBAAqB,EAAElC,eAAe,CAAC;MACrCyB,KAAK,EAAE,iBAD8B;MAErCN,YAAY,EAAE;IAFuB,CAAD,CAtCjC;IA0CLgB,cAAc,EAAEnC,eAAe,CAAC;MAC9ByB,KAAK,EAAE,aADuB;MAE9BN,YAAY,EAAE;IAFgB,CAAD;EA1C1B;AAXgB,CAAlB"}

package/lib/module/mappings/StarRating.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Star Rating",
   tag: "StarRating",
   description: "A star rating component",
   category: COMPONENT_TYPES.button,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   triggers: [Triggers.OnPress],
   props: {
     starSize: createStaticNumberProp({

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createStaticNumberProp","createFieldNameProp","createStaticBoolProp","Triggers","createColorProp","SEED_DATA","name","tag","description","category","button","triggers","OnPress","props","starSize","label","defaultValue","min","max","step","fieldName","handlerPropName","valuePropName","maxStars","isEditable","activeColor","inactiveColor"],"sources":["StarRating.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticNumberProp,\n  createFieldNameProp,\n  createStaticBoolProp,\n  Triggers,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Star Rating\",\n  tag: \"StarRating\",\n  description: \"A star rating component\",\n  category: COMPONENT_TYPES.button,\n  triggers: [Triggers.OnPress],\n  props: {\n    starSize: createStaticNumberProp({\n      label: \"Star size\",\n      description: \"Size of each individual star\",\n      defaultValue: 16,\n      min: 8,\n      max: 36,\n      step: 1,\n    }),\n    fieldName: createFieldNameProp({\n      defaultValue: \"ratingValue\", // this is the name of the variable declared on the screen in Draftbit\n      handlerPropName: \"onPress\", // the change handler prop in this component\n      valuePropName: \"rating\", // the value prop in this component\n    }),\n    maxStars: createStaticNumberProp({\n      label: \"Max stars\",\n      description: \"The max number of stars\",\n      defaultValue: 5,\n      min: 0,\n      max: 10,\n      step: 1,\n    }),\n    isEditable: createStaticBoolProp({\n      label: \"Editable\",\n    }),\n    activeColor: createColorProp({\n      label: \"Active Color\",\n      defaultValue: \"primary\",\n    }),\n    inactiveColor: createColorProp({\n      label: \"Inactive Color\",\n      defaultValue: \"divider\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,sBAFF,EAGEC,mBAHF,EAIEC,oBAJF,EAKEC,QALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEV,eAAe,CAACW,MAJH;EAKvBC,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,QAAQ,EAAEd,sBAAsB,CAAC;MAC/Be,KAAK,EAAE,WADwB;MAE/BP,WAAW,EAAE,8BAFkB;MAG/BQ,YAAY,EAAE,EAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAD,CAD3B;IASLC,SAAS,EAAEnB,mBAAmB,CAAC;MAC7Be,YAAY,EAAE,aADe;MACA;MAC7BK,eAAe,EAAE,SAFY;MAED;MAC5BC,aAAa,EAAE,QAHc,CAGJ;;IAHI,CAAD,CATzB;IAcLC,QAAQ,EAAEvB,sBAAsB,CAAC;MAC/Be,KAAK,EAAE,WADwB;MAE/BP,WAAW,EAAE,yBAFkB;MAG/BQ,YAAY,EAAE,CAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAD,CAd3B;IAsBLK,UAAU,EAAEtB,oBAAoB,CAAC;MAC/Ba,KAAK,EAAE;IADwB,CAAD,CAtB3B;IAyBLU,WAAW,EAAErB,eAAe,CAAC;MAC3BW,KAAK,EAAE,cADoB;MAE3BC,YAAY,EAAE;IAFa,CAAD,CAzBvB;IA6BLU,aAAa,EAAEtB,eAAe,CAAC;MAC7BW,KAAK,EAAE,gBADsB;MAE7BC,YAAY,EAAE;IAFe,CAAD;EA7BzB;AANgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createStaticNumberProp","createFieldNameProp","createStaticBoolProp","Triggers","createColorProp","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","button","stylesPanelSections","triggers","OnPress","props","starSize","label","defaultValue","min","max","step","fieldName","handlerPropName","valuePropName","maxStars","isEditable","activeColor","inactiveColor"],"sources":["StarRating.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticNumberProp,\n  createFieldNameProp,\n  createStaticBoolProp,\n  Triggers,\n  createColorProp,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Star Rating\",\n  tag: \"StarRating\",\n  description: \"A star rating component\",\n  category: COMPONENT_TYPES.button,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  triggers: [Triggers.OnPress],\n  props: {\n    starSize: createStaticNumberProp({\n      label: \"Star size\",\n      description: \"Size of each individual star\",\n      defaultValue: 16,\n      min: 8,\n      max: 36,\n      step: 1,\n    }),\n    fieldName: createFieldNameProp({\n      defaultValue: \"ratingValue\", // this is the name of the variable declared on the screen in Draftbit\n      handlerPropName: \"onPress\", // the change handler prop in this component\n      valuePropName: \"rating\", // the value prop in this component\n    }),\n    maxStars: createStaticNumberProp({\n      label: \"Max stars\",\n      description: \"The max number of stars\",\n      defaultValue: 5,\n      min: 0,\n      max: 10,\n      step: 1,\n    }),\n    isEditable: createStaticBoolProp({\n      label: \"Editable\",\n    }),\n    activeColor: createColorProp({\n      label: \"Active Color\",\n      defaultValue: \"primary\",\n    }),\n    inactiveColor: createColorProp({\n      label: \"Inactive Color\",\n      defaultValue: \"divider\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,sBAFF,EAGEC,mBAHF,EAIEC,oBAJF,EAKEC,QALF,EAMEC,eANF,EAOEC,qBAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEX,eAAe,CAACY,MAJH;EAKvBC,mBAAmB,EAAEP,qBALE;EAMvBQ,QAAQ,EAAE,CAACV,QAAQ,CAACW,OAAV,CANa;EAOvBC,KAAK,EAAE;IACLC,QAAQ,EAAEhB,sBAAsB,CAAC;MAC/BiB,KAAK,EAAE,WADwB;MAE/BR,WAAW,EAAE,8BAFkB;MAG/BS,YAAY,EAAE,EAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAD,CAD3B;IASLC,SAAS,EAAErB,mBAAmB,CAAC;MAC7BiB,YAAY,EAAE,aADe;MACA;MAC7BK,eAAe,EAAE,SAFY;MAED;MAC5BC,aAAa,EAAE,QAHc,CAGJ;;IAHI,CAAD,CATzB;IAcLC,QAAQ,EAAEzB,sBAAsB,CAAC;MAC/BiB,KAAK,EAAE,WADwB;MAE/BR,WAAW,EAAE,yBAFkB;MAG/BS,YAAY,EAAE,CAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAD,CAd3B;IAsBLK,UAAU,EAAExB,oBAAoB,CAAC;MAC/Be,KAAK,EAAE;IADwB,CAAD,CAtB3B;IAyBLU,WAAW,EAAEvB,eAAe,CAAC;MAC3Ba,KAAK,EAAE,cADoB;MAE3BC,YAAY,EAAE;IAFa,CAAD,CAzBvB;IA6BLU,aAAa,EAAExB,eAAe,CAAC;MAC7Ba,KAAK,EAAE,gBADsB;MAE7BC,YAAY,EAAE;IAFe,CAAD;EA7BzB;AAPgB,CAAlB"}

package/lib/module/mappings/Stepper.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Stepper",
   tag: "Stepper",
   description: "A component used to control the quantity of something",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: [Triggers.OnChange],
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","createStaticNumberProp","Triggers","SEED_DATA","name","tag","description","category","input","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"sources":["Stepper.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconSizeProp,\n  createColorProp,\n  createFieldNameProp,\n  createStaticNumberProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Stepper\",\n    tag: \"Stepper\",\n    description: \"A component used to control the quantity of something\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnChange],\n    props: {\n      fieldName: createFieldNameProp({\n        defaultValue: \"stepperValue\",\n        handlerPropName: \"onChange\",\n        valuePropName: \"value\",\n      }),\n      iconSize: createIconSizeProp({ defaultValue: 24 }),\n      iconColor: createColorProp({ defaultValue: \"strong\" }),\n      min: createStaticNumberProp({\n        label: \"Minimum\",\n        description: \"Minimum Number\",\n      }),\n      max: createStaticNumberProp({\n        label: \"Maximum\",\n        description: \"Maximum Number\",\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,mBAJF,EAKEC,sBALF,EAMEC,QANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,WAAW,EAAE,uDAHf;EAIEC,QAAQ,EAAEV,eAAe,CAACW,KAJ5B;EAKEC,MAAM,EAAE,EALV;EAMEC,QAAQ,EAAE,CAACR,QAAQ,CAACS,QAAV,CANZ;EAOEC,KAAK,EAAE;IACLC,SAAS,EAAEb,mBAAmB,CAAC;MAC7Bc,YAAY,EAAE,cADe;MAE7BC,eAAe,EAAE,UAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD,CADzB;IAMLC,QAAQ,EAAEnB,kBAAkB,CAAC;MAAEgB,YAAY,EAAE;IAAhB,CAAD,CANvB;IAOLI,SAAS,EAAEnB,eAAe,CAAC;MAAEe,YAAY,EAAE;IAAhB,CAAD,CAPrB;IAQLK,GAAG,EAAElB,sBAAsB,CAAC;MAC1BmB,KAAK,EAAE,SADmB;MAE1Bd,WAAW,EAAE;IAFa,CAAD,CARtB;IAYLe,GAAG,EAAEpB,sBAAsB,CAAC;MAC1BmB,KAAK,EAAE,SADmB;MAE1Bd,WAAW,EAAE;IAFa,CAAD;EAZtB;AAPT,CADuB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","createStaticNumberProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","input","stylesPanelSections","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"sources":["Stepper.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconSizeProp,\n  createColorProp,\n  createFieldNameProp,\n  createStaticNumberProp,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Stepper\",\n    tag: \"Stepper\",\n    description: \"A component used to control the quantity of something\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: {},\n    triggers: [Triggers.OnChange],\n    props: {\n      fieldName: createFieldNameProp({\n        defaultValue: \"stepperValue\",\n        handlerPropName: \"onChange\",\n        valuePropName: \"value\",\n      }),\n      iconSize: createIconSizeProp({ defaultValue: 24 }),\n      iconColor: createColorProp({ defaultValue: \"strong\" }),\n      min: createStaticNumberProp({\n        label: \"Minimum\",\n        description: \"Minimum Number\",\n      }),\n      max: createStaticNumberProp({\n        label: \"Maximum\",\n        description: \"Maximum Number\",\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,mBAJF,EAKEC,sBALF,EAMEC,QANF,EAOEC,qBAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,WAAW,EAAE,uDAHf;EAIEC,QAAQ,EAAEX,eAAe,CAACY,KAJ5B;EAKEC,mBAAmB,EAAEP,qBALvB;EAMEQ,MAAM,EAAE,EANV;EAOEC,QAAQ,EAAE,CAACV,QAAQ,CAACW,QAAV,CAPZ;EAQEC,KAAK,EAAE;IACLC,SAAS,EAAEf,mBAAmB,CAAC;MAC7BgB,YAAY,EAAE,cADe;MAE7BC,eAAe,EAAE,UAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD,CADzB;IAMLC,QAAQ,EAAErB,kBAAkB,CAAC;MAAEkB,YAAY,EAAE;IAAhB,CAAD,CANvB;IAOLI,SAAS,EAAErB,eAAe,CAAC;MAAEiB,YAAY,EAAE;IAAhB,CAAD,CAPrB;IAQLK,GAAG,EAAEpB,sBAAsB,CAAC;MAC1BqB,KAAK,EAAE,SADmB;MAE1Bf,WAAW,EAAE;IAFa,CAAD,CARtB;IAYLgB,GAAG,EAAEtB,sBAAsB,CAAC;MAC1BqB,KAAK,EAAE,SADmB;MAE1Bf,WAAW,EAAE;IAFa,CAAD;EAZtB;AART,CADuB,CAAlB"}

package/lib/module/mappings/Surface.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createElevationType } from "@draftbit/types";
+import { COMPONENT_TYPES, createElevationType, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Surface",
   tag: "Surface",
   description: "An elevated container",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     minHeight: 40
   },

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createElevationType","SEED_DATA","name","tag","description","category","layout","minHeight","props","elevation"],"sources":["Surface.ts"],"sourcesContent":["import { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Surface\",\n  tag: \"Surface\",\n  description: \"An elevated container\",\n  category: COMPONENT_TYPES.layout,\n  layout: {\n    minHeight: 40,\n  },\n  props: {\n    elevation: createElevationType(0),\n  },\n};\n"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,mBAA1B,QAAqD,iBAArD;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,SADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,uBAHU;EAIvBC,QAAQ,EAAEN,eAAe,CAACO,MAJH;EAKvBA,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CALe;EAQvBC,KAAK,EAAE;IACLC,SAAS,EAAET,mBAAmB,CAAC,CAAD;EADzB;AARgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createElevationType","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","layout","stylesPanelSections","minHeight","props","elevation"],"sources":["Surface.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createElevationType,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Surface\",\n  tag: \"Surface\",\n  description: \"An elevated container\",\n  category: COMPONENT_TYPES.layout,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {\n    minHeight: 40,\n  },\n  props: {\n    elevation: createElevationType(0),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,mBAFF,EAGEC,mCAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,SADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,uBAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,MAJH;EAKvBC,mBAAmB,EAAEP,mCALE;EAMvBM,MAAM,EAAE;IACNE,SAAS,EAAE;EADL,CANe;EASvBC,KAAK,EAAE;IACLC,SAAS,EAAEX,mBAAmB,CAAC,CAAD;EADzB;AATgB,CAAlB"}

package/lib/module/mappings/Switch.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, GROUPS, createBoolProp, createColorProp, createFieldNameProp, createTextProp, createRowDirectionProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createBoolProp, createColorProp, createFieldNameProp, createTextProp, createRowDirectionProp, Triggers, StylesPanelSections, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
 export const SEED_DATA = [{
   name: "Switch",
   tag: "Switch",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: SEED_DATA_TRIGGERS,
   props: {
@@ -33,6 +34,7 @@ export const SEED_DATA = [{
   name: "Switch Row",
   tag: "SwitchRow",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
   layout: {
     marginLeft: 0,
     marginRight: 0

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","GROUPS","createBoolProp","createColorProp","createFieldNameProp","createTextProp","createRowDirectionProp","Triggers","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","layout","triggers","props","disabled","label","description","fieldName","handlerPropName","valuePropName","defaultValue","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","marginLeft","marginRight","required","direction","group","data"],"sources":["Switch.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createBoolProp,\n  createColorProp,\n  createFieldNameProp,\n  createTextProp,\n  createRowDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n  {\n    name: \"Switch\",\n    tag: \"Switch\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      disabled: createBoolProp({\n        label: \"Disabled\",\n        description: \"Boolean to handle disabling the switch\",\n      }),\n      fieldName: createFieldNameProp({\n        handlerPropName: \"onValueChange\",\n        valuePropName: \"value\",\n        defaultValue: \"switchValue\",\n      }),\n      activeTrackColor: createColorProp({\n        label: \"Active Track Color\",\n      }),\n      inactiveTrackColor: createColorProp({\n        label: \"Inactive Track Color\",\n      }),\n      activeThumbColor: createColorProp({\n        label: \"Active Thumb Color\",\n      }),\n      inactiveThumbColor: createColorProp({\n        label: \"Inactive Thumb Color\",\n      }),\n    },\n  },\n  {\n    name: \"Switch Row\",\n    tag: \"SwitchRow\",\n    category: COMPONENT_TYPES.input,\n    layout: {\n      marginLeft: 0,\n      marginRight: 0,\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      label: createTextProp({\n        label: \"Label\",\n        description: \"Label to show with the checkbox\",\n        required: true,\n        defaultValue: \"First Option\",\n      }),\n      direction: createRowDirectionProp(),\n      disabled: createBoolProp({\n        label: \"Disabled\",\n        description: \"Boolean to handle disabling the switch\",\n        group: GROUPS.data,\n      }),\n      fieldName: createFieldNameProp({\n        handlerPropName: \"onValueChange\",\n        valuePropName: \"value\",\n        defaultValue: \"switchValue\",\n      }),\n      activeTrackColor: createColorProp({\n        label: \"Active Track Color\",\n      }),\n      inactiveTrackColor: createColorProp({\n        label: \"Inactive Track Color\",\n      }),\n      activeThumbColor: createColorProp({\n        label: \"Active Thumb Color\",\n      }),\n      inactiveThumbColor: createColorProp({\n        label: \"Inactive Thumb Color\",\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,sBAPF,EAQEC,QARF,QASO,iBATP;AAUA,MAAMC,kBAAkB,GAAG,CAACD,QAAQ,CAACE,aAAV,CAA3B;AACA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,QADR;EAEEC,GAAG,EAAE,QAFP;EAGEC,QAAQ,EAAEb,eAAe,CAACc,KAH5B;EAIEC,MAAM,EAAE,EAJV;EAKEC,QAAQ,EAAER,kBALZ;EAMES,KAAK,EAAE;IACLC,QAAQ,EAAEhB,cAAc,CAAC;MACvBiB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CADnB;IAKLC,SAAS,EAAEjB,mBAAmB,CAAC;MAC7BkB,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD,CALzB;IAULC,gBAAgB,EAAEtB,eAAe,CAAC;MAChCgB,KAAK,EAAE;IADyB,CAAD,CAV5B;IAaLO,kBAAkB,EAAEvB,eAAe,CAAC;MAClCgB,KAAK,EAAE;IAD2B,CAAD,CAb9B;IAgBLQ,gBAAgB,EAAExB,eAAe,CAAC;MAChCgB,KAAK,EAAE;IADyB,CAAD,CAhB5B;IAmBLS,kBAAkB,EAAEzB,eAAe,CAAC;MAClCgB,KAAK,EAAE;IAD2B,CAAD;EAnB9B;AANT,CADuB,EA+BvB;EACER,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,WAFP;EAGEC,QAAQ,EAAEb,eAAe,CAACc,KAH5B;EAIEC,MAAM,EAAE;IACNc,UAAU,EAAE,CADN;IAENC,WAAW,EAAE;EAFP,CAJV;EAQEd,QAAQ,EAAER,kBARZ;EASES,KAAK,EAAE;IACLE,KAAK,EAAEd,cAAc,CAAC;MACpBc,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,iCAFO;MAGpBW,QAAQ,EAAE,IAHU;MAIpBP,YAAY,EAAE;IAJM,CAAD,CADhB;IAOLQ,SAAS,EAAE1B,sBAAsB,EAP5B;IAQLY,QAAQ,EAAEhB,cAAc,CAAC;MACvBiB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE,wCAFU;MAGvBa,KAAK,EAAEhC,MAAM,CAACiC;IAHS,CAAD,CARnB;IAaLb,SAAS,EAAEjB,mBAAmB,CAAC;MAC7BkB,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD,CAbzB;IAkBLC,gBAAgB,EAAEtB,eAAe,CAAC;MAChCgB,KAAK,EAAE;IADyB,CAAD,CAlB5B;IAqBLO,kBAAkB,EAAEvB,eAAe,CAAC;MAClCgB,KAAK,EAAE;IAD2B,CAAD,CArB9B;IAwBLQ,gBAAgB,EAAExB,eAAe,CAAC;MAChCgB,KAAK,EAAE;IADyB,CAAD,CAxB5B;IA2BLS,kBAAkB,EAAEzB,eAAe,CAAC;MAClCgB,KAAK,EAAE;IAD2B,CAAD;EA3B9B;AATT,CA/BuB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","GROUPS","createBoolProp","createColorProp","createFieldNameProp","createTextProp","createRowDirectionProp","Triggers","StylesPanelSections","BLOCK_STYLES_SECTIONS","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","stylesPanelSections","layout","triggers","props","disabled","label","description","fieldName","handlerPropName","valuePropName","defaultValue","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","Typography","Margins","Effects","marginLeft","marginRight","required","direction","group","data"],"sources":["Switch.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createBoolProp,\n  createColorProp,\n  createFieldNameProp,\n  createTextProp,\n  createRowDirectionProp,\n  Triggers,\n  StylesPanelSections,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n  {\n    name: \"Switch\",\n    tag: \"Switch\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: {},\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      disabled: createBoolProp({\n        label: \"Disabled\",\n        description: \"Boolean to handle disabling the switch\",\n      }),\n      fieldName: createFieldNameProp({\n        handlerPropName: \"onValueChange\",\n        valuePropName: \"value\",\n        defaultValue: \"switchValue\",\n      }),\n      activeTrackColor: createColorProp({\n        label: \"Active Track Color\",\n      }),\n      inactiveTrackColor: createColorProp({\n        label: \"Inactive Track Color\",\n      }),\n      activeThumbColor: createColorProp({\n        label: \"Active Thumb Color\",\n      }),\n      inactiveThumbColor: createColorProp({\n        label: \"Inactive Thumb Color\",\n      }),\n    },\n  },\n  {\n    name: \"Switch Row\",\n    tag: \"SwitchRow\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Margins,\n      StylesPanelSections.Effects,\n    ],\n    layout: {\n      marginLeft: 0,\n      marginRight: 0,\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      label: createTextProp({\n        label: \"Label\",\n        description: \"Label to show with the checkbox\",\n        required: true,\n        defaultValue: \"First Option\",\n      }),\n      direction: createRowDirectionProp(),\n      disabled: createBoolProp({\n        label: \"Disabled\",\n        description: \"Boolean to handle disabling the switch\",\n        group: GROUPS.data,\n      }),\n      fieldName: createFieldNameProp({\n        handlerPropName: \"onValueChange\",\n        valuePropName: \"value\",\n        defaultValue: \"switchValue\",\n      }),\n      activeTrackColor: createColorProp({\n        label: \"Active Track Color\",\n      }),\n      inactiveTrackColor: createColorProp({\n        label: \"Inactive Track Color\",\n      }),\n      activeThumbColor: createColorProp({\n        label: \"Active Thumb Color\",\n      }),\n      inactiveThumbColor: createColorProp({\n        label: \"Inactive Thumb Color\",\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,sBAPF,EAQEC,QARF,EASEC,mBATF,EAUEC,qBAVF,QAWO,iBAXP;AAYA,MAAMC,kBAAkB,GAAG,CAACH,QAAQ,CAACI,aAAV,CAA3B;AACA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,QADR;EAEEC,GAAG,EAAE,QAFP;EAGEC,QAAQ,EAAEf,eAAe,CAACgB,KAH5B;EAIEC,mBAAmB,EAAER,qBAJvB;EAKES,MAAM,EAAE,EALV;EAMEC,QAAQ,EAAET,kBANZ;EAOEU,KAAK,EAAE;IACLC,QAAQ,EAAEnB,cAAc,CAAC;MACvBoB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CADnB;IAKLC,SAAS,EAAEpB,mBAAmB,CAAC;MAC7BqB,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD,CALzB;IAULC,gBAAgB,EAAEzB,eAAe,CAAC;MAChCmB,KAAK,EAAE;IADyB,CAAD,CAV5B;IAaLO,kBAAkB,EAAE1B,eAAe,CAAC;MAClCmB,KAAK,EAAE;IAD2B,CAAD,CAb9B;IAgBLQ,gBAAgB,EAAE3B,eAAe,CAAC;MAChCmB,KAAK,EAAE;IADyB,CAAD,CAhB5B;IAmBLS,kBAAkB,EAAE5B,eAAe,CAAC;MAClCmB,KAAK,EAAE;IAD2B,CAAD;EAnB9B;AAPT,CADuB,EAgCvB;EACET,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,WAFP;EAGEC,QAAQ,EAAEf,eAAe,CAACgB,KAH5B;EAIEC,mBAAmB,EAAE,CACnBT,mBAAmB,CAACwB,UADD,EAEnBxB,mBAAmB,CAACyB,OAFD,EAGnBzB,mBAAmB,CAAC0B,OAHD,CAJvB;EASEhB,MAAM,EAAE;IACNiB,UAAU,EAAE,CADN;IAENC,WAAW,EAAE;EAFP,CATV;EAaEjB,QAAQ,EAAET,kBAbZ;EAcEU,KAAK,EAAE;IACLE,KAAK,EAAEjB,cAAc,CAAC;MACpBiB,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,iCAFO;MAGpBc,QAAQ,EAAE,IAHU;MAIpBV,YAAY,EAAE;IAJM,CAAD,CADhB;IAOLW,SAAS,EAAEhC,sBAAsB,EAP5B;IAQLe,QAAQ,EAAEnB,cAAc,CAAC;MACvBoB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE,wCAFU;MAGvBgB,KAAK,EAAEtC,MAAM,CAACuC;IAHS,CAAD,CARnB;IAaLhB,SAAS,EAAEpB,mBAAmB,CAAC;MAC7BqB,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD,CAbzB;IAkBLC,gBAAgB,EAAEzB,eAAe,CAAC;MAChCmB,KAAK,EAAE;IADyB,CAAD,CAlB5B;IAqBLO,kBAAkB,EAAE1B,eAAe,CAAC;MAClCmB,KAAK,EAAE;IAD2B,CAAD,CArB9B;IAwBLQ,gBAAgB,EAAE3B,eAAe,CAAC;MAChCmB,KAAK,EAAE;IADyB,CAAD,CAxB5B;IA2BLS,kBAAkB,EAAE5B,eAAe,CAAC;MAClCmB,KAAK,EAAE;IAD2B,CAAD;EA3B9B;AAdT,CAhCuB,CAAlB"}

package/lib/module/mappings/Text.js

@@ -1,11 +1,22 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, Triggers, createActionProp, createTextProp } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, Triggers, createActionProp, createTextProp, StylesPanelSections } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   accessibilityLabel: {
     group: GROUPS.accessibility,
     name: "accessibilityLabel",
     label: "accessibilityLabel",
     description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
-    editable: false,
+    editable: true,
+    required: false,
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
+    defaultValue: null
+  },
+  accessibilityHint: {
+    group: GROUPS.accessibility,
+    name: "accessibilityHint",
+    label: "accessibilityHint",
+    description: "An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not clear from the accessibility label.",
+    editable: true,
     required: false,
     formType: FORM_TYPES.string,
     propType: PROP_TYPES.STRING,
@@ -17,7 +28,7 @@ const SEED_DATA_PROPS = {
     label: "accessibilityRole",
     description: "Tells the screen reader to treat the currently focused on element as having a specific role.Possible values for AccessibilityRole is one of:\n'none' - The element has no role.\n'button' - The element should be treated as a button.\n'link' - The element should be treated as a link.\n'header' - The element is a header that divides content into sections.\n'search' - The element should be treated as a search field.\n'image' - The element should be treated as an image.\n'key' - The element should be treated like a keyboard key.\n'text' - The element should be treated as text.\n'summary' - The element provides app summary information.\n'imagebutton' - The element has the role of both an image and also a button.\n'adjustable' - The element allows adjustment over a range of values.\nOn iOS, these roles map to corresponding Accessibility Traits. Image button has the same functionality as if the trait was set to both 'image' and 'button'. See the Accessibility guide for more information.On Android, these roles have similar functionality on TalkBack as adding Accessibility Traits does on Voiceover in iOS",
     options: ["none", "button", "link", "header", "search", "image", "key", "text", "summary", "imagebutton", "adjustable"],
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,
@@ -27,8 +38,8 @@ const SEED_DATA_PROPS = {
     group: GROUPS.accessibility,
     name: "accessible",
     label: "accessible",
-    description: "When set to true, indicates that the view is an accessibility element. The default value for a Text element is true.See the Accessibility guide for more information.",
-    editable: false,
+    description: "When set to true, indicates that the view is an accessibility element. The default value for a Text element is true. See the Accessibility guide for more information.",
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -39,7 +50,7 @@ const SEED_DATA_PROPS = {
     name: "adjustsFontSizeToFit",
     label: "adjustsFontSizeToFit",
     description: "Specifies whether fonts should be scaled down automatically to fit given style constraints.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -50,7 +61,7 @@ const SEED_DATA_PROPS = {
     name: "allowFontScaling",
     label: "allowFontScaling",
     description: "Specifies whether fonts should scale to respect Text Size accessibility settings. The default is true.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -60,9 +71,9 @@ const SEED_DATA_PROPS = {
     group: GROUPS.advanced,
     name: "dataDetectorType",
     label: "dataDetectorType",
-    description: "Determines the types of data converted to clickable URLs in the text element. By default no data types are detected.You can provide only one type.Possible values for dataDetectorType are:\n'phoneNumber'\n'link'\n'email'\n'none'\n'all'\n",
+    description: "Determines the types of data converted to clickable URLs in the text element. By default no data types are detected. You can provide only one type. Possible values for dataDetectorType are:\n'phoneNumber'\n'link'\n'email'\n'none'\n'all'\n",
     options: ["phoneNumber", "link", "email", "none", "all"],
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,
@@ -73,7 +84,7 @@ const SEED_DATA_PROPS = {
     name: "disabled",
     label: "disabled",
     description: "Specifies the disabled state of the text view for testing purposes",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -96,25 +107,21 @@ const SEED_DATA_PROPS = {
     name: "maxFontSizeMultiplier",
     label: "maxFontSizeMultiplier",
     description: "Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\nnull/undefined (default): inherit from the parent node or the global default (0)\n0: no max, ignore parent/global default\n>= 1: sets the maxFontSizeMultiplier of this node to this value\n",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.number,
     propType: PROP_TYPES.NUMBER,
     defaultValue: null
   },
-  minimumFontScale: {
-    group: GROUPS.advanced,
-    name: "minimumFontScale",
-    label: "minimumFontScale",
-    description: "Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).",
-    editable: false,
+  nativeID: {
+    group: GROUPS.accessibility,
+    name: "nativeID",
+    label: "nativeID",
+    description: "Used to locate this view from native code.",
+    editable: true,
     required: false,
-    formType: FORM_TYPES.number,
-    propType: PROP_TYPES.NUMBER,
-    min: 0.01,
-    step: 0.01,
-    precision: 2,
-    max: 1.0,
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
     defaultValue: null
   },
   numberOfLines: {
@@ -135,7 +142,7 @@ const SEED_DATA_PROPS = {
     name: "selectable",
     label: "selectable",
     description: "Lets the user select text, to use the native copy and paste functionality.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -146,7 +153,7 @@ const SEED_DATA_PROPS = {
     name: "selectionColor",
     label: "selectionColor",
     description: "The highlight color of the text.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.color,
     propType: PROP_TYPES.THEME,
@@ -157,7 +164,7 @@ const SEED_DATA_PROPS = {
     name: "suppressHighlighting",
     label: "suppressHighlighting",
     description: "When true, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -169,7 +176,7 @@ const SEED_DATA_PROPS = {
     label: "textBreakStrategy",
     description: "Set text break strategy on Android API Level 23+, possible values are simple, highQuality, balanced The default value is highQuality.",
     options: ["simple", "highQuality", "balanced"],
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,
@@ -181,6 +188,7 @@ export const SEED_DATA = [{
   tag: "Text",
   description: "A basic Text component",
   category: COMPONENT_TYPES.basic,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
   layout: {
     color: "strong" // This is translated on collector script run by the extractValueAndType function
 
@@ -201,6 +209,7 @@ export const SEED_DATA = [{
   name: "Link",
   tag: "Link",
   category: COMPONENT_TYPES.button,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
   layout: {
     color: "primary"
   },

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","Triggers","createActionProp","createTextProp","SEED_DATA_PROPS","accessibilityLabel","group","accessibility","name","label","description","editable","required","formType","string","propType","STRING","defaultValue","accessibilityRole","options","flatArray","accessible","boolean","BOOLEAN","adjustsFontSizeToFit","advanced","allowFontScaling","dataDetectorType","disabled","basic","ellipsizeMode","maxFontSizeMultiplier","number","NUMBER","minimumFontScale","min","step","precision","max","numberOfLines","selectable","selectionColor","color","THEME","suppressHighlighting","textBreakStrategy","SEED_DATA","tag","category","layout","props","children","data","button","triggers","OnPress","onPress","title"],"sources":["Text.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  Triggers,\n  createActionProp,\n  createTextProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  accessibilityLabel: {\n    group: GROUPS.accessibility,\n    name: \"accessibilityLabel\",\n    label: \"accessibilityLabel\",\n    description:\n      \"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  accessibilityRole: {\n    group: GROUPS.accessibility,\n    name: \"accessibilityRole\",\n    label: \"accessibilityRole\",\n    description:\n      \"Tells the screen reader to treat the currently focused on element as having a specific role.Possible values for AccessibilityRole is one of:\\n'none' - The element has no role.\\n'button' - The element should be treated as a button.\\n'link' - The element should be treated as a link.\\n'header' - The element is a header that divides content into sections.\\n'search' - The element should be treated as a search field.\\n'image' - The element should be treated as an image.\\n'key' - The element should be treated like a keyboard key.\\n'text' - The element should be treated as text.\\n'summary' - The element provides app summary information.\\n'imagebutton' - The element has the role of both an image and also a button.\\n'adjustable' - The element allows adjustment over a range of values.\\nOn iOS, these roles map to corresponding Accessibility Traits. Image button has the same functionality as if the trait was set to both 'image' and 'button'. See the Accessibility guide for more information.On Android, these roles have similar functionality on TalkBack as adding Accessibility Traits does on Voiceover in iOS\",\n    options: [\n      \"none\",\n      \"button\",\n      \"link\",\n      \"header\",\n      \"search\",\n      \"image\",\n      \"key\",\n      \"text\",\n      \"summary\",\n      \"imagebutton\",\n      \"adjustable\",\n    ],\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  accessible: {\n    group: GROUPS.accessibility,\n    name: \"accessible\",\n    label: \"accessible\",\n    description:\n      \"When set to true, indicates that the view is an accessibility element. The default value for a Text element is true.See the Accessibility guide for more information.\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  adjustsFontSizeToFit: {\n    group: GROUPS.advanced,\n    name: \"adjustsFontSizeToFit\",\n    label: \"adjustsFontSizeToFit\",\n    description:\n      \"Specifies whether fonts should be scaled down automatically to fit given style constraints.\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  allowFontScaling: {\n    group: GROUPS.advanced,\n    name: \"allowFontScaling\",\n    label: \"allowFontScaling\",\n    description:\n      \"Specifies whether fonts should scale to respect Text Size accessibility settings. The default is true.\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  dataDetectorType: {\n    group: GROUPS.advanced,\n    name: \"dataDetectorType\",\n    label: \"dataDetectorType\",\n    description:\n      \"Determines the types of data converted to clickable URLs in the text element. By default no data types are detected.You can provide only one type.Possible values for dataDetectorType are:\\n'phoneNumber'\\n'link'\\n'email'\\n'none'\\n'all'\\n\",\n    options: [\"phoneNumber\", \"link\", \"email\", \"none\", \"all\"],\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  disabled: {\n    group: GROUPS.basic,\n    name: \"disabled\",\n    label: \"disabled\",\n    description:\n      \"Specifies the disabled state of the text view for testing purposes\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  ellipsizeMode: {\n    group: GROUPS.basic,\n    name: \"ellipsizeMode\",\n    label: \"Truncate Text?\",\n    description:\n      'When numberOfLines is set, this prop defines how text will be truncated. numberOfLines must be set in conjunction with this prop.This can be one of the following values:\\nhead - The line is displayed so that the end fits in the container and the missing text at the beginning of the line is indicated by an ellipsis glyph. e.g., \"...wxyz\"\\nmiddle - The line is displayed so that the beginning and end fit in the container and the missing text in the middle is indicated by an ellipsis glyph. \"ab...yz\"\\ntail - The line is displayed so that the beginning fits in the container and the missing text at the end of the line is indicated by an ellipsis glyph. e.g., \"abcd...\"\\nclip - Lines are not drawn past the edge of the text container.\\nThe default is tail.',\n    options: [\"head\", \"middle\", \"tail\", \"clip\"],\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  maxFontSizeMultiplier: {\n    group: GROUPS.advanced,\n    name: \"maxFontSizeMultiplier\",\n    label: \"maxFontSizeMultiplier\",\n    description:\n      \"Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\\nnull/undefined (default): inherit from the parent node or the global default (0)\\n0: no max, ignore parent/global default\\n>= 1: sets the maxFontSizeMultiplier of this node to this value\\n\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: null,\n  },\n  minimumFontScale: {\n    group: GROUPS.advanced,\n    name: \"minimumFontScale\",\n    label: \"minimumFontScale\",\n    description:\n      \"Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    min: 0.01,\n    step: 0.01,\n    precision: 2,\n    max: 1.0,\n    defaultValue: null,\n  },\n  numberOfLines: {\n    group: GROUPS.basic,\n    name: \"numberOfLines\",\n    label: \"Max # of Lines\",\n    defaultValue: null,\n    description:\n      \"Used to truncate the text with an ellipsis after computing the text layout, including line wrapping, such that the total number of lines does not exceed this number.This prop is commonly used with ellipsizeMode.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    step: 1,\n    precision: 1,\n  },\n  selectable: {\n    group: GROUPS.advanced,\n    name: \"selectable\",\n    label: \"selectable\",\n    description:\n      \"Lets the user select text, to use the native copy and paste functionality.\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  selectionColor: {\n    group: GROUPS.advanced,\n    name: \"selectionColor\",\n    label: \"selectionColor\",\n    description: \"The highlight color of the text.\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  suppressHighlighting: {\n    group: GROUPS.advanced,\n    name: \"suppressHighlighting\",\n    label: \"suppressHighlighting\",\n    description:\n      \"When true, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  textBreakStrategy: {\n    group: GROUPS.advanced,\n    name: \"textBreakStrategy\",\n    label: \"textBreakStrategy\",\n    description:\n      \"Set text break strategy on Android API Level 23+, possible values are simple, highQuality, balanced The default value is highQuality.\",\n    options: [\"simple\", \"highQuality\", \"balanced\"],\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Text\",\n    tag: \"Text\",\n    description: \"A basic Text component\",\n    category: COMPONENT_TYPES.basic,\n    layout: {\n      color: \"strong\", // This is translated on collector script run by the extractValueAndType function\n    },\n    props: {\n      ...SEED_DATA_PROPS,\n      children: {\n        group: GROUPS.data,\n        label: \"Text\",\n        description: \"Text\",\n        editable: true,\n        required: true,\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Double click me to edit 👀\",\n      },\n    },\n  },\n  {\n    name: \"Link\",\n    tag: \"Link\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      color: \"primary\",\n    },\n    triggers: [Triggers.OnPress],\n    props: {\n      ...SEED_DATA_PROPS,\n      onPress: createActionProp(),\n      title: createTextProp({\n        label: \"Title\",\n        description: \"Link title\",\n        defaultValue: \"Get Started\",\n      }),\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","Triggers","createActionProp","createTextProp","StylesPanelSections","SEED_DATA_PROPS","accessibilityLabel","group","accessibility","name","label","description","editable","required","formType","string","propType","STRING","defaultValue","accessibilityHint","accessibilityRole","options","flatArray","accessible","boolean","BOOLEAN","adjustsFontSizeToFit","advanced","allowFontScaling","dataDetectorType","disabled","basic","ellipsizeMode","maxFontSizeMultiplier","number","NUMBER","nativeID","numberOfLines","step","precision","selectable","selectionColor","color","THEME","suppressHighlighting","textBreakStrategy","SEED_DATA","tag","category","stylesPanelSections","Typography","LayoutSelectedItem","MarginsAndPaddings","Effects","layout","props","children","data","button","triggers","OnPress","onPress","title"],"sources":["Text.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  Triggers,\n  createActionProp,\n  createTextProp,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  accessibilityLabel: {\n    group: GROUPS.accessibility,\n    name: \"accessibilityLabel\",\n    label: \"accessibilityLabel\",\n    description:\n      \"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  accessibilityHint: {\n    group: GROUPS.accessibility,\n    name: \"accessibilityHint\",\n    label: \"accessibilityHint\",\n    description:\n      \"An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not clear from the accessibility label.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  accessibilityRole: {\n    group: GROUPS.accessibility,\n    name: \"accessibilityRole\",\n    label: \"accessibilityRole\",\n    description:\n      \"Tells the screen reader to treat the currently focused on element as having a specific role.Possible values for AccessibilityRole is one of:\\n'none' - The element has no role.\\n'button' - The element should be treated as a button.\\n'link' - The element should be treated as a link.\\n'header' - The element is a header that divides content into sections.\\n'search' - The element should be treated as a search field.\\n'image' - The element should be treated as an image.\\n'key' - The element should be treated like a keyboard key.\\n'text' - The element should be treated as text.\\n'summary' - The element provides app summary information.\\n'imagebutton' - The element has the role of both an image and also a button.\\n'adjustable' - The element allows adjustment over a range of values.\\nOn iOS, these roles map to corresponding Accessibility Traits. Image button has the same functionality as if the trait was set to both 'image' and 'button'. See the Accessibility guide for more information.On Android, these roles have similar functionality on TalkBack as adding Accessibility Traits does on Voiceover in iOS\",\n    options: [\n      \"none\",\n      \"button\",\n      \"link\",\n      \"header\",\n      \"search\",\n      \"image\",\n      \"key\",\n      \"text\",\n      \"summary\",\n      \"imagebutton\",\n      \"adjustable\",\n    ],\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  accessible: {\n    group: GROUPS.accessibility,\n    name: \"accessible\",\n    label: \"accessible\",\n    description:\n      \"When set to true, indicates that the view is an accessibility element. The default value for a Text element is true. See the Accessibility guide for more information.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  adjustsFontSizeToFit: {\n    group: GROUPS.advanced,\n    name: \"adjustsFontSizeToFit\",\n    label: \"adjustsFontSizeToFit\",\n    description:\n      \"Specifies whether fonts should be scaled down automatically to fit given style constraints.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  allowFontScaling: {\n    group: GROUPS.advanced,\n    name: \"allowFontScaling\",\n    label: \"allowFontScaling\",\n    description:\n      \"Specifies whether fonts should scale to respect Text Size accessibility settings. The default is true.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  dataDetectorType: {\n    group: GROUPS.advanced,\n    name: \"dataDetectorType\",\n    label: \"dataDetectorType\",\n    description:\n      \"Determines the types of data converted to clickable URLs in the text element. By default no data types are detected. You can provide only one type. Possible values for dataDetectorType are:\\n'phoneNumber'\\n'link'\\n'email'\\n'none'\\n'all'\\n\",\n    options: [\"phoneNumber\", \"link\", \"email\", \"none\", \"all\"],\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  disabled: {\n    group: GROUPS.basic,\n    name: \"disabled\",\n    label: \"disabled\",\n    description:\n      \"Specifies the disabled state of the text view for testing purposes\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  ellipsizeMode: {\n    group: GROUPS.basic,\n    name: \"ellipsizeMode\",\n    label: \"Truncate Text?\",\n    description:\n      'When numberOfLines is set, this prop defines how text will be truncated. numberOfLines must be set in conjunction with this prop.This can be one of the following values:\\nhead - The line is displayed so that the end fits in the container and the missing text at the beginning of the line is indicated by an ellipsis glyph. e.g., \"...wxyz\"\\nmiddle - The line is displayed so that the beginning and end fit in the container and the missing text in the middle is indicated by an ellipsis glyph. \"ab...yz\"\\ntail - The line is displayed so that the beginning fits in the container and the missing text at the end of the line is indicated by an ellipsis glyph. e.g., \"abcd...\"\\nclip - Lines are not drawn past the edge of the text container.\\nThe default is tail.',\n    options: [\"head\", \"middle\", \"tail\", \"clip\"],\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  maxFontSizeMultiplier: {\n    group: GROUPS.advanced,\n    name: \"maxFontSizeMultiplier\",\n    label: \"maxFontSizeMultiplier\",\n    description:\n      \"Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\\nnull/undefined (default): inherit from the parent node or the global default (0)\\n0: no max, ignore parent/global default\\n>= 1: sets the maxFontSizeMultiplier of this node to this value\\n\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: null,\n  },\n  nativeID: {\n    group: GROUPS.accessibility,\n    name: \"nativeID\",\n    label: \"nativeID\",\n    description: \"Used to locate this view from native code.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  numberOfLines: {\n    group: GROUPS.basic,\n    name: \"numberOfLines\",\n    label: \"Max # of Lines\",\n    defaultValue: null,\n    description:\n      \"Used to truncate the text with an ellipsis after computing the text layout, including line wrapping, such that the total number of lines does not exceed this number.This prop is commonly used with ellipsizeMode.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    step: 1,\n    precision: 1,\n  },\n  selectable: {\n    group: GROUPS.advanced,\n    name: \"selectable\",\n    label: \"selectable\",\n    description:\n      \"Lets the user select text, to use the native copy and paste functionality.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  selectionColor: {\n    group: GROUPS.advanced,\n    name: \"selectionColor\",\n    label: \"selectionColor\",\n    description: \"The highlight color of the text.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  suppressHighlighting: {\n    group: GROUPS.advanced,\n    name: \"suppressHighlighting\",\n    label: \"suppressHighlighting\",\n    description:\n      \"When true, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  textBreakStrategy: {\n    group: GROUPS.advanced,\n    name: \"textBreakStrategy\",\n    label: \"textBreakStrategy\",\n    description:\n      \"Set text break strategy on Android API Level 23+, possible values are simple, highQuality, balanced The default value is highQuality.\",\n    options: [\"simple\", \"highQuality\", \"balanced\"],\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Text\",\n    tag: \"Text\",\n    description: \"A basic Text component\",\n    category: COMPONENT_TYPES.basic,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.LayoutSelectedItem,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Effects,\n    ],\n    layout: {\n      color: \"strong\", // This is translated on collector script run by the extractValueAndType function\n    },\n    props: {\n      ...SEED_DATA_PROPS,\n      children: {\n        group: GROUPS.data,\n        label: \"Text\",\n        description: \"Text\",\n        editable: true,\n        required: true,\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Double click me to edit 👀\",\n      },\n    },\n  },\n  {\n    name: \"Link\",\n    tag: \"Link\",\n    category: COMPONENT_TYPES.button,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.LayoutSelectedItem,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Effects,\n    ],\n    layout: {\n      color: \"primary\",\n    },\n    triggers: [Triggers.OnPress],\n    props: {\n      ...SEED_DATA_PROPS,\n      onPress: createActionProp(),\n      title: createTextProp({\n        label: \"Title\",\n        description: \"Link title\",\n        defaultValue: \"Get Started\",\n      }),\n    },\n  },\n];\n"],"mappings":"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"}