@draftbit/core 43.4.9 → 43.4.11-2f015a.5

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

@@ -1 +1 @@
-{"version":3,"sources":["HeaderMedium.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","description","category","header","preview_image_url","supports_list_render","props","title","group","data","label","formType","string","propType","STRING","defaultValue","editable","required","buttonText","icon","basic","ASSET","onPress","action","layout"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,eAAjB,EAAkCC,UAAlC,EAA8CC,UAA9C,QAAiE,iBAAjE;AACA,OAAO,MAAMC,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,eADV;AAEIC,EAAAA,GAAG,EAAE,cAFT;AAGIC,EAAAA,WAAW,EAAE,yEAHjB;AAIIC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,MAJ9B;AAKIC,EAAAA,iBAAiB,EAAE,oDALvB;AAMIC,EAAAA,oBAAoB,EAAE,KAN1B;AAOIC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,KAAK,EAAEd,MAAM,CAACe,IADX;AAEHC,MAAAA,KAAK,EAAE,OAFJ;AAGHT,MAAAA,WAAW,EAAE,iBAHV;AAIHU,MAAAA,QAAQ,EAAEf,UAAU,CAACgB,MAJlB;AAKHC,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MALlB;AAMHC,MAAAA,YAAY,EAAE,OANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP,KADJ;AAWHC,IAAAA,UAAU,EAAE;AACRV,MAAAA,KAAK,EAAEd,MAAM,CAACe,IADN;AAERC,MAAAA,KAAK,EAAE,aAFC;AAGRT,MAAAA,WAAW,EAAE,sCAHL;AAIRU,MAAAA,QAAQ,EAAEf,UAAU,CAACgB,MAJb;AAKRC,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MALb;AAMRC,MAAAA,YAAY,EAAE,SANN;AAORC,MAAAA,QAAQ,EAAE,IAPF;AAQRC,MAAAA,QAAQ,EAAE;AARF,KAXT;AAqBHE,IAAAA,IAAI,EAAE;AACFX,MAAAA,KAAK,EAAEd,MAAM,CAAC0B,KADZ;AAEFV,MAAAA,KAAK,EAAE,MAFL;AAGFT,MAAAA,WAAW,EAAE,yBAHX;AAIFU,MAAAA,QAAQ,EAAEf,UAAU,CAACuB,IAJnB;AAKFN,MAAAA,QAAQ,EAAEhB,UAAU,CAACwB,KALnB;AAMFN,MAAAA,YAAY,EAAE,IANZ;AAOFC,MAAAA,QAAQ,EAAE,IAPR;AAQFC,MAAAA,QAAQ,EAAE;AARR,KArBH;AA+BHK,IAAAA,OAAO,EAAE;AACLd,MAAAA,KAAK,EAAEd,MAAM,CAAC0B,KADT;AAELV,MAAAA,KAAK,EAAE,QAFF;AAGLT,MAAAA,WAAW,EAAE,uCAHR;AAILe,MAAAA,QAAQ,EAAE,IAJL;AAKLC,MAAAA,QAAQ,EAAE,KALL;AAMLN,MAAAA,QAAQ,EAAEf,UAAU,CAAC2B,MANhB;AAOLV,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MAPhB;AAQLC,MAAAA,YAAY,EAAE;AART;AA/BN,GAPX;AAiDIS,EAAAA,MAAM,EAAE;AAjDZ,CADqB,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n    {\n        name: \"Header Medium\",\n        tag: \"HeaderMedium\",\n        description: \"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"]}
+{"version":3,"sources":["HeaderMedium.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","description","category","header","preview_image_url","supports_list_render","props","title","group","data","label","formType","string","propType","STRING","defaultValue","editable","required","buttonText","icon","basic","ASSET","onPress","action","layout"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,eADR;AAEEC,EAAAA,GAAG,EAAE,cAFP;AAGEC,EAAAA,WAAW,EACT,yEAJJ;AAKEC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,MAL5B;AAMEC,EAAAA,iBAAiB,EAAE,oDANrB;AAOEC,EAAAA,oBAAoB,EAAE,KAPxB;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEd,MAAM,CAACe,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLT,MAAAA,WAAW,EAAE,iBAHR;AAILU,MAAAA,QAAQ,EAAEf,UAAU,CAACgB,MAJhB;AAKLC,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MALhB;AAMLC,MAAAA,YAAY,EAAE,OANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLC,IAAAA,UAAU,EAAE;AACVV,MAAAA,KAAK,EAAEd,MAAM,CAACe,IADJ;AAEVC,MAAAA,KAAK,EAAE,aAFG;AAGVT,MAAAA,WAAW,EAAE,sCAHH;AAIVU,MAAAA,QAAQ,EAAEf,UAAU,CAACgB,MAJX;AAKVC,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MALX;AAMVC,MAAAA,YAAY,EAAE,SANJ;AAOVC,MAAAA,QAAQ,EAAE,IAPA;AAQVC,MAAAA,QAAQ,EAAE;AARA,KAXP;AAqBLE,IAAAA,IAAI,EAAE;AACJX,MAAAA,KAAK,EAAEd,MAAM,CAAC0B,KADV;AAEJV,MAAAA,KAAK,EAAE,MAFH;AAGJT,MAAAA,WAAW,EAAE,yBAHT;AAIJU,MAAAA,QAAQ,EAAEf,UAAU,CAACuB,IAJjB;AAKJN,MAAAA,QAAQ,EAAEhB,UAAU,CAACwB,KALjB;AAMJN,MAAAA,YAAY,EAAE,IANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN,KArBD;AA+BLK,IAAAA,OAAO,EAAE;AACPd,MAAAA,KAAK,EAAEd,MAAM,CAAC0B,KADP;AAEPV,MAAAA,KAAK,EAAE,QAFA;AAGPT,MAAAA,WAAW,EAAE,uCAHN;AAIPe,MAAAA,QAAQ,EAAE,IAJH;AAKPC,MAAAA,QAAQ,EAAE,KALH;AAMPN,MAAAA,QAAQ,EAAEf,UAAU,CAAC2B,MANd;AAOPV,MAAAA,QAAQ,EAAEhB,UAAU,CAACiB,MAPd;AAQPC,MAAAA,YAAY,EAAE;AARP;AA/BJ,GART;AAkDES,EAAAA,MAAM,EAAE;AAlDV,CADuB,CAAlB","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"]}

package/lib/module/mappings/Icon.js

@@ -6,7 +6,9 @@ export const SEED_DATA = {
   category: COMPONENT_TYPES.basic,
   layout: {},
   props: {
-    name: createIconProp(),
+    name: { ...createIconProp(),
+      group: GROUPS.data
+    },
     color: createColorProp(),
     size: createNumberProp({
       group: GROUPS.basic,

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

@@ -1 +1 @@
-{"version":3,"sources":["Icon.ts"],"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createIconProp","SEED_DATA","name","tag","description","category","basic","layout","props","color","size","group","label","defaultValue","min","max","step","precision"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,cALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAEF,cAAc,EADf;AAELS,IAAAA,KAAK,EAAEV,eAAe,EAFjB;AAGLW,IAAAA,IAAI,EAAEZ,gBAAgB,CAAC;AACrBa,MAAAA,KAAK,EAAEd,MAAM,CAACS,KADO;AAErBM,MAAAA,KAAK,EAAE,MAFc;AAGrBR,MAAAA,WAAW,EAAE,+BAHQ;AAIrBS,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,EALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAD;AAHjB;AANgB,CAAlB","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: createIconProp(),\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: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Icon.ts"],"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createIconProp","SEED_DATA","name","tag","description","category","basic","layout","props","group","data","color","size","label","defaultValue","min","max","step","precision"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,cALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,EACJ,GAAGF,cAAc,EADb;AAEJS,MAAAA,KAAK,EAAEZ,MAAM,CAACa;AAFV,KADD;AAKLC,IAAAA,KAAK,EAAEZ,eAAe,EALjB;AAMLa,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBW,MAAAA,KAAK,EAAEZ,MAAM,CAACS,KADO;AAErBO,MAAAA,KAAK,EAAE,MAFc;AAGrBT,MAAAA,WAAW,EAAE,+BAHQ;AAIrBU,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,EALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAD;AANjB;AANgB,CAAlB","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: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"]}

package/lib/module/mappings/KeyboardAwareScrollView.js

@@ -0,0 +1,39 @@
+import { COMPONENT_TYPES, createStaticBoolProp, createStaticNumberProp } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Keyboard Aware Scroll View",
+  tag: "KeyboardAwareScrollView",
+  description: "View that moves pushes the content when virtual keyboard is open.",
+  category: COMPONENT_TYPES.layout,
+  layout: {},
+  props: {
+    viewIsInsideTabBar: createStaticBoolProp({
+      label: "View Is Inside TabBar",
+      description: "Adds an extra offset that represents the TabBarIOS height."
+    }),
+    enableAutomaticScroll: createStaticBoolProp({
+      label: "Enable Automatic Scroll",
+      description: "When focus in TextInput will scroll the position, default is enabled"
+    }),
+    extraHeight: createStaticNumberProp({
+      label: "Extra Height",
+      description: "Adds an extra offset when focusing the TextInputs"
+    }),
+    extraScrollHeight: createStaticNumberProp({
+      label: "Extra Scroll Height",
+      description: "Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard"
+    }),
+    enableResetScrollToCoords: createStaticBoolProp({
+      label: "Enable Reset Scroll To Coordinates",
+      description: "Lets the user enable or disable automatic resetScrollToCoords"
+    }),
+    keyboardOpeningTime: createStaticNumberProp({
+      label: "Keyboard Opening Time",
+      description: "Sets the delay time before scrolling to new position, default is 250"
+    }),
+    enableOnAndroid: createStaticBoolProp({
+      label: "Enable On Android",
+      description: "Enable Android Support"
+    })
+  }
+};
+//# sourceMappingURL=KeyboardAwareScrollView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["KeyboardAwareScrollView.ts"],"names":["COMPONENT_TYPES","createStaticBoolProp","createStaticNumberProp","SEED_DATA","name","tag","description","category","layout","props","viewIsInsideTabBar","label","enableAutomaticScroll","extraHeight","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,sBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,4BADiB;AAEvBC,EAAAA,GAAG,EAAE,yBAFkB;AAGvBC,EAAAA,WAAW,EACT,mEAJqB;AAKvBC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,MALH;AAMvBA,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,kBAAkB,EAAET,oBAAoB,CAAC;AACvCU,MAAAA,KAAK,EAAE,uBADgC;AAEvCL,MAAAA,WAAW,EAAE;AAF0B,KAAD,CADnC;AAKLM,IAAAA,qBAAqB,EAAEX,oBAAoB,CAAC;AAC1CU,MAAAA,KAAK,EAAE,yBADmC;AAE1CL,MAAAA,WAAW,EACT;AAHwC,KAAD,CALtC;AAULO,IAAAA,WAAW,EAAEX,sBAAsB,CAAC;AAClCS,MAAAA,KAAK,EAAE,cAD2B;AAElCL,MAAAA,WAAW,EAAE;AAFqB,KAAD,CAV9B;AAcLQ,IAAAA,iBAAiB,EAAEZ,sBAAsB,CAAC;AACxCS,MAAAA,KAAK,EAAE,qBADiC;AAExCL,MAAAA,WAAW,EACT;AAHsC,KAAD,CAdpC;AAmBLS,IAAAA,yBAAyB,EAAEd,oBAAoB,CAAC;AAC9CU,MAAAA,KAAK,EAAE,oCADuC;AAE9CL,MAAAA,WAAW,EACT;AAH4C,KAAD,CAnB1C;AAwBLU,IAAAA,mBAAmB,EAAEd,sBAAsB,CAAC;AAC1CS,MAAAA,KAAK,EAAE,uBADmC;AAE1CL,MAAAA,WAAW,EACT;AAHwC,KAAD,CAxBtC;AA6BLW,IAAAA,eAAe,EAAEhB,oBAAoB,CAAC;AACpCU,MAAAA,KAAK,EAAE,mBAD6B;AAEpCL,MAAAA,WAAW,EAAE;AAFuB,KAAD;AA7BhC;AAPgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticBoolProp,\n  createStaticNumberProp,\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: \"Keyboard Opening Time\",\n      description:\n        \"Sets the delay time before scrolling to new position, default is 250\",\n    }),\n    enableOnAndroid: createStaticBoolProp({\n      label: \"Enable On Android\",\n      description: \"Enable Android Support\",\n    }),\n  },\n};\n"]}

package/lib/typescript/src/mappings/Icon.d.ts

@@ -6,6 +6,7 @@ export declare const SEED_DATA: {
     layout: {};
     props: {
         name: {
+            group: string;
             label: string;
             description: string;
             formType: string;
@@ -13,7 +14,6 @@ export declare const SEED_DATA: {
             defaultValue: string;
             required: boolean;
             editable: boolean;
-            group: string;
         };
         color: {
             group: string;

package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts

@@ -0,0 +1,82 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    layout: {};
+    props: {
+        viewIsInsideTabBar: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        enableAutomaticScroll: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        extraHeight: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        extraScrollHeight: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        enableResetScrollToCoords: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        keyboardOpeningTime: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        enableOnAndroid: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.4.9",
+  "version": "43.4.11-2f015a.5+2f015a40",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^43.4.0",
+    "@draftbit/types": "^43.4.10",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.1.7",
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "847053d768f405aa0d10b18ac73f566f3f7de695"
+  "gitHead": "2f015a4046112486445bc88889194caa483910f9"
 }

package/src/components/Accordion/AccordionGroup.js

@@ -18,10 +18,10 @@ const AccordionGroup = ({ Icon, openColor, closedColor, caretColor, icon, iconSi
             icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
             React.createElement(View, { style: styles.content },
                 React.createElement(Text, { selectable: false, style: [
+                        textStyles,
                         {
                             color: labelColor,
                         },
-                        textStyles,
                     ] }, label)),
             React.createElement(Icon, { name: expanded
                     ? "MaterialIcons/keyboard-arrow-up"

package/src/components/Accordion/AccordionGroup.tsx

@@ -74,10 +74,10 @@ const AccordionGroup = ({
           <Text
             selectable={false}
             style={[
+              textStyles,
               {
                 color: labelColor,
               },
-              textStyles,
             ]}
           >
             {label}

package/src/components/DatePicker/DatePicker.js

@@ -1,10 +1,9 @@
 import * as React from "react";
-import { View, Animated, Text, StyleSheet, Platform, I18nManager, TextInput as NativeTextInput, } from "react-native";
+import { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextInput, } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import dateFormat from "dateformat";
 import { withTheme } from "../../theming";
 import Portal from "../Portal/Portal";
-import Button from "../DeprecatedButton";
 import Touchable from "../Touchable";
 import DateTimePicker from "./DatePickerComponent";
 const AnimatedText = Animated.createAnimatedComponent(Text);
@@ -325,9 +324,8 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
                             paddingRight: insets.right,
                         },
                     ] },
-                    Platform.OS === "ios" && (React.createElement(Button, { Icon: Icon, type: "text", onPress: toggleVisibility, style: styles.closeButton }, "Close")),
                     React.createElement(DateTimePicker, { value: getValidDate(), mode: mode, isVisible: pickerVisible, toggleVisibility: toggleVisibility, onChange: (_event, data) => {
-                            Platform.OS === "ios" ? null : toggleVisibility();
+                            toggleVisibility();
                             setValue(data);
                             onDateChange(data);
                         } })))))));

package/src/components/DatePicker/DatePicker.tsx

@@ -7,7 +7,6 @@ import {
   StyleProp,
   ViewStyle,
   TextStyle,
-  Platform,
   TextInputProps,
   ImageStyle,
   I18nManager,
@@ -19,7 +18,6 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
 import dateFormat from "dateformat";
 import { withTheme } from "../../theming";
 import Portal from "../Portal/Portal";
-import Button from "../DeprecatedButton";
 import Touchable from "../Touchable";
 import DateTimePicker from "./DatePickerComponent";
 
@@ -496,24 +494,13 @@ const DatePicker: React.FC<Props> = ({
                 },
               ]}
             >
-              {Platform.OS === "ios" && (
-                <Button
-                  Icon={Icon}
-                  type="text"
-                  onPress={toggleVisibility}
-                  style={styles.closeButton}
-                >
-                  Close
-                </Button>
-              )}
-
               <DateTimePicker
                 value={getValidDate()}
                 mode={mode}
                 isVisible={pickerVisible}
                 toggleVisibility={toggleVisibility}
                 onChange={(_event: any, data: any) => {
-                  Platform.OS === "ios" ? null : toggleVisibility();
+                  toggleVisibility();
                   setValue(data);
                   onDateChange(data);
                 }}

package/src/components/NumberInput.js

@@ -2,7 +2,8 @@ import React, { useEffect, useState } from "react";
 import { TextInput } from "react-native";
 import { isString, isNumber, isNaN } from "lodash";
 const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
-    const formatValueToStringNumber = (valueToFormat, currentStringNumberValue) => {
+    const [currentStringNumberValue, setCurrentStringNumberValue] = useState("0");
+    const formatValueToStringNumber = (valueToFormat) => {
         if (valueToFormat != null) {
             if (isString(valueToFormat) && valueToFormat !== "") {
                 if (/^0[1-9]$/.test(valueToFormat)) {
@@ -11,7 +12,7 @@ const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
                 else if (/^[+-]?([0-9]+\.?[0-9]*|\.[0-9]+)$/.test(valueToFormat)) {
                     return valueToFormat;
                 }
-                else if (currentStringNumberValue) {
+                else {
                     return currentStringNumberValue;
                 }
             }
@@ -21,25 +22,23 @@ const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
         }
         return "0";
     };
-    const [currentStringNumberValue, setCurrentStringNumberValue] = useState(formatValueToStringNumber("0"));
-    const handleChangeText = (newValue) => {
-        const newStringNumberValue = formatValueToStringNumber(newValue, currentStringNumberValue);
-        const number = parseFloat(newStringNumberValue);
-        setCurrentStringNumberValue(newStringNumberValue);
-        onChangeText?.(number);
-    };
-    /* set currentStringNumberValue directly to defaultValue if it exists on load
-    ( no need to use TextInput's defaultValue because its value is always controlled & set ) */
+    // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
     useEffect(() => {
-        const defaultStringNumberValue = formatValueToStringNumber(defaultValue, currentStringNumberValue);
+        const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
         if (currentStringNumberValue !== defaultStringNumberValue) {
             setCurrentStringNumberValue(defaultStringNumberValue);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    // set new (or original) value if different from current (or initialized "0") value
+    const handleChangeText = (newValue) => {
+        const newStringNumberValue = formatValueToStringNumber(newValue);
+        const number = parseFloat(newStringNumberValue);
+        setCurrentStringNumberValue(newStringNumberValue);
+        onChangeText?.(number);
+    };
+    // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
     useEffect(() => {
-        const nextStringNumberValue = formatValueToStringNumber(value, currentStringNumberValue);
+        const nextStringNumberValue = formatValueToStringNumber(value);
         if (currentStringNumberValue !== nextStringNumberValue) {
             handleChangeText(nextStringNumberValue);
         }

package/src/components/NumberInput.tsx

@@ -14,17 +14,16 @@ const NumberInput: FC<Props> = ({
   defaultValue,
   ...props
 }) => {
-  const formatValueToStringNumber = (
-    valueToFormat?: number | string,
-    currentStringNumberValue?: string
-  ) => {
+  const [currentStringNumberValue, setCurrentStringNumberValue] = useState("0");
+
+  const formatValueToStringNumber = (valueToFormat?: number | string) => {
     if (valueToFormat != null) {
       if (isString(valueToFormat) && valueToFormat !== "") {
         if (/^0[1-9]$/.test(valueToFormat)) {
           return valueToFormat.slice(1);
         } else if (/^[+-]?([0-9]+\.?[0-9]*|\.[0-9]+)$/.test(valueToFormat)) {
           return valueToFormat;
-        } else if (currentStringNumberValue) {
+        } else {
           return currentStringNumberValue;
         }
       } else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {
@@ -35,28 +34,9 @@ const NumberInput: FC<Props> = ({
     return "0";
   };
 
-  const [currentStringNumberValue, setCurrentStringNumberValue] = useState(
-    formatValueToStringNumber("0")
-  );
-
-  const handleChangeText = (newValue: string) => {
-    const newStringNumberValue = formatValueToStringNumber(
-      newValue,
-      currentStringNumberValue
-    );
-    const number = parseFloat(newStringNumberValue);
-
-    setCurrentStringNumberValue(newStringNumberValue);
-    onChangeText?.(number);
-  };
-
-  /* set currentStringNumberValue directly to defaultValue if it exists on load
-  ( no need to use TextInput's defaultValue because its value is always controlled & set ) */
+  // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
   useEffect(() => {
-    const defaultStringNumberValue = formatValueToStringNumber(
-      defaultValue,
-      currentStringNumberValue
-    );
+    const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
 
     if (currentStringNumberValue !== defaultStringNumberValue) {
       setCurrentStringNumberValue(defaultStringNumberValue);
@@ -64,12 +44,17 @@ const NumberInput: FC<Props> = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  // set new (or original) value if different from current (or initialized "0") value
+  const handleChangeText = (newValue: string) => {
+    const newStringNumberValue = formatValueToStringNumber(newValue);
+    const number = parseFloat(newStringNumberValue);
+
+    setCurrentStringNumberValue(newStringNumberValue);
+    onChangeText?.(number);
+  };
+
+  // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
   useEffect(() => {
-    const nextStringNumberValue = formatValueToStringNumber(
-      value,
-      currentStringNumberValue
-    );
+    const nextStringNumberValue = formatValueToStringNumber(value);
 
     if (currentStringNumberValue !== nextStringNumberValue) {
       handleChangeText(nextStringNumberValue);

package/src/components/TextField.js

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

package/src/components/TextField.tsx

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

package/src/mappings/Icon.js

@@ -6,7 +6,10 @@ export const SEED_DATA = {
     category: COMPONENT_TYPES.basic,
     layout: {},
     props: {
-        name: createIconProp(),
+        name: {
+            ...createIconProp(),
+            group: GROUPS.data,
+        },
         color: createColorProp(),
         size: createNumberProp({
             group: GROUPS.basic,

package/src/mappings/Icon.ts

@@ -13,7 +13,10 @@ export const SEED_DATA = {
   category: COMPONENT_TYPES.basic,
   layout: {},
   props: {
-    name: createIconProp(),
+    name: {
+      ...createIconProp(),
+      group: GROUPS.data,
+    },
     color: createColorProp(),
     size: createNumberProp({
       group: GROUPS.basic,

package/src/mappings/KeyboardAwareScrollView.js

@@ -0,0 +1,38 @@
+import { COMPONENT_TYPES, createStaticBoolProp, createStaticNumberProp, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Keyboard Aware Scroll View",
+    tag: "KeyboardAwareScrollView",
+    description: "View that moves pushes the content when virtual keyboard is open.",
+    category: COMPONENT_TYPES.layout,
+    layout: {},
+    props: {
+        viewIsInsideTabBar: createStaticBoolProp({
+            label: "View Is Inside TabBar",
+            description: "Adds an extra offset that represents the TabBarIOS height.",
+        }),
+        enableAutomaticScroll: createStaticBoolProp({
+            label: "Enable Automatic Scroll",
+            description: "When focus in TextInput will scroll the position, default is enabled",
+        }),
+        extraHeight: createStaticNumberProp({
+            label: "Extra Height",
+            description: "Adds an extra offset when focusing the TextInputs",
+        }),
+        extraScrollHeight: createStaticNumberProp({
+            label: "Extra Scroll Height",
+            description: "Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard",
+        }),
+        enableResetScrollToCoords: createStaticBoolProp({
+            label: "Enable Reset Scroll To Coordinates",
+            description: "Lets the user enable or disable automatic resetScrollToCoords",
+        }),
+        keyboardOpeningTime: createStaticNumberProp({
+            label: "Keyboard Opening Time",
+            description: "Sets the delay time before scrolling to new position, default is 250",
+        }),
+        enableOnAndroid: createStaticBoolProp({
+            label: "Enable On Android",
+            description: "Enable Android Support",
+        }),
+    },
+};

package/src/mappings/KeyboardAwareScrollView.ts

@@ -0,0 +1,48 @@
+import {
+  COMPONENT_TYPES,
+  createStaticBoolProp,
+  createStaticNumberProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Keyboard Aware Scroll View",
+  tag: "KeyboardAwareScrollView",
+  description:
+    "View that moves pushes the content when virtual keyboard is open.",
+  category: COMPONENT_TYPES.layout,
+  layout: {},
+  props: {
+    viewIsInsideTabBar: createStaticBoolProp({
+      label: "View Is Inside TabBar",
+      description: "Adds an extra offset that represents the TabBarIOS height.",
+    }),
+    enableAutomaticScroll: createStaticBoolProp({
+      label: "Enable Automatic Scroll",
+      description:
+        "When focus in TextInput will scroll the position, default is enabled",
+    }),
+    extraHeight: createStaticNumberProp({
+      label: "Extra Height",
+      description: "Adds an extra offset when focusing the TextInputs",
+    }),
+    extraScrollHeight: createStaticNumberProp({
+      label: "Extra Scroll Height",
+      description:
+        "Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard",
+    }),
+    enableResetScrollToCoords: createStaticBoolProp({
+      label: "Enable Reset Scroll To Coordinates",
+      description:
+        "Lets the user enable or disable automatic resetScrollToCoords",
+    }),
+    keyboardOpeningTime: createStaticNumberProp({
+      label: "Keyboard Opening Time",
+      description:
+        "Sets the delay time before scrolling to new position, default is 250",
+    }),
+    enableOnAndroid: createStaticBoolProp({
+      label: "Enable On Android",
+      description: "Enable Android Support",
+    }),
+  },
+};