@draftbit/core 43.7.2-5b80c5.1 → 43.7.2

package/lib/module/mappings/StarRating.js

@@ -16,7 +16,9 @@ export const SEED_DATA = {
     }),
     fieldName: createFieldNameProp({
       defaultValue: "ratingValue",
+      // this is the name of the variable declared on the screen in Draftbit
       handlerPropName: "onPress",
+      // the change handler prop in this component
       valuePropName: "rating" // the value prop in this component
 
     }),
@@ -41,10 +43,4 @@ export const SEED_DATA = {
     })
   }
 };
-//# sourceMappingURL=StarRating.js.mapateColorProp({
-      label: "Inactive Color",
-      defaultValue: "divider"
-    })
-  }
-};
 //# sourceMappingURL=StarRating.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["StarRating.js"],"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"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,sBAA1B,EAAkDC,mBAAlD,EAAuEC,oBAAvE,EAA6FC,QAA7F,EAAuGC,eAAvG,QAA+H,iBAA/H;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,aADe;AAErBC,EAAAA,GAAG,EAAE,YAFgB;AAGrBC,EAAAA,WAAW,EAAE,yBAHQ;AAIrBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MAJL;AAKrBC,EAAAA,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,QAAQ,EAAEd,sBAAsB,CAAC;AAC7Be,MAAAA,KAAK,EAAE,WADsB;AAE7BP,MAAAA,WAAW,EAAE,8BAFgB;AAG7BQ,MAAAA,YAAY,EAAE,EAHe;AAI7BC,MAAAA,GAAG,EAAE,CAJwB;AAK7BC,MAAAA,GAAG,EAAE,EALwB;AAM7BC,MAAAA,IAAI,EAAE;AANuB,KAAD,CAD7B;AASHC,IAAAA,SAAS,EAAEnB,mBAAmB,CAAC;AAC3Be,MAAAA,YAAY,EAAE,aADa;AAE3BK,MAAAA,eAAe,EAAE,SAFU;AAG3BC,MAAAA,aAAa,EAAE,QAHY,CAGF;;AAHE,KAAD,CAT3B;AAcHC,IAAAA,QAAQ,EAAEvB,sBAAsB,CAAC;AAC7Be,MAAAA,KAAK,EAAE,WADsB;AAE7BP,MAAAA,WAAW,EAAE,yBAFgB;AAG7BQ,MAAAA,YAAY,EAAE,CAHe;AAI7BC,MAAAA,GAAG,EAAE,CAJwB;AAK7BC,MAAAA,GAAG,EAAE,EALwB;AAM7BC,MAAAA,IAAI,EAAE;AANuB,KAAD,CAd7B;AAsBHK,IAAAA,UAAU,EAAEtB,oBAAoB,CAAC;AAC7Ba,MAAAA,KAAK,EAAE;AADsB,KAAD,CAtB7B;AAyBHU,IAAAA,WAAW,EAAErB,eAAe,CAAC;AACzBW,MAAAA,KAAK,EAAE,cADkB;AAEzBC,MAAAA,YAAY,EAAE;AAFW,KAAD,CAzBzB;AA6BHU,IAAAA,aAAa,EAAEtB,eAAe,CAAC;AAC3BW,MAAAA,KAAK,EAAE,gBADoB;AAE3BC,MAAAA,YAAY,EAAE;AAFa,KAAD;AA7B3B;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp, } from \"@draftbit/types\";\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\",\n            handlerPropName: \"onPress\",\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"]}
