@draftbit/core 43.4.18-b16bb4.0 → 43.4.19-ea04e3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/ActionSheet/ActionSheetItem.js.map +1 -1
- package/lib/commonjs/components/AvatarEdit.js +5 -17
- package/lib/commonjs/components/AvatarEdit.js.map +1 -1
- package/lib/commonjs/components/Checkbox/Checkbox.js +4 -2
- package/lib/commonjs/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/commonjs/components/CircularProgress.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map +1 -1
- package/lib/commonjs/components/Divider.js +13 -3
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.js +3 -15
- package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/commonjs/components/RowBodyIcon.js.map +1 -1
- package/lib/commonjs/components/StarRating.js +5 -23
- package/lib/commonjs/components/StarRating.js.map +1 -1
- package/lib/commonjs/components/StepIndicator.js.map +1 -1
- package/lib/commonjs/components/Stepper.js.map +1 -1
- package/lib/commonjs/components/Surface.js +3 -13
- package/lib/commonjs/components/Surface.js.map +1 -1
- package/lib/commonjs/components/Switch.js +10 -22
- package/lib/commonjs/components/Switch.js.map +1 -1
- package/lib/commonjs/components/TextField.js +7 -23
- package/lib/commonjs/components/TextField.js.map +1 -1
- package/lib/commonjs/mappings/AccordionItem.js.map +1 -1
- package/lib/commonjs/mappings/ActivityIndicator.js.map +1 -1
- package/lib/commonjs/mappings/Checkbox.js.map +1 -1
- package/lib/commonjs/mappings/Container.js.map +1 -1
- package/lib/commonjs/mappings/DatePicker.js.map +1 -1
- package/lib/commonjs/mappings/FieldSearchBarFull.js +1 -1
- package/lib/commonjs/mappings/FieldSearchBarFull.js.map +1 -1
- package/lib/commonjs/mappings/Icon.js.map +1 -1
- package/lib/commonjs/mappings/Image.js.map +1 -1
- package/lib/commonjs/mappings/Layout.js.map +1 -1
- package/lib/commonjs/mappings/MapMarker.js.map +1 -1
- package/lib/commonjs/mappings/StarRating.js +2 -10
- package/lib/commonjs/mappings/StarRating.js.map +1 -1
- package/lib/commonjs/mappings/TextField.js.map +1 -1
- package/lib/commonjs/mappings/ToggleButton.js +0 -5
- package/lib/commonjs/mappings/ToggleButton.js.map +1 -1
- package/lib/commonjs/mappings/WebView.js +5 -0
- package/lib/commonjs/mappings/WebView.js.map +1 -1
- package/lib/commonjs/utilities.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonRow.js +5 -6
- package/lib/module/components/RadioButton/RadioButtonRow.js.map +1 -1
- package/lib/module/mappings/RowHeadlineImageIcon.js.map +1 -1
- package/lib/module/mappings/StarRating.js +1 -5
- package/lib/module/mappings/StarRating.js.map +1 -1
- package/lib/module/mappings/ToggleButton.js +0 -5
- package/lib/module/mappings/ToggleButton.js.map +1 -1
- package/lib/module/mappings/WebView.js +6 -1
- package/lib/module/mappings/WebView.js.map +1 -1
- package/lib/typescript/src/mappings/StarRating.d.ts +0 -11
- package/lib/typescript/src/mappings/ToggleButton.d.ts +0 -10
- package/lib/typescript/src/mappings/WebView.d.ts +10 -0
- package/package.json +2 -2
- package/src/mappings/StarRating.js +1 -5
- package/src/mappings/StarRating.ts +0 -5
- package/src/mappings/ToggleButton.js +0 -5
- package/src/mappings/ToggleButton.ts +0 -5
- package/src/mappings/WebView.js +6 -1
- package/src/mappings/WebView.ts +11 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TextField.js"],"names":["SEED_DATA_PROPS","TEXT_INPUT_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","assistiveText","basic","error","boolean","BOOLEAN","leftIconName","icon","ASSET","leftIconMode","flatArray","options","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnChangeText","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","props","type","underlineColor","secureTextEntry","layout","placeholder","multiline","uncategorized","numberOfLines"],"mappings":";;;;;;;AAAA;;AACA,MAAMA,eAAe,GAAG,EACpB,GAAGC,uBADiB;AAEpBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHH,IAAAA,KAAK,EAAE,OAFJ;AAGHI,IAAAA,WAAW,EAAE,6CAHV;AAIHC,IAAAA,QAAQ,EAAEC,kBAAWC,MAJlB;AAKHC,IAAAA,QAAQ,EAAEC,kBAAWC,MALlB;AAMHC,IAAAA,YAAY,EAAE,IANX;AAOHC,IAAAA,QAAQ,EAAE,IAPP;AAQHC,IAAAA,QAAQ,EAAE;AARP,GAFa;AAYpBC,EAAAA,aAAa,EAAE;AACXb,IAAAA,KAAK,EAAEC,cAAOa,KADH;AAEXf,IAAAA,KAAK,EAAE,gBAFI;AAGXI,IAAAA,WAAW,EAAE,wCAHF;AAIXC,IAAAA,QAAQ,EAAEC,kBAAWC,MAJV;AAKXC,IAAAA,QAAQ,EAAEC,kBAAWC,MALV;AAMXC,IAAAA,YAAY,EAAE,IANH;AAOXC,IAAAA,QAAQ,EAAE,IAPC;AAQXC,IAAAA,QAAQ,EAAE;AARC,GAZK;AAsBpBG,EAAAA,KAAK,EAAE;AACHf,IAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHH,IAAAA,KAAK,EAAE,OAFJ;AAGHI,IAAAA,WAAW,EAAE,kDAHV;AAIHC,IAAAA,QAAQ,EAAEC,kBAAWW,OAJlB;AAKHT,IAAAA,QAAQ,EAAEC,kBAAWS,OALlB;AAMHP,IAAAA,YAAY,EAAE,IANX;AAOHC,IAAAA,QAAQ,EAAE,IAPP;AAQHC,IAAAA,QAAQ,EAAE;AARP,GAtBa;AAgCpBM,EAAAA,YAAY,EAAE;AACVlB,IAAAA,KAAK,EAAEC,cAAOa,KADJ;AAEVf,IAAAA,KAAK,EAAE,gBAFG;AAGVI,IAAAA,WAAW,EAAE,iCAHH;AAIVC,IAAAA,QAAQ,EAAEC,kBAAWc,IAJX;AAKVZ,IAAAA,QAAQ,EAAEC,kBAAWY,KALX;AAMVV,IAAAA,YAAY,EAAE,IANJ;AAOVC,IAAAA,QAAQ,EAAE,IAPA;AAQVC,IAAAA,QAAQ,EAAE;AARA,GAhCM;AA0CpBS,EAAAA,YAAY,EAAE;AACVrB,IAAAA,KAAK,EAAEC,cAAOa,KADJ;AAEVf,IAAAA,KAAK,EAAE,gBAFG;AAGVI,IAAAA,WAAW,EAAE,mEAHH;AAIVC,IAAAA,QAAQ,EAAEC,kBAAWiB,SAJX;AAKVf,IAAAA,QAAQ,EAAEC,kBAAWC,MALX;AAMVC,IAAAA,YAAY,EAAE;AAAK;AANT;AAOVa,IAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,CAPC;AAQVZ,IAAAA,QAAQ,EAAE,IARA;AASVC,IAAAA,QAAQ,EAAE;AATA,GA1CM;AAqDpBY,EAAAA,aAAa,EAAE;AACXxB,IAAAA,KAAK,EAAEC,cAAOa,KADH;AAEXf,IAAAA,KAAK,EAAE,iBAFI;AAGXI,IAAAA,WAAW,EAAE,kCAHF;AAIXC,IAAAA,QAAQ,EAAEC,kBAAWc,IAJV;AAKXZ,IAAAA,QAAQ,EAAEC,kBAAWY,KALV;AAMXV,IAAAA,YAAY,EAAE,IANH;AAOXC,IAAAA,QAAQ,EAAE,IAPC;AAQXC,IAAAA,QAAQ,EAAE;AARC,GArDK;AA+DpBa,EAAAA,SAAS,EAAE,EACP,GAAGC,iBADI;AAEPC,IAAAA,eAAe,EAAE,cAFV;AAGPjB,IAAAA,YAAY,EAAE;AAHP;AA/DS,CAAxB;AAqEA,MAAMkB,kBAAkB,GAAG,CAACC,gBAASC,YAAV,CAA3B;AACO,MAAMC,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,mBADV;AAEIC,EAAAA,GAAG,EAAE,WAFT;AAGI9B,EAAAA,WAAW,EAAE,+CAHjB;AAII+B,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJ9B;AAKIC,EAAAA,iBAAiB,EAAE,gCALvB;AAMIC,EAAAA,oBAAoB,EAAE,KAN1B;AAOIC,EAAAA,QAAQ,EAAEX,kBAPd;AAQIY,EAAAA,KAAK,EAAE,EACH,GAAG3C,eADA;AAEH4C,IAAAA,IAAI,EAAE;AACF1C,MAAAA,KAAK,EAAE,YADL;AAEFI,MAAAA,WAAW,EAAE,oBAFX;AAGFC,MAAAA,QAAQ,EAAEC,kBAAWiB,SAHnB;AAIFf,MAAAA,QAAQ,EAAEC,kBAAWC,MAJnB;AAKFC,MAAAA,YAAY,EAAE,OALZ;AAMFa,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,WAAV,CANP;AAOFZ,MAAAA,QAAQ,EAAE,IAPR;AAQFC,MAAAA,QAAQ,EAAE,IARR;AASFZ,MAAAA,KAAK,EAAEC,cAAOa;AATZ,KAFH;AAaH4B,IAAAA,cAAc,EAAE,4BAAgB;AAC5B3C,MAAAA,KAAK,EAAE,iBADqB;AAE5BW,MAAAA,YAAY,EAAE;AAFc,KAAhB,CAbb;AAiBHiC,IAAAA,eAAe,EAAE;AACb3C,MAAAA,KAAK,EAAEC,cAAOa,KADD;AAEbf,MAAAA,KAAK,EAAE,gBAFM;AAGbI,MAAAA,WAAW,EAAE,sEAHA;AAIbC,MAAAA,QAAQ,EAAEC,kBAAWW,OAJR;AAKbT,MAAAA,QAAQ,EAAEC,kBAAWS,OALR;AAMbP,MAAAA,YAAY,EAAE,IAND;AAObC,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG;AAjBd,GARX;AAoCIgC,EAAAA,MAAM,EAAE;AApCZ,CADqB,EAuCrB;AACIZ,EAAAA,IAAI,EAAE,kBADV;AAEIC,EAAAA,GAAG,EAAE,WAFT;AAGI9B,EAAAA,WAAW,EAAE,8CAHjB;AAII+B,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJ9B;AAKIC,EAAAA,iBAAiB,EAAE,+BALvB;AAMIC,EAAAA,oBAAoB,EAAE,KAN1B;AAOIC,EAAAA,QAAQ,EAAEX,kBAPd;AAQIY,EAAAA,KAAK,EAAE,EACH,GAAG3C,eADA;AAEHgD,IAAAA,WAAW,EAAE,EACT,GAAG/C,wBAAiB+C,WADX;AAETnC,MAAAA,YAAY,EAAE;AAFL,KAFV;AAMH+B,IAAAA,IAAI,EAAE;AACF1C,MAAAA,KAAK,EAAE,YADL;AAEFI,MAAAA,WAAW,EAAE,oBAFX;AAGFC,MAAAA,QAAQ,EAAEC,kBAAWiB,SAHnB;AAIFf,MAAAA,QAAQ,EAAEC,kBAAWC,MAJnB;AAKFC,MAAAA,YAAY,EAAE,OALZ;AAMFa,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,WAAV,CANP;AAOFZ,MAAAA,QAAQ,EAAE,IAPR;AAQFC,MAAAA,QAAQ,EAAE,IARR;AASFZ,MAAAA,KAAK,EAAEC,cAAOa;AATZ,KANH;AAiBHgC,IAAAA,SAAS,EAAE;AACP/C,MAAAA,KAAK,EAAE,WADA;AAEPI,MAAAA,WAAW,EAAE,WAFN;AAGPH,MAAAA,KAAK,EAAEC,cAAO8C,aAHP;AAIP3C,MAAAA,QAAQ,EAAEC,kBAAWW,OAJd;AAKPT,MAAAA,QAAQ,EAAEC,kBAAWS,OALd;AAMPP,MAAAA,YAAY,EAAE,IANP;AAOPC,MAAAA,QAAQ,EAAE,KAPH;AAQPC,MAAAA,QAAQ,EAAE;AARH,KAjBR;AA2BHoC,IAAAA,aAAa,EAAE,6BAAiB;AAC5BjD,MAAAA,KAAK,EAAE,iBADqB;AAE5BI,MAAAA,WAAW,EAAE,qCAFe;AAG5BO,MAAAA,YAAY,EAAE,CAHc;AAI5BV,MAAAA,KAAK,EAAEC,cAAOa;AAJc,KAAjB,CA3BZ;AAiCHW,IAAAA,SAAS,EAAE,gCAAoB;AAC3Bf,MAAAA,YAAY,EAAE;AADa,KAApB;AAjCR,GARX;AA6CIkC,EAAAA,MAAM,EAAE;AA7CZ,CAvCqB,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, TEXT_INPUT_PROPS, Triggers, createColorProp, createNumberProp, createFieldNameProp, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n ...TEXT_INPUT_PROPS,\n label: {\n group: GROUPS.data,\n label: \"Label\",\n description: \"The label to be displayed on the text field\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: true,\n },\n assistiveText: {\n group: GROUPS.basic,\n label: \"Assistive text\",\n description: \"Helper text to display below the input\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n error: {\n group: GROUPS.data,\n label: \"Error\",\n description: \"Whether the input should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconName: {\n group: GROUPS.basic,\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconMode: {\n group: GROUPS.basic,\n label: \"Left icon mode\",\n description: \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null /* inset */,\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n },\n rightIconName: {\n group: GROUPS.basic,\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onChangeText\",\n defaultValue: \"textFieldValue\",\n },\n};\nconst SEED_DATA_TRIGGERS = [Triggers.OnChangeText];\nexport const SEED_DATA = [\n {\n name: \"Styled Text Field\",\n tag: \"TextField\",\n description: \"A text input with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Textfield.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n underlineColor: createColorProp({\n label: \"Underline Color\",\n defaultValue: \"light\",\n }),\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password field\",\n description: \"If true, this turns the field into a password field, hiding the text\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Styled Text Area\",\n tag: \"TextField\",\n description: \"A text area with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/TextArea.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n placeholder: {\n ...TEXT_INPUT_PROPS.placeholder,\n defaultValue: \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\",\n },\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: false,\n required: false,\n },\n numberOfLines: createNumberProp({\n label: \"Number of Lines\",\n description: \"Number of Lines for Multiline Field\",\n defaultValue: 4,\n group: GROUPS.basic,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"textAreaValue\",\n }),\n },\n layout: {},\n },\n];\n"]}
|
|
1
|
+
{"version":3,"sources":["TextField.ts"],"names":["SEED_DATA_PROPS","TEXT_INPUT_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","assistiveText","basic","error","boolean","BOOLEAN","leftIconName","icon","ASSET","leftIconMode","flatArray","options","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnChangeText","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","props","type","underlineColor","secureTextEntry","layout","placeholder","multiline","uncategorized","numberOfLines"],"mappings":";;;;;;;AAAA;;AAaA,MAAMA,eAAe,GAAG,EACtB,GAAGC,uBADmB;AAEtBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,cAAOC,IADT;AAELH,IAAAA,KAAK,EAAE,OAFF;AAGLI,IAAAA,WAAW,EAAE,6CAHR;AAILC,IAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,IAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,IAAAA,YAAY,EAAE,IANT;AAOLC,IAAAA,QAAQ,EAAE,IAPL;AAQLC,IAAAA,QAAQ,EAAE;AARL,GAFe;AAYtBC,EAAAA,aAAa,EAAE;AACbb,IAAAA,KAAK,EAAEC,cAAOa,KADD;AAEbf,IAAAA,KAAK,EAAE,gBAFM;AAGbI,IAAAA,WAAW,EAAE,wCAHA;AAIbC,IAAAA,QAAQ,EAAEC,kBAAWC,MAJR;AAKbC,IAAAA,QAAQ,EAAEC,kBAAWC,MALR;AAMbC,IAAAA,YAAY,EAAE,IAND;AAObC,IAAAA,QAAQ,EAAE,IAPG;AAQbC,IAAAA,QAAQ,EAAE;AARG,GAZO;AAsBtBG,EAAAA,KAAK,EAAE;AACLf,IAAAA,KAAK,EAAEC,cAAOC,IADT;AAELH,IAAAA,KAAK,EAAE,OAFF;AAGLI,IAAAA,WAAW,EAAE,kDAHR;AAILC,IAAAA,QAAQ,EAAEC,kBAAWW,OAJhB;AAKLT,IAAAA,QAAQ,EAAEC,kBAAWS,OALhB;AAMLP,IAAAA,YAAY,EAAE,IANT;AAOLC,IAAAA,QAAQ,EAAE,IAPL;AAQLC,IAAAA,QAAQ,EAAE;AARL,GAtBe;AAgCtBM,EAAAA,YAAY,EAAE;AACZlB,IAAAA,KAAK,EAAEC,cAAOa,KADF;AAEZf,IAAAA,KAAK,EAAE,gBAFK;AAGZI,IAAAA,WAAW,EAAE,iCAHD;AAIZC,IAAAA,QAAQ,EAAEC,kBAAWc,IAJT;AAKZZ,IAAAA,QAAQ,EAAEC,kBAAWY,KALT;AAMZV,IAAAA,YAAY,EAAE,IANF;AAOZC,IAAAA,QAAQ,EAAE,IAPE;AAQZC,IAAAA,QAAQ,EAAE;AARE,GAhCQ;AA0CtBS,EAAAA,YAAY,EAAE;AACZrB,IAAAA,KAAK,EAAEC,cAAOa,KADF;AAEZf,IAAAA,KAAK,EAAE,gBAFK;AAGZI,IAAAA,WAAW,EACT,mEAJU;AAKZC,IAAAA,QAAQ,EAAEC,kBAAWiB,SALT;AAMZf,IAAAA,QAAQ,EAAEC,kBAAWC,MANT;AAOZC,IAAAA,YAAY,EAAE;AAAK;AAPP;AAQZa,IAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,CARG;AASZZ,IAAAA,QAAQ,EAAE,IATE;AAUZC,IAAAA,QAAQ,EAAE;AAVE,GA1CQ;AAsDtBY,EAAAA,aAAa,EAAE;AACbxB,IAAAA,KAAK,EAAEC,cAAOa,KADD;AAEbf,IAAAA,KAAK,EAAE,iBAFM;AAGbI,IAAAA,WAAW,EAAE,kCAHA;AAIbC,IAAAA,QAAQ,EAAEC,kBAAWc,IAJR;AAKbZ,IAAAA,QAAQ,EAAEC,kBAAWY,KALR;AAMbV,IAAAA,YAAY,EAAE,IAND;AAObC,IAAAA,QAAQ,EAAE,IAPG;AAQbC,IAAAA,QAAQ,EAAE;AARG,GAtDO;AAgEtBa,EAAAA,SAAS,EAAE,EACT,GAAGC,iBADM;AAETC,IAAAA,eAAe,EAAE,cAFR;AAGTjB,IAAAA,YAAY,EAAE;AAHL;AAhEW,CAAxB;AAuEA,MAAMkB,kBAAkB,GAAG,CAACC,gBAASC,YAAV,CAA3B;AACO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,mBADR;AAEEC,EAAAA,GAAG,EAAE,WAFP;AAGE9B,EAAAA,WAAW,EAAE,+CAHf;AAIE+B,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJ5B;AAKEC,EAAAA,iBAAiB,EAAE,gCALrB;AAMEC,EAAAA,oBAAoB,EAAE,KANxB;AAOEC,EAAAA,QAAQ,EAAEX,kBAPZ;AAQEY,EAAAA,KAAK,EAAE,EACL,GAAG3C,eADE;AAEL4C,IAAAA,IAAI,EAAE;AACJ1C,MAAAA,KAAK,EAAE,YADH;AAEJI,MAAAA,WAAW,EAAE,oBAFT;AAGJC,MAAAA,QAAQ,EAAEC,kBAAWiB,SAHjB;AAIJf,MAAAA,QAAQ,EAAEC,kBAAWC,MAJjB;AAKJC,MAAAA,YAAY,EAAE,OALV;AAMJa,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,WAAV,CANL;AAOJZ,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE,IARN;AASJZ,MAAAA,KAAK,EAAEC,cAAOa;AATV,KAFD;AAaL4B,IAAAA,cAAc,EAAE,4BAAgB;AAC9B3C,MAAAA,KAAK,EAAE,iBADuB;AAE9BW,MAAAA,YAAY,EAAE;AAFgB,KAAhB,CAbX;AAiBLiC,IAAAA,eAAe,EAAE;AACf3C,MAAAA,KAAK,EAAEC,cAAOa,KADC;AAEff,MAAAA,KAAK,EAAE,gBAFQ;AAGfI,MAAAA,WAAW,EACT,sEAJa;AAKfC,MAAAA,QAAQ,EAAEC,kBAAWW,OALN;AAMfT,MAAAA,QAAQ,EAAEC,kBAAWS,OANN;AAOfP,MAAAA,YAAY,EAAE,IAPC;AAQfC,MAAAA,QAAQ,EAAE,IARK;AASfC,MAAAA,QAAQ,EAAE;AATK;AAjBZ,GART;AAqCEgC,EAAAA,MAAM,EAAE;AArCV,CADuB,EAwCvB;AACEZ,EAAAA,IAAI,EAAE,kBADR;AAEEC,EAAAA,GAAG,EAAE,WAFP;AAGE9B,EAAAA,WAAW,EAAE,8CAHf;AAIE+B,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJ5B;AAKEC,EAAAA,iBAAiB,EAAE,+BALrB;AAMEC,EAAAA,oBAAoB,EAAE,KANxB;AAOEC,EAAAA,QAAQ,EAAEX,kBAPZ;AAQEY,EAAAA,KAAK,EAAE,EACL,GAAG3C,eADE;AAELgD,IAAAA,WAAW,EAAE,EACX,GAAG/C,wBAAiB+C,WADT;AAEXnC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOL+B,IAAAA,IAAI,EAAE;AACJ1C,MAAAA,KAAK,EAAE,YADH;AAEJI,MAAAA,WAAW,EAAE,oBAFT;AAGJC,MAAAA,QAAQ,EAAEC,kBAAWiB,SAHjB;AAIJf,MAAAA,QAAQ,EAAEC,kBAAWC,MAJjB;AAKJC,MAAAA,YAAY,EAAE,OALV;AAMJa,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,WAAV,CANL;AAOJZ,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE,IARN;AASJZ,MAAAA,KAAK,EAAEC,cAAOa;AATV,KAPD;AAkBLgC,IAAAA,SAAS,EAAE;AACT/C,MAAAA,KAAK,EAAE,WADE;AAETI,MAAAA,WAAW,EAAE,WAFJ;AAGTH,MAAAA,KAAK,EAAEC,cAAO8C,aAHL;AAIT3C,MAAAA,QAAQ,EAAEC,kBAAWW,OAJZ;AAKTT,MAAAA,QAAQ,EAAEC,kBAAWS,OALZ;AAMTP,MAAAA,YAAY,EAAE,IANL;AAOTC,MAAAA,QAAQ,EAAE,KAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAlBN;AA4BLoC,IAAAA,aAAa,EAAE,6BAAiB;AAC9BjD,MAAAA,KAAK,EAAE,iBADuB;AAE9BI,MAAAA,WAAW,EAAE,qCAFiB;AAG9BO,MAAAA,YAAY,EAAE,CAHgB;AAI9BV,MAAAA,KAAK,EAAEC,cAAOa;AAJgB,KAAjB,CA5BV;AAkCLW,IAAAA,SAAS,EAAE,gCAAoB;AAC7Bf,MAAAA,YAAY,EAAE;AADe,KAApB;AAlCN,GART;AA8CEkC,EAAAA,MAAM,EAAE;AA9CV,CAxCuB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n Triggers,\n createColorProp,\n createNumberProp,\n createFieldNameProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n ...TEXT_INPUT_PROPS,\n label: {\n group: GROUPS.data,\n label: \"Label\",\n description: \"The label to be displayed on the text field\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: true,\n },\n assistiveText: {\n group: GROUPS.basic,\n label: \"Assistive text\",\n description: \"Helper text to display below the input\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n error: {\n group: GROUPS.data,\n label: \"Error\",\n description: \"Whether the input should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconName: {\n group: GROUPS.basic,\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconMode: {\n group: GROUPS.basic,\n label: \"Left icon mode\",\n description:\n \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null /* inset */,\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n },\n rightIconName: {\n group: GROUPS.basic,\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onChangeText\",\n defaultValue: \"textFieldValue\",\n },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnChangeText];\nexport const SEED_DATA = [\n {\n name: \"Styled Text Field\",\n tag: \"TextField\",\n description: \"A text input with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Textfield.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n underlineColor: createColorProp({\n label: \"Underline Color\",\n defaultValue: \"light\",\n }),\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password field\",\n description:\n \"If true, this turns the field into a password field, hiding the text\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Styled Text Area\",\n tag: \"TextField\",\n description: \"A text area with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/TextArea.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n placeholder: {\n ...TEXT_INPUT_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\",\n },\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: false,\n required: false,\n },\n numberOfLines: createNumberProp({\n label: \"Number of Lines\",\n description: \"Number of Lines for Multiline Field\",\n defaultValue: 4,\n group: GROUPS.basic,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"textAreaValue\",\n }),\n },\n layout: {},\n },\n];\n"]}
|
|
@@ -48,11 +48,6 @@ const SEED_DATA = {
|
|
|
48
48
|
label: "Height",
|
|
49
49
|
description: "Height",
|
|
50
50
|
defaultValue: 50
|
|
51
|
-
}),
|
|
52
|
-
toggled: (0, _types.createBoolProp)({
|
|
53
|
-
label: "Toggled",
|
|
54
|
-
description: "Whether the button should show the toggled state",
|
|
55
|
-
defaultValue: false
|
|
56
51
|
})
|
|
57
52
|
}
|
|
58
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ToggleButton.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","layout","triggers","Triggers","OnPress","props","onPress","icon","required","iconSize","fieldName","defaultValue","valuePropName","disabled","label","description","group","GROUPS","basic","color","colorSecondary","borderColor","width","height"
|
|
1
|
+
{"version":3,"sources":["ToggleButton.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","layout","triggers","Triggers","OnPress","props","onPress","icon","required","iconSize","fieldName","defaultValue","valuePropName","disabled","label","description","group","GROUPS","basic","color","colorSecondary","borderColor","width","height"],"mappings":";;;;;;;AAAA;;AAaO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,eADiB;AAEvBC,EAAAA,GAAG,EAAE,cAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,8BADJ;AAELC,IAAAA,IAAI,EAAE,2BAAe;AACnBC,MAAAA,QAAQ,EAAE;AADS,KAAf,CAFD;AAKLC,IAAAA,QAAQ,EAAE,gCALL;AAMLC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,YAAY,EAAE,KADe;AAE7BC,MAAAA,aAAa,EAAE;AAFc,KAApB,CANN;AAULC,IAAAA,QAAQ,EAAE,2BAAe;AACvBC,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE,uCAFU;AAGvBC,MAAAA,KAAK,EAAEC,cAAOC;AAHS,KAAf,CAVL;AAeLC,IAAAA,KAAK,EAAE,4BAAgB;AACrBH,MAAAA,KAAK,EAAEC,cAAOC;AADO,KAAhB,CAfF;AAkBLE,IAAAA,cAAc,EAAE,4BAAgB;AAC9BN,MAAAA,KAAK,EAAE,iBADuB;AAE9BE,MAAAA,KAAK,EAAEC,cAAOC;AAFgB,KAAhB,CAlBX;AAsBLG,IAAAA,WAAW,EAAE,4BAAgB;AAC3BP,MAAAA,KAAK,EAAE,cADoB;AAE3BE,MAAAA,KAAK,EAAEC,cAAOC;AAFa,KAAhB,CAtBR;AA0BLI,IAAAA,KAAK,EAAE,mCAAuB;AAC5BR,MAAAA,KAAK,EAAE,OADqB;AAE5BC,MAAAA,WAAW,EAAE,OAFe;AAG5BJ,MAAAA,YAAY,EAAE;AAHc,KAAvB,CA1BF;AA+BLY,IAAAA,MAAM,EAAE,mCAAuB;AAC7BT,MAAAA,KAAK,EAAE,QADsB;AAE7BC,MAAAA,WAAW,EAAE,QAFgB;AAG7BJ,MAAAA,YAAY,EAAE;AAHe,KAAvB;AA/BH;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"]}
|
|
@@ -18,6 +18,11 @@ const SEED_DATA = {
|
|
|
18
18
|
props: {
|
|
19
19
|
source: (0, _types.createSourceProp)({
|
|
20
20
|
defaultValue: "https://reactnative.dev"
|
|
21
|
+
}),
|
|
22
|
+
optimizeVideoChat: (0, _types.createStaticBoolProp)({
|
|
23
|
+
defaultValue: false,
|
|
24
|
+
label: "Optimize Video Chat",
|
|
25
|
+
description: "Allows for a better experience from web hosted video chat services"
|
|
21
26
|
})
|
|
22
27
|
}
|
|
23
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["WebView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","flex","props","source","defaultValue"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"sources":["WebView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","flex","props","source","defaultValue","optimizeVideoChat","label"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,6BAAiB;AACvBC,MAAAA,YAAY,EAAE;AADS,KAAjB,CADH;AAILC,IAAAA,iBAAiB,EAAE,iCAAqB;AACtCD,MAAAA,YAAY,EAAE,KADwB;AAEtCE,MAAAA,KAAK,EAAE,qBAF+B;AAGtCV,MAAAA,WAAW,EACT;AAJoC,KAArB;AAJd;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createSourceProp,\n createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Web View\",\n tag: \"WebView\",\n description: \"Render web content inside a view\",\n category: COMPONENT_TYPES.media,\n layout: { flex: 1 },\n props: {\n source: createSourceProp({\n defaultValue: \"https://reactnative.dev\",\n }),\n optimizeVideoChat: createStaticBoolProp({\n defaultValue: false,\n label: \"Optimize Video Chat\",\n description:\n \"Allows for a better experience from web hosted video chat services\",\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["utilities.
|
|
1
|
+
{"version":3,"sources":["utilities.js"],"names":["extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","StyleSheet","flatten","textStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries","getValueForRadioButton","String","Error"],"mappings":";;;;;;;;;AAAA;;AACA;;AACO,SAASA,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,MAAgLC,wBAAWC,OAAX,CAAmBd,KAAK,IAAI,EAA5B,CAAtL;;AACA,QAAMe,UAAU,GAAG;AACfd,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;AAAcG,IAAAA;AAAd,GAAP;AACH;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASC,WAAT,CAAqBC,UAArB,EAAiCC,aAAjC,EAAgD;AACnD,MAAI,CAACA,aAAL,EAAoB;AAChB;AACH;;AACD,QAAMC,eAAe,GAAGN,wBAAWC,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;;AACM,SAASK,sBAAT,CAAgCH,KAAhC,EAAuC;AAC1C,MAAI,sBAASA,KAAT,CAAJ,EAAqB;AACjB,WAAOA,KAAP;AACH,GAFD,MAGK,IAAI,sBAASA,KAAT,CAAJ,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"]}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
1
|
import * as React from "react";
|
|
4
2
|
import { StyleSheet, View, Platform } from "react-native";
|
|
5
3
|
import RadioButton from "./RadioButton";
|
|
@@ -8,7 +6,7 @@ import { useRadioButtonGroupContext } from "./context";
|
|
|
8
6
|
import { Direction as GroupDirection } from "./context";
|
|
9
7
|
import Touchable from "../Touchable";
|
|
10
8
|
import { extractStyles, getValueForRadioButton } from "../../utilities";
|
|
11
|
-
export
|
|
9
|
+
export var Direction;
|
|
12
10
|
|
|
13
11
|
(function (Direction) {
|
|
14
12
|
Direction["Row"] = "row";
|
|
@@ -70,13 +68,14 @@ const RadioButtonRow = _ref => {
|
|
|
70
68
|
textStyles,
|
|
71
69
|
viewStyles
|
|
72
70
|
} = extractStyles(style);
|
|
73
|
-
return /*#__PURE__*/React.createElement(Touchable,
|
|
71
|
+
return /*#__PURE__*/React.createElement(Touchable, {
|
|
74
72
|
onPress: handlePress,
|
|
75
73
|
style: [styles.mainParent, {
|
|
76
74
|
flexDirection: direction
|
|
77
75
|
}, viewStyles],
|
|
78
|
-
disabled: disabled
|
|
79
|
-
|
|
76
|
+
disabled: disabled,
|
|
77
|
+
...rest
|
|
78
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
80
79
|
style: [styles.label, {
|
|
81
80
|
alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
|
|
82
81
|
}, labelContainerStyle]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RadioButtonRow.
|
|
1
|
+
{"version":3,"sources":["RadioButtonRow.js"],"names":["React","StyleSheet","View","Platform","RadioButton","Text","useRadioButtonGroupContext","Direction","GroupDirection","Touchable","extractStyles","getValueForRadioButton","getRadioButtonAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","createElement","style","Fragment","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","rest","contextValue","onValueChange","realValue","realContextValue","isSelected","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport RadioButton from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles, getValueForRadioButton } from \"../../utilities\";\nexport var Direction;\n(function (Direction) {\n Direction[\"Row\"] = \"row\";\n Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst getRadioButtonAlignment = (parentDirection, direction) => {\n if (parentDirection === GroupDirection.Horizontal) {\n return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n }\n else if (direction === Direction.RowReverse) {\n return \"flex-start\";\n }\n else {\n return \"flex-end\";\n }\n};\nconst renderLabel = (value, labelStyle, textStyle) => {\n if (typeof value === \"string\") {\n return React.createElement(Text, { style: [labelStyle, textStyle] }, value);\n }\n else {\n return React.createElement(React.Fragment, null, value);\n }\n};\nconst RadioButtonRow = ({ Icon, label, value = \"\", color, unselectedColor, onPress, labelContainerStyle, labelStyle, radioButtonStyle, direction = Direction.Row, selected, disabled, style, ...rest }) => {\n const { value: contextValue, onValueChange, direction: parentDirection, } = useRadioButtonGroupContext();\n const realValue = getValueForRadioButton(value);\n const realContextValue = getValueForRadioButton(contextValue);\n const isSelected = selected ?? realContextValue === realValue;\n const handlePress = () => {\n onPress?.(realValue);\n onValueChange?.(realValue);\n };\n const { textStyles, viewStyles } = extractStyles(style);\n return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },\n React.createElement(View, { style: [\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ] }, renderLabel(label, labelStyle, textStyles)),\n React.createElement(View, { style: {\n flex: 1,\n alignItems: getRadioButtonAlignment(parentDirection, direction),\n } },\n React.createElement(RadioButton, { Icon: Icon, selected: isSelected, value: realValue, color: color, unselectedColor: unselectedColor, style: radioButtonStyle }))));\n};\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\nexport default RadioButtonRow;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RowHeadlineImageIcon.
|
|
1
|
+
{"version":3,"sources":["RowHeadlineImageIcon.js"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createImageProp","createStaticBoolProp","SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","row","layout","props","image","subtitle","multilineSubtitle"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, createIconProp, createTextProp, createImageProp, createStaticBoolProp, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n title: createTextProp({\n label: \"Title\",\n description: \"Headline text to display\",\n }),\n icon: createIconProp({\n defaultValue: null,\n }),\n};\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n defaultValue: true,\n editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego\",\n});\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n },\n },\n {\n name: \"Row Single Line Headline Icon Image\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned image and headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Multiline Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n {\n name: \"Row Multiline Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n];\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp
|
|
1
|
+
import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Star Rating",
|
|
4
4
|
tag: "StarRating",
|
|
@@ -30,10 +30,6 @@ export const SEED_DATA = {
|
|
|
30
30
|
max: 10,
|
|
31
31
|
step: 1
|
|
32
32
|
}),
|
|
33
|
-
rating: createStaticNumberProp({
|
|
34
|
-
group: GROUPS.data,
|
|
35
|
-
label: "Rating"
|
|
36
|
-
}),
|
|
37
33
|
isEditable: createStaticBoolProp({
|
|
38
34
|
label: "Editable"
|
|
39
35
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["StarRating.ts"],"names":["COMPONENT_TYPES","createStaticNumberProp","createFieldNameProp","createStaticBoolProp","Triggers","createColorProp","
|
|
1
|
+
{"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"]}
|
|
@@ -40,11 +40,6 @@ export const SEED_DATA = {
|
|
|
40
40
|
label: "Height",
|
|
41
41
|
description: "Height",
|
|
42
42
|
defaultValue: 50
|
|
43
|
-
}),
|
|
44
|
-
toggled: createBoolProp({
|
|
45
|
-
label: "Toggled",
|
|
46
|
-
description: "Whether the button should show the toggled state",
|
|
47
|
-
defaultValue: false
|
|
48
43
|
})
|
|
49
44
|
}
|
|
50
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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"
|
|
1
|
+
{"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"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createSourceProp } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Web View",
|
|
4
4
|
tag: "WebView",
|
|
@@ -10,6 +10,11 @@ export const SEED_DATA = {
|
|
|
10
10
|
props: {
|
|
11
11
|
source: createSourceProp({
|
|
12
12
|
defaultValue: "https://reactnative.dev"
|
|
13
|
+
}),
|
|
14
|
+
optimizeVideoChat: createStaticBoolProp({
|
|
15
|
+
defaultValue: false,
|
|
16
|
+
label: "Optimize Video Chat",
|
|
17
|
+
description: "Allows for a better experience from web hosted video chat services"
|
|
13
18
|
})
|
|
14
19
|
}
|
|
15
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["WebView.
|
|
1
|
+
{"version":3,"sources":["WebView.ts"],"names":["COMPONENT_TYPES","createSourceProp","createStaticBoolProp","SEED_DATA","name","tag","description","category","media","layout","flex","props","source","defaultValue","optimizeVideoChat","label"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,oBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEX,gBAAgB,CAAC;AACvBY,MAAAA,YAAY,EAAE;AADS,KAAD,CADnB;AAILC,IAAAA,iBAAiB,EAAEZ,oBAAoB,CAAC;AACtCW,MAAAA,YAAY,EAAE,KADwB;AAEtCE,MAAAA,KAAK,EAAE,qBAF+B;AAGtCT,MAAAA,WAAW,EACT;AAJoC,KAAD;AAJlC;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createSourceProp,\n createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Web View\",\n tag: \"WebView\",\n description: \"Render web content inside a view\",\n category: COMPONENT_TYPES.media,\n layout: { flex: 1 },\n props: {\n source: createSourceProp({\n defaultValue: \"https://reactnative.dev\",\n }),\n optimizeVideoChat: createStaticBoolProp({\n defaultValue: false,\n label: \"Optimize Video Chat\",\n description:\n \"Allows for a better experience from web hosted video chat services\",\n }),\n },\n};\n"]}
|
|
@@ -39,17 +39,6 @@ export declare const SEED_DATA: {
|
|
|
39
39
|
required: boolean;
|
|
40
40
|
step: number;
|
|
41
41
|
};
|
|
42
|
-
rating: {
|
|
43
|
-
label: string;
|
|
44
|
-
description: string;
|
|
45
|
-
formType: string;
|
|
46
|
-
propType: string;
|
|
47
|
-
group: string;
|
|
48
|
-
defaultValue: null;
|
|
49
|
-
editable: boolean;
|
|
50
|
-
required: boolean;
|
|
51
|
-
step: number;
|
|
52
|
-
};
|
|
53
42
|
isEditable: {
|
|
54
43
|
label: string;
|
|
55
44
|
description: string;
|
|
@@ -110,15 +110,5 @@ export declare const SEED_DATA: {
|
|
|
110
110
|
required: boolean;
|
|
111
111
|
step: number;
|
|
112
112
|
};
|
|
113
|
-
toggled: {
|
|
114
|
-
label: string;
|
|
115
|
-
description: string;
|
|
116
|
-
formType: string;
|
|
117
|
-
propType: string;
|
|
118
|
-
defaultValue: boolean;
|
|
119
|
-
editable: boolean;
|
|
120
|
-
required: boolean;
|
|
121
|
-
group: string;
|
|
122
|
-
};
|
|
123
113
|
};
|
|
124
114
|
};
|
|
@@ -17,5 +17,15 @@ export declare const SEED_DATA: {
|
|
|
17
17
|
editable: boolean;
|
|
18
18
|
required: boolean;
|
|
19
19
|
};
|
|
20
|
+
optimizeVideoChat: {
|
|
21
|
+
label: string;
|
|
22
|
+
description: string;
|
|
23
|
+
formType: string;
|
|
24
|
+
propType: string;
|
|
25
|
+
defaultValue: boolean;
|
|
26
|
+
editable: boolean;
|
|
27
|
+
required: boolean;
|
|
28
|
+
group: string;
|
|
29
|
+
};
|
|
20
30
|
};
|
|
21
31
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "43.4.
|
|
3
|
+
"version": "43.4.19-ea04e3.0+ea04e3b1",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
]
|
|
81
81
|
]
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "ea04e3b14adf8d6ea0a91da0a11368256031ce44"
|
|
84
84
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp,
|
|
1
|
+
import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Star Rating",
|
|
4
4
|
tag: "StarRating",
|
|
@@ -27,10 +27,6 @@ export const SEED_DATA = {
|
|
|
27
27
|
max: 10,
|
|
28
28
|
step: 1,
|
|
29
29
|
}),
|
|
30
|
-
rating: createStaticNumberProp({
|
|
31
|
-
group: GROUPS.data,
|
|
32
|
-
label: "Rating",
|
|
33
|
-
}),
|
|
34
30
|
isEditable: createStaticBoolProp({
|
|
35
31
|
label: "Editable",
|
|
36
32
|
}),
|
|
@@ -5,7 +5,6 @@ import {
|
|
|
5
5
|
createStaticBoolProp,
|
|
6
6
|
Triggers,
|
|
7
7
|
createColorProp,
|
|
8
|
-
GROUPS,
|
|
9
8
|
} from "@draftbit/types";
|
|
10
9
|
|
|
11
10
|
export const SEED_DATA = {
|
|
@@ -36,10 +35,6 @@ export const SEED_DATA = {
|
|
|
36
35
|
max: 10,
|
|
37
36
|
step: 1,
|
|
38
37
|
}),
|
|
39
|
-
rating: createStaticNumberProp({
|
|
40
|
-
group: GROUPS.data,
|
|
41
|
-
label: "Rating",
|
|
42
|
-
}),
|
|
43
38
|
isEditable: createStaticBoolProp({
|
|
44
39
|
label: "Editable",
|
|
45
40
|
}),
|
package/src/mappings/WebView.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createSourceProp } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Web View",
|
|
4
4
|
tag: "WebView",
|
|
@@ -9,5 +9,10 @@ export const SEED_DATA = {
|
|
|
9
9
|
source: createSourceProp({
|
|
10
10
|
defaultValue: "https://reactnative.dev",
|
|
11
11
|
}),
|
|
12
|
+
optimizeVideoChat: createStaticBoolProp({
|
|
13
|
+
defaultValue: false,
|
|
14
|
+
label: "Optimize Video Chat",
|
|
15
|
+
description: "Allows for a better experience from web hosted video chat services",
|
|
16
|
+
}),
|
|
12
17
|
},
|
|
13
18
|
};
|
package/src/mappings/WebView.ts
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
COMPONENT_TYPES,
|
|
3
|
+
createSourceProp,
|
|
4
|
+
createStaticBoolProp,
|
|
5
|
+
} from "@draftbit/types";
|
|
2
6
|
|
|
3
7
|
export const SEED_DATA = {
|
|
4
8
|
name: "Web View",
|
|
@@ -10,5 +14,11 @@ export const SEED_DATA = {
|
|
|
10
14
|
source: createSourceProp({
|
|
11
15
|
defaultValue: "https://reactnative.dev",
|
|
12
16
|
}),
|
|
17
|
+
optimizeVideoChat: createStaticBoolProp({
|
|
18
|
+
defaultValue: false,
|
|
19
|
+
label: "Optimize Video Chat",
|
|
20
|
+
description:
|
|
21
|
+
"Allows for a better experience from web hosted video chat services",
|
|
22
|
+
}),
|
|
13
23
|
},
|
|
14
24
|
};
|