+{"version":3,"sources":["StarRating.ts"],"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"],"mappings":"AAAA,SACEA,eADF,EAEEC,sBAFF,EAGEC,mBAHF,EAIEC,oBAJF,EAKEC,QALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,yBAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MAJH;AAKvBC,EAAAA,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEd,sBAAsB,CAAC;AAC/Be,MAAAA,KAAK,EAAE,WADwB;AAE/BP,MAAAA,WAAW,EAAE,8BAFkB;AAG/BQ,MAAAA,YAAY,EAAE,EAHiB;AAI/BC,MAAAA,GAAG,EAAE,CAJ0B;AAK/BC,MAAAA,GAAG,EAAE,EAL0B;AAM/BC,MAAAA,IAAI,EAAE;AANyB,KAAD,CAD3B;AASLC,IAAAA,SAAS,EAAEnB,mBAAmB,CAAC;AAC7Be,MAAAA,YAAY,EAAE,aADe;AACA;AAC7BK,MAAAA,eAAe,EAAE,SAFY;AAED;AAC5BC,MAAAA,aAAa,EAAE,QAHc,CAGJ;;AAHI,KAAD,CATzB;AAcLC,IAAAA,QAAQ,EAAEvB,sBAAsB,CAAC;AAC/Be,MAAAA,KAAK,EAAE,WADwB;AAE/BP,MAAAA,WAAW,EAAE,yBAFkB;AAG/BQ,MAAAA,YAAY,EAAE,CAHiB;AAI/BC,MAAAA,GAAG,EAAE,CAJ0B;AAK/BC,MAAAA,GAAG,EAAE,EAL0B;AAM/BC,MAAAA,IAAI,EAAE;AANyB,KAAD,CAd3B;AAsBLK,IAAAA,UAAU,EAAEtB,oBAAoB,CAAC;AAC/Ba,MAAAA,KAAK,EAAE;AADwB,KAAD,CAtB3B;AAyBLU,IAAAA,WAAW,EAAErB,eAAe,CAAC;AAC3BW,MAAAA,KAAK,EAAE,cADoB;AAE3BC,MAAAA,YAAY,EAAE;AAFa,KAAD,CAzBvB;AA6BLU,IAAAA,aAAa,EAAEtB,eAAe,CAAC;AAC7BW,MAAAA,KAAK,EAAE,gBADsB;AAE7BC,MAAAA,YAAY,EAAE;AAFe,KAAD;AA7BzB;AANgB,CAAlB","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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.js"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","createColorProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,cAA1B,EAA0CC,gBAA1C,EAA4DC,cAA5D,EAA4EC,eAA5E,EAA6FC,MAA7F,QAA4G,iBAA5G;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,QADe;AAErBC,EAAAA,GAAG,EAAE,QAFgB;AAGrBC,EAAAA,WAAW,EAAE,kBAHQ;AAIrBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJL;AAKrBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,MAAM,EAAE,GADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GALa;AASrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACnBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CADnB;AAKHC,IAAAA,IAAI,EAAEnB,cAAc,CAAC;AACjBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADG;AAEjBC,MAAAA,KAAK,EAAE;AAFU,KAAD,CALjB;AASHE,IAAAA,OAAO,EAAEnB,gBAAgB,CAAC;AACtBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADQ;AAEtBC,MAAAA,KAAK,EAAE,SAFe;AAGtBG,MAAAA,YAAY,EAAE;AAHQ,KAAD,CATtB;AAcHC,IAAAA,QAAQ,EAAEtB,cAAc,CAAC;AACrBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE,UAFc;AAGrBG,MAAAA,YAAY,EAAE;AAHO,KAAD,CAdrB;AAmBHE,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACtBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADQ;AAEtBC,MAAAA,KAAK,EAAE,gBAFe;AAGtBG,MAAAA,YAAY,EAAE;AAHQ,KAAD,CAnBtB;AAwBHG,IAAAA,SAAS,EAAEtB,cAAc,CAAC;AACtBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADQ;AAEtBC,MAAAA,KAAK,EAAE,YAFe;AAGtBG,MAAAA,YAAY,EAAE;AAHQ,KAAD,CAxBtB;AA6BHI,IAAAA,cAAc,EAAEtB,eAAe,CAAC;AAC5Be,MAAAA,KAAK,EAAE;AADqB,KAAD,CA7B5B;AAgCHQ,IAAAA,cAAc,EAAEvB,eAAe,CAAC;AAC5Be,MAAAA,KAAK,EAAE;AADqB,KAAD,CAhC5B;AAmCHS,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACtBe,MAAAA,KAAK,EAAE,WADe;AAEtBG,MAAAA,YAAY,EAAE;AAFQ,KAAD,CAnCtB;AAuCHO,IAAAA,cAAc,EAAEzB,eAAe,CAAC;AAC5Be,MAAAA,KAAK,EAAE,kBADqB;AAE5BG,MAAAA,YAAY,EAAE;AAFc,KAAD,CAvC5B;AA2CHQ,IAAAA,aAAa,EAAE7B,cAAc,CAAC;AAC1BgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADY;AAE1BC,MAAAA,KAAK,EAAE,gBAFmB;AAG1BG,MAAAA,YAAY,EAAE;AAHY,KAAD;AA3C1B;AATc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Swiper\",\n    tag: \"Swiper\",\n    description: \"Swiper container\",\n    category: COMPONENT_TYPES.container,\n    layout: {\n        height: 300,\n        width: \"100%\",\n    },\n    props: {\n        from: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Initial Slide\",\n        }),\n        loop: createBoolProp({\n            group: GROUPS.basic,\n            label: \"Loop\",\n        }),\n        timeout: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Timeout\",\n            defaultValue: 0,\n        }),\n        vertical: createBoolProp({\n            group: GROUPS.basic,\n            label: \"Vertical\",\n            defaultValue: false,\n        }),\n        prevTitle: createTextProp({\n            group: GROUPS.basic,\n            label: \"Previous Title\",\n            defaultValue: \"\",\n        }),\n        nextTitle: createTextProp({\n            group: GROUPS.basic,\n            label: \"Next Title\",\n            defaultValue: \"\",\n        }),\n        prevTitleColor: createColorProp({\n            label: \"Previous Title Color\",\n        }),\n        nextTitleColor: createColorProp({\n            label: \"Next Title Color\",\n        }),\n        dotColor: createColorProp({\n            label: \"Dot Color\",\n            defaultValue: \"light\",\n        }),\n        dotActiveColor: createColorProp({\n            label: \"Dot Active Color\",\n            defaultValue: \"primary\",\n        }),\n        dotsTouchable: createBoolProp({\n            group: GROUPS.basic,\n            label: \"Dots Touchable\",\n            defaultValue: true,\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","createColorProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,eALF,EAMEC,MANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAD,CADjB;AAKLC,IAAAA,IAAI,EAAEnB,cAAc,CAAC;AACnBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CALf;AASLE,IAAAA,OAAO,EAAEnB,gBAAgB,CAAC;AACxBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CATpB;AAcLC,IAAAA,QAAQ,EAAEtB,cAAc,CAAC;AACvBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAD,CAdnB;AAmBLE,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAnBpB;AAwBLG,IAAAA,SAAS,EAAEtB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAxBpB;AA6BLI,IAAAA,cAAc,EAAEtB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CA7B1B;AAgCLQ,IAAAA,cAAc,EAAEvB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CAhC1B;AAmCLS,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACxBe,MAAAA,KAAK,EAAE,WADiB;AAExBG,MAAAA,YAAY,EAAE;AAFU,KAAD,CAnCpB;AAuCLO,IAAAA,cAAc,EAAEzB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE,kBADuB;AAE9BG,MAAAA,YAAY,EAAE;AAFgB,KAAD,CAvC1B;AA2CLQ,IAAAA,aAAa,EAAE7B,cAAc,CAAC;AAC5BgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAD;AA3CxB;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    prevTitleColor: createColorProp({\n      label: \"Previous Title Color\",\n    }),\n    nextTitleColor: createColorProp({\n      label: \"Next Title Color\",\n    }),\n    dotColor: createColorProp({\n      label: \"Dot Color\",\n      defaultValue: \"light\",\n    }),\n    dotActiveColor: createColorProp({\n      label: \"Dot Active Color\",\n      defaultValue: \"primary\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ToggleButton.js"],"names":["GROUPS","COMPONENT_TYPES","createIconProp","createBoolProp","createColorProp","createStaticNumberProp","createFieldNameProp","createIconSizeProp","createActionProp","Triggers","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnPress","props","onPress","icon","required","iconSize","fieldName","defaultValue","valuePropName","disabled","label","description","group","basic","color","colorSecondary","borderColor","width","height"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,eAAjB,EAAkCC,cAAlC,EAAkDC,cAAlD,EAAkEC,eAAlE,EAAmFC,sBAAnF,EAA2GC,mBAA3G,EAAgIC,kBAAhI,EAAoJC,gBAApJ,EAAsKC,QAAtK,QAAuL,iBAAvL;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,eADe;AAErBC,EAAAA,GAAG,EAAE,cAFgB;AAGrBC,EAAAA,QAAQ,EAAEZ,eAAe,CAACa,UAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,OAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAEX,gBAAgB,EADtB;AAEHY,IAAAA,IAAI,EAAElB,cAAc,CAAC;AACjBmB,MAAAA,QAAQ,EAAE;AADO,KAAD,CAFjB;AAKHC,IAAAA,QAAQ,EAAEf,kBAAkB,EALzB;AAMHgB,IAAAA,SAAS,EAAEjB,mBAAmB,CAAC;AAC3BkB,MAAAA,YAAY,EAAE,KADa;AAE3BC,MAAAA,aAAa,EAAE;AAFY,KAAD,CAN3B;AAUHC,IAAAA,QAAQ,EAAEvB,cAAc,CAAC;AACrBwB,MAAAA,KAAK,EAAE,UADc;AAErBC,MAAAA,WAAW,EAAE,uCAFQ;AAGrBC,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AAHO,KAAD,CAVrB;AAeHC,IAAAA,KAAK,EAAE3B,eAAe,CAAC;AACnByB,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AADK,KAAD,CAfnB;AAkBHE,IAAAA,cAAc,EAAE5B,eAAe,CAAC;AAC5BuB,MAAAA,KAAK,EAAE,iBADqB;AAE5BE,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AAFc,KAAD,CAlB5B;AAsBHG,IAAAA,WAAW,EAAE7B,eAAe,CAAC;AACzBuB,MAAAA,KAAK,EAAE,cADkB;AAEzBE,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AAFW,KAAD,CAtBzB;AA0BHI,IAAAA,KAAK,EAAE7B,sBAAsB,CAAC;AAC1BsB,MAAAA,KAAK,EAAE,OADmB;AAE1BC,MAAAA,WAAW,EAAE,OAFa;AAG1BJ,MAAAA,YAAY,EAAE;AAHY,KAAD,CA1B1B;AA+BHW,IAAAA,MAAM,EAAE9B,sBAAsB,CAAC;AAC3BsB,MAAAA,KAAK,EAAE,QADoB;AAE3BC,MAAAA,WAAW,EAAE,QAFc;AAG3BJ,MAAAA,YAAY,EAAE;AAHa,KAAD;AA/B3B;AANc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createStaticNumberProp, createFieldNameProp, createIconSizeProp, createActionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Toggle Button\",\n    tag: \"ToggleButton\",\n    category: COMPONENT_TYPES.deprecated,\n    layout: {},\n    triggers: [Triggers.OnPress],\n    props: {\n        onPress: createActionProp(),\n        icon: createIconProp({\n            required: true,\n        }),\n        iconSize: createIconSizeProp(),\n        fieldName: createFieldNameProp({\n            defaultValue: false,\n            valuePropName: \"toggled\",\n        }),\n        disabled: createBoolProp({\n            label: \"Disabled\",\n            description: \"Whether the button should be disabled\",\n            group: GROUPS.basic,\n        }),\n        color: createColorProp({\n            group: GROUPS.basic,\n        }),\n        colorSecondary: createColorProp({\n            label: \"Secondary Color\",\n            group: GROUPS.basic,\n        }),\n        borderColor: createColorProp({\n            label: \"Border Color\",\n            group: GROUPS.basic,\n        }),\n        width: createStaticNumberProp({\n            label: \"Width\",\n            description: \"Width\",\n            defaultValue: 50,\n        }),\n        height: createStaticNumberProp({\n            label: \"Height\",\n            description: \"Height\",\n            defaultValue: 50,\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["ToggleButton.ts"],"names":["GROUPS","COMPONENT_TYPES","createIconProp","createBoolProp","createColorProp","createStaticNumberProp","createFieldNameProp","createIconSizeProp","createActionProp","Triggers","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnPress","props","onPress","icon","required","iconSize","fieldName","defaultValue","valuePropName","disabled","label","description","group","basic","color","colorSecondary","borderColor","width","height"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,eALF,EAMEC,sBANF,EAOEC,mBAPF,EAQEC,kBARF,EASEC,gBATF,EAUEC,QAVF,QAWO,iBAXP;AAaA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,eADiB;AAEvBC,EAAAA,GAAG,EAAE,cAFkB;AAGvBC,EAAAA,QAAQ,EAAEZ,eAAe,CAACa,UAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,OAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEX,gBAAgB,EADpB;AAELY,IAAAA,IAAI,EAAElB,cAAc,CAAC;AACnBmB,MAAAA,QAAQ,EAAE;AADS,KAAD,CAFf;AAKLC,IAAAA,QAAQ,EAAEf,kBAAkB,EALvB;AAMLgB,IAAAA,SAAS,EAAEjB,mBAAmB,CAAC;AAC7BkB,MAAAA,YAAY,EAAE,KADe;AAE7BC,MAAAA,aAAa,EAAE;AAFc,KAAD,CANzB;AAULC,IAAAA,QAAQ,EAAEvB,cAAc,CAAC;AACvBwB,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE,uCAFU;AAGvBC,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AAHS,KAAD,CAVnB;AAeLC,IAAAA,KAAK,EAAE3B,eAAe,CAAC;AACrByB,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AADO,KAAD,CAfjB;AAkBLE,IAAAA,cAAc,EAAE5B,eAAe,CAAC;AAC9BuB,MAAAA,KAAK,EAAE,iBADuB;AAE9BE,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AAFgB,KAAD,CAlB1B;AAsBLG,IAAAA,WAAW,EAAE7B,eAAe,CAAC;AAC3BuB,MAAAA,KAAK,EAAE,cADoB;AAE3BE,MAAAA,KAAK,EAAE7B,MAAM,CAAC8B;AAFa,KAAD,CAtBvB;AA0BLI,IAAAA,KAAK,EAAE7B,sBAAsB,CAAC;AAC5BsB,MAAAA,KAAK,EAAE,OADqB;AAE5BC,MAAAA,WAAW,EAAE,OAFe;AAG5BJ,MAAAA,YAAY,EAAE;AAHc,KAAD,CA1BxB;AA+BLW,IAAAA,MAAM,EAAE9B,sBAAsB,CAAC;AAC7BsB,MAAAA,KAAK,EAAE,QADsB;AAE7BC,MAAAA,WAAW,EAAE,QAFgB;AAG7BJ,MAAAA,YAAY,EAAE;AAHe,KAAD;AA/BzB;AANgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createColorProp,\n  createStaticNumberProp,\n  createFieldNameProp,\n  createIconSizeProp,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Toggle Button\",\n  tag: \"ToggleButton\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {},\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    icon: createIconProp({\n      required: true,\n    }),\n    iconSize: createIconSizeProp(),\n    fieldName: createFieldNameProp({\n      defaultValue: false,\n      valuePropName: \"toggled\",\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the button should be disabled\",\n      group: GROUPS.basic,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n    }),\n    colorSecondary: createColorProp({\n      label: \"Secondary Color\",\n      group: GROUPS.basic,\n    }),\n    borderColor: createColorProp({\n      label: \"Border Color\",\n      group: GROUPS.basic,\n    }),\n    width: createStaticNumberProp({\n      label: \"Width\",\n      description: \"Width\",\n      defaultValue: 50,\n    }),\n    height: createStaticNumberProp({\n      label: \"Height\",\n      description: \"Height\",\n      defaultValue: 50,\n    }),\n  },\n};\n"]}

package/lib/module/utilities.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utilities.js"],"names":["StyleSheet","isString","isNumber","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries","getValueForRadioButton","String","Error"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AACA,SAASC,QAAT,EAAmBC,QAAnB,QAAmC,QAAnC;AACA,OAAO,SAASC,aAAT,CAAuBC,KAAvB,EAA8B;AACjC,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,UAAT;AAAqBC,IAAAA,UAArB;AAAiCC,IAAAA,QAAjC;AAA2CC,IAAAA,UAA3C;AAAuDC,IAAAA,aAAvD;AAAsEC,IAAAA,aAAtE;AAAqFC,IAAAA,SAArF;AAAgGC,IAAAA,kBAAhG;AAAoHC,IAAAA,mBAApH;AAAyIC,IAAAA,mBAAzI;AAA8J,OAAGC;AAAjK,MAAgLhB,UAAU,CAACiB,OAAX,CAAmBb,KAAK,IAAI,EAA5B,CAAtL;AACA,QAAMc,UAAU,GAAG;AACfb,IAAAA,KADe;AAEfC,IAAAA,UAFe;AAGfC,IAAAA,UAHe;AAIfC,IAAAA,QAJe;AAKfC,IAAAA,UALe;AAMfC,IAAAA,aANe;AAOfC,IAAAA,aAPe;AAQfC,IAAAA,SARe;AASfC,IAAAA,kBATe;AAUfC,IAAAA,mBAVe;AAWfC,IAAAA;AAXe,GAAnB;AAaA,SAAO;AAAEC,IAAAA,UAAF;AAAcE,IAAAA;AAAd,GAAP;AACH;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,WAAT,CAAqBC,UAArB,EAAiCC,aAAjC,EAAgD;AACnD,MAAI,CAACA,aAAL,EAAoB;AAChB;AACH;;AACD,QAAMC,eAAe,GAAGtB,UAAU,CAACiB,OAAX,CAAmBG,UAAnB,CAAxB;;AACA,OAAK,MAAM,CAACG,GAAD,EAAMC,KAAN,CAAX,IAA2BC,MAAM,CAACC,OAAP,CAAeL,aAAf,CAA3B,EAA0D;AACtD,QAAIG,KAAK,IAAI,IAAb,EAAmB;AACfF,MAAAA,eAAe,CAACC,GAAD,CAAf,GAAuBC,KAAvB;AACH;AACJ;;AACD,SAAOF,eAAP;AACH;AACD,OAAO,SAASK,sBAAT,CAAgCH,KAAhC,EAAuC;AAC1C,MAAIvB,QAAQ,CAACuB,KAAD,CAAZ,EAAqB;AACjB,WAAOA,KAAP;AACH,GAFD,MAGK,IAAItB,QAAQ,CAACsB,KAAD,CAAZ,EAAqB;AACtB,WAAOI,MAAM,CAACJ,KAAD,CAAb;AACH,GAFI,MAGA;AACD,UAAM,IAAIK,KAAJ,CAAW,kBAAiBL,KAAM,EAAlC,CAAN;AACH;AACJ","sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { isString, isNumber } from \"lodash\";\nexport function extractStyles(style) {\n    const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});\n    const textStyles = {\n        color,\n        fontFamily,\n        fontWeight,\n        fontSize,\n        lineHeight,\n        letterSpacing,\n        textTransform,\n        textAlign,\n        textDecorationLine,\n        textDecorationColor,\n        textDecorationStyle,\n    };\n    return { viewStyles, textStyles };\n}\n/**\n * Merges a style object on top of another style object. In React Native,\n * keys with undefined values in a style object will still override styles\n * that appear earlier in a sequence. This avoids that problem.\n *\n * This lets us avoid the `...(something ? { something } : {})` pattern.\n * There doesn't seem to be a better way to do this. These all seem to not\n * work (i.e. they all result in `{ color: undefined }`:\n * `const mergedStyles = [{ color: \"red\" }, { color: undefined }]`\n * `const mergedStyles = StyleSheet.compose({ color: \"red\" }, { color: undefined })`\n * `const mergedStyles = StyleSheet.flatten([{ color: \"red\" }, { color: undefined }])`\n */\nexport function applyStyles(baseStyles, stylesToApply) {\n    if (!stylesToApply) {\n        return;\n    }\n    const flattenedStyles = StyleSheet.flatten(baseStyles);\n    for (const [key, value] of Object.entries(stylesToApply)) {\n        if (value != null) {\n            flattenedStyles[key] = value;\n        }\n    }\n    return flattenedStyles;\n}\nexport function getValueForRadioButton(value) {\n    if (isString(value)) {\n        return value;\n    }\n    else if (isNumber(value)) {\n        return String(value);\n    }\n    else {\n        throw new Error(`Invalid value: ${value}`);\n    }\n}\n"]}
+{"version":3,"sources":["utilities.ts"],"names":["StyleSheet","isString","isNumber","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries","getValueForRadioButton","String","Error"],"mappings":"AAAA,SAASA,UAAT,QAAiD,cAAjD;AACA,SAASC,QAAT,EAAmBC,QAAnB,QAAmC,QAAnC;AAEA,OAAO,SAASC,aAAT,CAAuBC,KAAvB,EAA8C;AACnD,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,aANI;AAOJC,IAAAA,aAPI;AAQJC,IAAAA,SARI;AASJC,IAAAA,kBATI;AAUJC,IAAAA,mBAVI;AAWJC,IAAAA,mBAXI;AAYJ,OAAGC;AAZC,MAaFhB,UAAU,CAACiB,OAAX,CAAmBb,KAAK,IAAI,EAA5B,CAbJ;AAeA,QAAMc,UAAqB,GAAG;AAC5Bb,IAAAA,KAD4B;AAE5BC,IAAAA,UAF4B;AAG5BC,IAAAA,UAH4B;AAI5BC,IAAAA,QAJ4B;AAK5BC,IAAAA,UAL4B;AAM5BC,IAAAA,aAN4B;AAO5BC,IAAAA,aAP4B;AAQ5BC,IAAAA,SAR4B;AAS5BC,IAAAA,kBAT4B;AAU5BC,IAAAA,mBAV4B;AAW5BC,IAAAA;AAX4B,GAA9B;AAcA,SAAO;AAAEC,IAAAA,UAAF;AAAcE,IAAAA;AAAd,GAAP;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,WAAT,CACLC,UADK,EAELC,aAFK,EAGL;AACA,MAAI,CAACA,aAAL,EAAoB;AAClB;AACD;;AAED,QAAMC,eAAe,GAAGtB,UAAU,CAACiB,OAAX,CAAmBG,UAAnB,CAAxB;;AAEA,OAAK,MAAM,CAACG,GAAD,EAAMC,KAAN,CAAX,IAA2BC,MAAM,CAACC,OAAP,CAAeL,aAAf,CAA3B,EAA0D;AACxD,QAAIG,KAAK,IAAI,IAAb,EAAmB;AACjBF,MAAAA,eAAe,CAACC,GAAD,CAAf,GAAuBC,KAAvB;AACD;AACF;;AAED,SAAOF,eAAP;AACD;AAED,OAAO,SAASK,sBAAT,CAAgCH,KAAhC,EAAwD;AAC7D,MAAIvB,QAAQ,CAACuB,KAAD,CAAZ,EAAqB;AACnB,WAAOA,KAAP;AACD,GAFD,MAEO,IAAItB,QAAQ,CAACsB,KAAD,CAAZ,EAAqB;AAC1B,WAAOI,MAAM,CAACJ,KAAD,CAAb;AACD,GAFM,MAEA;AACL,UAAM,IAAIK,KAAJ,CAAW,kBAAiBL,KAAM,EAAlC,CAAN;AACD;AACF","sourcesContent":["import { StyleSheet, StyleProp, TextStyle } from \"react-native\";\nimport { isString, isNumber } from \"lodash\";\n\nexport function extractStyles(style: StyleProp<any>) {\n  const {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n    ...viewStyles\n  } = StyleSheet.flatten(style || {});\n\n  const textStyles: TextStyle = {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n  };\n\n  return { viewStyles, textStyles };\n}\n\n/**\n * Merges a style object on top of another style object. In React Native,\n * keys with undefined values in a style object will still override styles\n * that appear earlier in a sequence. This avoids that problem.\n *\n * This lets us avoid the `...(something ? { something } : {})` pattern.\n * There doesn't seem to be a better way to do this. These all seem to not\n * work (i.e. they all result in `{ color: undefined }`:\n * `const mergedStyles = [{ color: \"red\" }, { color: undefined }]`\n * `const mergedStyles = StyleSheet.compose({ color: \"red\" }, { color: undefined })`\n * `const mergedStyles = StyleSheet.flatten([{ color: \"red\" }, { color: undefined }])`\n */\nexport function applyStyles(\n  baseStyles: Array<StyleProp<any>>,\n  stylesToApply: StyleProp<any> | undefined\n) {\n  if (!stylesToApply) {\n    return;\n  }\n\n  const flattenedStyles = StyleSheet.flatten(baseStyles);\n\n  for (const [key, value] of Object.entries(stylesToApply)) {\n    if (value != null) {\n      flattenedStyles[key] = value;\n    }\n  }\n\n  return flattenedStyles;\n}\n\nexport function getValueForRadioButton(value: string | number) {\n  if (isString(value)) {\n    return value;\n  } else if (isNumber(value)) {\n    return String(value);\n  } else {\n    throw new Error(`Invalid value: ${value}`);\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.7.2-5b80c5.1+5b80c5be",
+  "version": "43.7.2",
   "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.7.2-5b80c5.1+5b80c5be",
+    "@draftbit/types": "^43.7.2",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.1.7",
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "5b80c5be0e842262b3641ec00f42adb137d81417"
+  "gitHead": "ce71c4f1b10d8bcd5ca401e53b4b25606181c2ca"
 }

package/src/Provider.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { ThemeProvider } from "./theming";
-import PortalHost from "./components/Portal/PortalHost";
-export default class Provider extends React.Component {
-    render() {
-        return (React.createElement(PortalHost, null,
-            React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));
-    }
-}

package/src/components/Accordion/AccordionGroup.js

@@ -1,44 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Pressable, } from "react-native";
-import Text from "../Text";
-import { withTheme } from "../../theming";
-import { extractStyles } from "../../utilities";
-const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
-    const [expanded, setExpanded] = React.useState(expandedProp);
-    const { textStyles, viewStyles } = extractStyles(style);
-    const expandedColor = openColor || theme.colors.primary;
-    const collapsedColor = closedColor || theme.colors.primary;
-    const labelColor = expanded ? expandedColor : collapsedColor;
-    const caretColor = caretColorProp || labelColor;
-    const handlePressAction = () => {
-        setExpanded(!expanded);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
-            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,
-                        },
-                    ] }, label)),
-            React.createElement(Icon, { name: expanded
-                    ? "MaterialIcons/keyboard-arrow-up"
-                    : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
-        expanded ? children : null));
-};
-const styles = StyleSheet.create({
-    row: {
-        flexDirection: "row",
-        alignItems: "center",
-    },
-    content: {
-        flex: 1,
-        justifyContent: "center",
-    },
-    icon: {
-        marginRight: 8,
-    },
-});
-export default withTheme(AccordionGroup);

package/src/components/Accordion/AccordionItem.js

@@ -1,32 +0,0 @@
-import * as React from "react";
-import { Pressable, StyleSheet, View, } from "react-native";
-import Text from "../Text";
-import { extractStyles } from "../../utilities";
-import { withTheme } from "../../theming";
-const AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {
-    const { textStyles, viewStyles } = extractStyles(style);
-    return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },
-        React.createElement(View, { style: styles.row },
-            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,
-            React.createElement(View, { style: [styles.item, styles.content] },
-                React.createElement(Text, { selectable: false, style: textStyles }, label)))));
-};
-const styles = StyleSheet.create({
-    container: {
-        padding: 8,
-    },
-    row: {
-        flexDirection: "row",
-        alignItems: "center",
-        paddingLeft: 8,
-    },
-    item: {
-        marginVertical: 6,
-        paddingLeft: 8,
-    },
-    content: {
-        flex: 1,
-        justifyContent: "center",
-    },
-});
-export default withTheme(AccordionItem);

package/src/components/Accordion/index.js

@@ -1,2 +0,0 @@
-export { default as AccordionGroup } from "./AccordionGroup";
-export { default as AccordionItem } from "./AccordionItem";

package/src/components/ActionSheet/ActionSheet.js

@@ -1,45 +0,0 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import Portal from "../Portal/Portal";
-import Touchable from "../Touchable";
-import ActionSheetCancel from "./ActionSheetCancel";
-const ActionSheet = ({ visible = false, onClose, children }) => {
-    return visible ? (React.createElement(Portal, null,
-        React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
-            React.createElement(View, { style: styles.overlay }),
-            React.createElement(View, { style: styles.groupWrapper },
-                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child?.type !== ActionSheetCancel)),
-                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
-};
-const styles = StyleSheet.create({
-    wrapper: {
-        flex: 1,
-        display: "flex",
-        flexDirection: "column",
-    },
-    overlay: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: "#000000",
-        opacity: 0.3,
-    },
-    groupWrapper: {
-        flex: 1,
-        flexDirection: "column",
-        justifyContent: "flex-end",
-        display: "flex",
-        marginBottom: 25,
-    },
-    group: {
-        display: "flex",
-        flexDirection: "column",
-        borderRadius: 10,
-        marginHorizontal: 7,
-        marginVertical: 2.5,
-        overflow: "hidden",
-    },
-});
-export default ActionSheet;

package/src/components/ActionSheet/ActionSheetCancel.js

@@ -1,6 +0,0 @@
-import React from "react";
-import ActionSheetItem from "./ActionSheetItem";
-const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
-    return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: [style], onPress: onPress }));
-};
-export default ActionSheetCancel;

package/src/components/ActionSheet/ActionSheetItem.js

@@ -1,30 +0,0 @@
-import React from "react";
-import { Text, StyleSheet, TouchableOpacity, } from "react-native";
-import { extractStyles } from "../../utilities";
-const ActionSheetItem = ({ label, style, color, onPress }) => {
-    const { textStyles, viewStyles } = extractStyles(style);
-    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
-        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
-};
-const styles = StyleSheet.create({
-    wrapper: {
-        borderBottomWidth: StyleSheet.hairlineWidth,
-        borderBottomColor: "#CCCCCC",
-        backgroundColor: "#F1F1F1",
-        minHeight: 50,
-        overflow: "hidden",
-        display: "flex",
-        justifyContent: "center",
-    },
-    label: {
-        fontSize: 16,
-        textAlign: "center",
-        color: "#0A84FF",
-        fontWeight: "500",
-        overflow: "hidden",
-        paddingHorizontal: 20,
-        paddingVertical: 10,
-        alignSelf: "center",
-    },
-});
-export default ActionSheetItem;

package/src/components/ActionSheet/index.js

@@ -1,3 +0,0 @@
-export { default as ActionSheet } from "./ActionSheet";
-export { default as ActionSheetItem } from "./ActionSheetItem";
-export { default as ActionSheetCancel } from "./ActionSheetCancel";

package/src/components/AnimatedCircularProgress.js

@@ -1,43 +0,0 @@
-import * as React from "react";
-import { Animated, Easing, } from "react-native";
-import CircularProgress from "./CircularProgress";
-const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
-const AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = "black", ...other }) => {
-    const [fillAnimation] = React.useState(new Animated.Value(prefill));
-    const animate = React.useCallback((toVal = -1, dur, ease) => {
-        const toValue = toVal >= 0 ? toVal : fill;
-        const dura = dur || duration;
-        const eas = ease || easing;
-        const useNative = useNativeDriver;
-        const anim = Animated.timing(fillAnimation, {
-            useNativeDriver: useNative,
-            toValue,
-            easing: eas,
-            duration: dura,
-        });
-        anim.start(onAnimationComplete);
-        return anim;
-    }, [
-        duration,
-        easing,
-        fill,
-        useNativeDriver,
-        fillAnimation,
-        onAnimationComplete,
-    ]);
-    const animateColor = () => {
-        if (!tintColorSecondary) {
-            return tintColor;
-        }
-        const tintAnimation = fillAnimation.interpolate({
-            inputRange: [0, 100],
-            outputRange: [tintColor, tintColorSecondary],
-        });
-        return tintAnimation;
-    };
-    React.useEffect(() => {
-        animate();
-    }, [fill, animate]);
-    return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));
-};
-export default AnimatedCircularProgress;

package/src/components/AspectRatio.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { View, StyleSheet, } from "react-native";
-const AspectRatio = (props) => {
-    const [layout, setLayout] = React.useState(null);
-    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
-    const style = [inputStyle, { aspectRatio }];
-    if (layout) {
-        const { width = 0, height = 0 } = layout;
-        if (width === 0) {
-            style.push({ width: height * (1 / aspectRatio), height });
-        }
-        else {
-            style.push({ width, height: width * (1 / aspectRatio) });
-        }
-    }
-    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
-};
-export default AspectRatio;

package/src/components/AvatarEdit.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { View } from "react-native";
-import Touchable from "./Touchable";
-import CircleImage from "./CircleImage";
-import { withTheme } from "../theming";
-const AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {
-    const colorStyles = {
-        editBackgroundColor: theme.colors.primary,
-        editIconColor: theme.colors.surface,
-        editBorderColor: theme.colors.surface,
-    };
-    const dimensions = {
-        width: size,
-        height: size,
-    };
-    return (React.createElement(View, { style: [style, dimensions], ...rest },
-        React.createElement(Touchable, { onPress: onPress },
-            React.createElement(CircleImage, { source: image, size: size }),
-            React.createElement(View, { style: {
-                    position: "absolute",
-                    top: -3,
-                    right: -3,
-                    borderColor: colorStyles.editBorderColor,
-                    backgroundColor: colorStyles.editBackgroundColor,
-                    borderRadius: size * (3 / 16),
-                    padding: size * (3 / 32),
-                } },
-                React.createElement(Icon, { name: "MaterialIcons/edit", color: colorStyles.editIconColor, size: size * (3 / 16) })))));
-};
-export default withTheme(AvatarEdit);

package/src/components/Banner.js

@@ -1,109 +0,0 @@
-import * as React from "react";
-import { Button, Text, View, StyleSheet, Animated, } from "react-native";
-import Surface from "./Surface";
-import shadow from "../styles/shadow";
-import { withTheme } from "../theming";
-const ELEVATION = 1;
-const DEFAULT_MAX_WIDTH = 960;
-const Banner = ({ initiallyVisible = true, dismissable = true, icon, buttonColor, content, contentStyle, style, theme, Icon, ...rest }) => {
-    const [visible, setVisible] = React.useState(initiallyVisible);
-    React.useEffect(() => {
-        if (initiallyVisible) {
-            setVisible(true);
-        }
-    }, [initiallyVisible]);
-    const { current: position } = React.useRef(new Animated.Value(visible ? 1 : 0));
-    const [layout, setLayout] = React.useState({
-        height: 0,
-        measured: false,
-    });
-    React.useEffect(() => {
-        if (visible) {
-            // show
-            Animated.timing(position, {
-                duration: 250,
-                toValue: 1,
-                useNativeDriver: false,
-            }).start();
-        }
-        else {
-            // hide
-            Animated.timing(position, {
-                duration: 200,
-                toValue: 0,
-                useNativeDriver: false,
-            }).start();
-        }
-    }, [visible, position]);
-    const handleLayout = ({ nativeEvent }) => {
-        const { height } = nativeEvent.layout;
-        setLayout({ height, measured: true });
-    };
-    // The banner animation has 2 parts:
-    // 1. Blank spacer element which animates its height to move the content
-    // 2. Actual banner which animates its translateY
-    // In initial render, we position everything normally and measure the height of the banner
-    // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute
-    // We need this because we need to move the content below as if banner's height was being animated
-    // However we can't animated banner's height directly as it'll also resize the content inside
-    const height = Animated.multiply(position, layout.height);
-    const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
-    return (React.createElement(Surface, { ...rest, style: [styles.container, shadow(ELEVATION), style] },
-        React.createElement(View, { style: [styles.wrapper, contentStyle] },
-            React.createElement(Animated.View, { style: { height } }),
-            React.createElement(Animated.View, { onLayout: handleLayout, style: [
-                    layout.measured || !visible
-                        ? // If we have measured banner's height or it's invisible,
-                            // Position it absolutely, the layout will be taken care of the spacer
-                            [styles.absolute, { transform: [{ translateY }] }]
-                        : // Otherwise position it normally
-                            null,
-                    !layout.measured && !visible
-                        ? // If we haven't measured banner's height yet and it's invisible,
-                            // hide it with opacity: 0 so user doesn't see it
-                            { opacity: 0 }
-                        : null,
-                ] },
-                React.createElement(View, { style: [styles.content, { marginBottom: dismissable ? 0 : 16 }] },
-                    icon ? (React.createElement(View, { style: styles.icon },
-                        React.createElement(Icon, { name: icon, size: 40 }))) : null,
-                    React.createElement(Text, { style: [styles.message, { color: theme.colors.text }], accessibilityLiveRegion: visible ? "polite" : "none", accessibilityRole: "alert" }, content)),
-                dismissable ? (React.createElement(View, { style: styles.actions },
-                    React.createElement(Button, { color: buttonColor || theme.colors.primary, title: "Close", onPress: () => setVisible(false) }))) : null))));
-};
-const styles = StyleSheet.create({
-    container: {
-        elevation: ELEVATION,
-    },
-    wrapper: {
-        overflow: "hidden",
-        alignSelf: "center",
-        width: "100%",
-        maxWidth: DEFAULT_MAX_WIDTH,
-    },
-    absolute: {
-        position: "absolute",
-        top: 0,
-        width: "100%",
-    },
-    content: {
-        flexDirection: "row",
-        justifyContent: "flex-start",
-        marginHorizontal: 8,
-        marginTop: 16,
-        marginBottom: 0,
-    },
-    icon: {
-        margin: 8,
-    },
-    message: {
-        flex: 1,
-        margin: 8,
-    },
-    actions: {
-        flexDirection: "row",
-        justifyContent: "flex-end",
-        margin: 8,
-    },
-});
-export default withTheme(Banner);