@draftbit/core 46.2.1-327d47.2 → 46.2.1-9bb2cf.3
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/CardBlock.js +5 -15
- package/lib/commonjs/components/CardBlock.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/Checkbox/CheckboxGroupRow.js +6 -23
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js.map +1 -1
- package/lib/commonjs/components/Checkbox/context.js +1 -1
- package/lib/commonjs/components/Checkbox/context.js.map +1 -1
- package/lib/commonjs/components/CircleImage.js +3 -17
- package/lib/commonjs/components/CircleImage.js.map +1 -1
- package/lib/commonjs/components/Config.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePicker.js +8 -7
- package/lib/commonjs/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map +1 -1
- package/lib/commonjs/components/DeprecatedButton.js +20 -4
- package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
- package/lib/commonjs/components/DeprecatedFAB.js +4 -21
- package/lib/commonjs/components/DeprecatedFAB.js.map +1 -1
- package/lib/commonjs/components/HeaderLarge.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +5 -17
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/components/Swiper/SwiperItem.js.map +1 -1
- package/lib/commonjs/components/Text.js +11 -38
- package/lib/commonjs/components/Text.js.map +1 -1
- package/lib/commonjs/mappings/CardContainerRating.js.map +1 -1
- package/lib/commonjs/mappings/Checkbox.js.map +1 -1
- package/lib/commonjs/mappings/DatePicker.js +10 -0
- package/lib/commonjs/mappings/DatePicker.js.map +1 -1
- package/lib/commonjs/mappings/RadioButton.js.map +1 -1
- package/lib/commonjs/mappings/Video.js.map +1 -1
- package/lib/commonjs/styles/DarkTheme.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponent.js.map +1 -1
- package/lib/module/mappings/DatePicker.js +10 -0
- package/lib/module/mappings/DatePicker.js.map +1 -1
- package/lib/module/mappings/Surface.js.map +1 -1
- package/lib/typescript/src/mappings/DatePicker.d.ts +10 -0
- package/package.json +2 -2
- package/src/mappings/DatePicker.js +10 -0
- package/src/mappings/DatePicker.ts +10 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","props","value","createTextProp","label","description","defaultValue","required","color","createColorProp","group","GROUPS","basic","unselectedColor","disabled","createBoolProp","size","createNumberProp","min","max","step","precision","selectedIcon","createIconProp","unselectedIcon"],"sources":["RadioButton.
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","props","value","createTextProp","label","description","defaultValue","required","color","createColorProp","group","GROUPS","basic","unselectedColor","disabled","createBoolProp","size","createNumberProp","min","max","step","precision","selectedIcon","createIconProp","unselectedIcon"],"sources":["RadioButton.js"],"sourcesContent":["import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createIconProp, createTextProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Radio Button\",\n tag: \"RadioButton\",\n category: COMPONENT_TYPES.input,\n triggers: [Triggers.OnPress],\n props: {\n value: createTextProp({\n label: \"Value\",\n description: \"Value of the radio button\",\n defaultValue: null,\n required: true,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n description: \"Color for the button\",\n defaultValue: \"primary\",\n }),\n unselectedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Unselected Color for the button\",\n defaultValue: \"primary\",\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Whether radio button is disabled\",\n }),\n size: createNumberProp({\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Specifies the size of the button\",\n defaultValue: 24,\n min: 16,\n max: 128,\n step: 1,\n precision: 0,\n }),\n selectedIcon: createIconProp({\n label: \"Selected Icon\",\n description: \"Icon to show when the radio button is selected\",\n defaultValue: \"MaterialIcons/radio-button-checked\",\n }),\n unselectedIcon: createIconProp({\n label: \"Unselected Icon\",\n description: \"Icon to show when the radio button is unselected\",\n defaultValue: \"MaterialIcons/radio-button-unchecked\",\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,cADe;EAErBC,GAAG,EAAE,aAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CAJW;EAKrBC,KAAK,EAAE;IACHC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MAClBC,KAAK,EAAE,OADW;MAElBC,WAAW,EAAE,2BAFK;MAGlBC,YAAY,EAAE,IAHI;MAIlBC,QAAQ,EAAE;IAJQ,CAAf,CADJ;IAOHC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACnBC,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBP,WAAW,EAAE,sBAFM;MAGnBC,YAAY,EAAE;IAHK,CAAhB,CAPJ;IAYHO,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7BR,KAAK,EAAE,kBAFsB;MAG7BC,WAAW,EAAE,iCAHgB;MAI7BC,YAAY,EAAE;IAJe,CAAhB,CAZd;IAkBHQ,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACrBX,KAAK,EAAE,UADc;MAErBC,WAAW,EAAE;IAFQ,CAAf,CAlBP;IAsBHW,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACnBP,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBR,KAAK,EAAE,MAFY;MAGnBC,WAAW,EAAE,kCAHM;MAInBC,YAAY,EAAE,EAJK;MAKnBY,GAAG,EAAE,EALc;MAMnBC,GAAG,EAAE,GANc;MAOnBC,IAAI,EAAE,CAPa;MAQnBC,SAAS,EAAE;IARQ,CAAjB,CAtBH;IAgCHC,YAAY,EAAE,IAAAC,qBAAA,EAAe;MACzBnB,KAAK,EAAE,eADkB;MAEzBC,WAAW,EAAE,gDAFY;MAGzBC,YAAY,EAAE;IAHW,CAAf,CAhCX;IAqCHkB,cAAc,EAAE,IAAAD,qBAAA,EAAe;MAC3BnB,KAAK,EAAE,iBADoB;MAE3BC,WAAW,EAAE,kDAFc;MAG3BC,YAAY,EAAE;IAHa,CAAf;EArCb;AALc,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","media","layout","height","props","source","createSourceProp","label","defaultValue","usePoster","createStaticBoolProp","posterSource","required","resizeMode","createResizeModeProp","isMuted","useNativeControls","shouldPlay","isLooping","positionMillis","createNumberProp","min","step","precision","group","GROUPS","basic","rate","max","volume"],"sources":["Video.
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","media","layout","height","props","source","createSourceProp","label","defaultValue","usePoster","createStaticBoolProp","posterSource","required","resizeMode","createResizeModeProp","isMuted","useNativeControls","shouldPlay","isLooping","positionMillis","createNumberProp","min","step","precision","group","GROUPS","basic","rate","max","volume"],"sources":["Video.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createStaticBoolProp,\n createSourceProp,\n createResizeModeProp,\n createNumberProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Video\",\n tag: \"Video\",\n description: \"Given a URL, display a video\",\n doc_link: \"https://docs.expo.io/versions/latest/sdk/video/\",\n code_link:\n \"https://github.com/expo/expo/blob/master/packages/expo-av/src/Video.tsx\",\n category: COMPONENT_TYPES.media,\n layout: {\n height: 215,\n },\n props: {\n source: createSourceProp({\n label: \"Source\",\n description: \"The source of the video data to display.\",\n defaultValue: \"http://static.draftbit.com/videos/intro-to-draftbit.mp4\",\n }),\n usePoster: createStaticBoolProp({\n label: \"Use Thumbnail\",\n description: \"Show a thumbnail before the video starts.\",\n defaultValue: false,\n }),\n posterSource: createSourceProp({\n label: \"Thumbnail Source\",\n description:\n \"The optional image to display over the video while it is loading.\",\n defaultValue: null,\n required: false,\n }),\n resizeMode: createResizeModeProp(),\n isMuted: createStaticBoolProp({\n label: \"Mute Audio\",\n description: \"Mute the audio of the video.\",\n }),\n useNativeControls: createStaticBoolProp({\n label: \"Use Native Controls\",\n description:\n \"Display the playback controls, allowing users to play or pause the video.\",\n defaultValue: true,\n }),\n shouldPlay: createStaticBoolProp({\n label: \"Play Automatically\",\n description: \"Start playing the video after loading is finished.\",\n }),\n isLooping: createStaticBoolProp({\n label: \"Loop Video\",\n description: \"Automatically replay the video.\",\n }),\n positionMillis: createNumberProp({\n label: \"Starting Point\",\n description: \"Set a certian starting point of the video\",\n min: 0,\n step: 0.01,\n precision: 2,\n group: GROUPS.basic,\n }),\n rate: createNumberProp({\n label: \"Playback Rate\",\n description:\n \"The playback rate of the media. This value must be between 0.0 and 32.0 (Default: 1)\",\n min: 0,\n max: 32,\n step: 0.25,\n precision: 2,\n group: GROUPS.basic,\n }),\n volume: createNumberProp({\n label: \"Volume\",\n description:\n \"The volume of the audio for this media. This value must be between 0.0 (silence) and 1.0 (maximum volume). (Default: .5)\",\n min: 0,\n max: 1,\n step: 0.1,\n precision: 1,\n group: GROUPS.basic,\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,8BAHU;EAIvBC,QAAQ,EAAE,iDAJa;EAKvBC,SAAS,EACP,yEANqB;EAOvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAPH;EAQvBC,MAAM,EAAE;IACNC,MAAM,EAAE;EADF,CARe;EAWvBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,uBAAA,EAAiB;MACvBC,KAAK,EAAE,QADgB;MAEvBX,WAAW,EAAE,0CAFU;MAGvBY,YAAY,EAAE;IAHS,CAAjB,CADH;IAMLC,SAAS,EAAE,IAAAC,2BAAA,EAAqB;MAC9BH,KAAK,EAAE,eADuB;MAE9BX,WAAW,EAAE,2CAFiB;MAG9BY,YAAY,EAAE;IAHgB,CAArB,CANN;IAWLG,YAAY,EAAE,IAAAL,uBAAA,EAAiB;MAC7BC,KAAK,EAAE,kBADsB;MAE7BX,WAAW,EACT,mEAH2B;MAI7BY,YAAY,EAAE,IAJe;MAK7BI,QAAQ,EAAE;IALmB,CAAjB,CAXT;IAkBLC,UAAU,EAAE,IAAAC,2BAAA,GAlBP;IAmBLC,OAAO,EAAE,IAAAL,2BAAA,EAAqB;MAC5BH,KAAK,EAAE,YADqB;MAE5BX,WAAW,EAAE;IAFe,CAArB,CAnBJ;IAuBLoB,iBAAiB,EAAE,IAAAN,2BAAA,EAAqB;MACtCH,KAAK,EAAE,qBAD+B;MAEtCX,WAAW,EACT,2EAHoC;MAItCY,YAAY,EAAE;IAJwB,CAArB,CAvBd;IA6BLS,UAAU,EAAE,IAAAP,2BAAA,EAAqB;MAC/BH,KAAK,EAAE,oBADwB;MAE/BX,WAAW,EAAE;IAFkB,CAArB,CA7BP;IAiCLsB,SAAS,EAAE,IAAAR,2BAAA,EAAqB;MAC9BH,KAAK,EAAE,YADuB;MAE9BX,WAAW,EAAE;IAFiB,CAArB,CAjCN;IAqCLuB,cAAc,EAAE,IAAAC,uBAAA,EAAiB;MAC/Bb,KAAK,EAAE,gBADwB;MAE/BX,WAAW,EAAE,2CAFkB;MAG/ByB,GAAG,EAAE,CAH0B;MAI/BC,IAAI,EAAE,IAJyB;MAK/BC,SAAS,EAAE,CALoB;MAM/BC,KAAK,EAAEC,aAAA,CAAOC;IANiB,CAAjB,CArCX;IA6CLC,IAAI,EAAE,IAAAP,uBAAA,EAAiB;MACrBb,KAAK,EAAE,eADc;MAErBX,WAAW,EACT,sFAHmB;MAIrByB,GAAG,EAAE,CAJgB;MAKrBO,GAAG,EAAE,EALgB;MAMrBN,IAAI,EAAE,IANe;MAOrBC,SAAS,EAAE,CAPU;MAQrBC,KAAK,EAAEC,aAAA,CAAOC;IARO,CAAjB,CA7CD;IAuDLG,MAAM,EAAE,IAAAT,uBAAA,EAAiB;MACvBb,KAAK,EAAE,QADgB;MAEvBX,WAAW,EACT,0HAHqB;MAIvByB,GAAG,EAAE,CAJkB;MAKvBO,GAAG,EAAE,CALkB;MAMvBN,IAAI,EAAE,GANiB;MAOvBC,SAAS,EAAE,CAPY;MAQvBC,KAAK,EAAEC,aAAA,CAAOC;IARS,CAAjB;EAvDH;AAXgB,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["white","black","pinkA100","DarkTheme","DefaultTheme","dark","mode","colors","primary","background","surface","error","onBackground","onSurface","text","disabled","color","alpha","rgb","string","placeholder","backdrop","notification"],"sources":["DarkTheme.
|
|
1
|
+
{"version":3,"names":["white","black","pinkA100","DarkTheme","DefaultTheme","dark","mode","colors","primary","background","surface","error","onBackground","onSurface","text","disabled","color","alpha","rgb","string","placeholder","backdrop","notification"],"sources":["DarkTheme.tsx"],"sourcesContent":["// @ts-nocheck\nimport color from \"color\";\nimport DefaultTheme from \"./DefaultTheme\";\nimport type { Theme } from \"./DefaultTheme\";\n\nconst white = \"#FFF\";\nconst black = \"#000\";\nconst pinkA100 = \"#ff80ab\";\n\nconst DarkTheme: Theme = {\n ...DefaultTheme,\n dark: true,\n mode: \"adaptive\",\n colors: {\n ...DefaultTheme.colors,\n primary: \"#BB86FC\",\n background: \"#121212\",\n surface: \"#121212\",\n error: \"#CF6679\",\n onBackground: \"#FFFFFF\",\n onSurface: \"#FFFFFF\",\n text: white,\n disabled: color(white).alpha(0.38).rgb().string(),\n placeholder: color(white).alpha(0.54).rgb().string(),\n backdrop: color(black).alpha(0.5).rgb().string(),\n notification: pinkA100,\n },\n};\n\nexport default DarkTheme;\n"],"mappings":";;;;;;;AACA;;AACA;;;;AAFA;AAKA,MAAMA,KAAK,GAAG,MAAd;AACA,MAAMC,KAAK,GAAG,MAAd;AACA,MAAMC,QAAQ,GAAG,SAAjB;AAEA,MAAMC,SAAgB,GAAG,EACvB,GAAGC,qBADoB;EAEvBC,IAAI,EAAE,IAFiB;EAGvBC,IAAI,EAAE,UAHiB;EAIvBC,MAAM,EAAE,EACN,GAAGH,qBAAA,CAAaG,MADV;IAENC,OAAO,EAAE,SAFH;IAGNC,UAAU,EAAE,SAHN;IAINC,OAAO,EAAE,SAJH;IAKNC,KAAK,EAAE,SALD;IAMNC,YAAY,EAAE,SANR;IAONC,SAAS,EAAE,SAPL;IAQNC,IAAI,EAAEd,KARA;IASNe,QAAQ,EAAE,IAAAC,cAAA,EAAMhB,KAAN,EAAaiB,KAAb,CAAmB,IAAnB,EAAyBC,GAAzB,GAA+BC,MAA/B,EATJ;IAUNC,WAAW,EAAE,IAAAJ,cAAA,EAAMhB,KAAN,EAAaiB,KAAb,CAAmB,IAAnB,EAAyBC,GAAzB,GAA+BC,MAA/B,EAVP;IAWNE,QAAQ,EAAE,IAAAL,cAAA,EAAMf,KAAN,EAAagB,KAAb,CAAmB,GAAnB,EAAwBC,GAAxB,GAA8BC,MAA9B,EAXJ;IAYNG,YAAY,EAAEpB;EAZR;AAJe,CAAzB;eAoBeC,S"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","DateTimePicker","DateTimePickerModal","DatePickerComponent","value","onChange","mode","toggleVisibility","OS","
|
|
1
|
+
{"version":3,"names":["React","Platform","DateTimePicker","DateTimePickerModal","DatePickerComponent","value","onChange","mode","toggleVisibility","OS","console","log","data"],"sources":["DatePickerComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { Platform } from \"react-native\";\nimport DateTimePicker from \"@react-native-community/datetimepicker\";\nimport DateTimePickerModal from \"react-native-modal-datetime-picker\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\n\nconst DatePickerComponent: React.FC<React.PropsWithChildren<Props>> = ({\n value,\n onChange,\n mode,\n toggleVisibility,\n}) => {\n return Platform.OS === \"ios\" || Platform.OS === \"android\" ? (\n <DateTimePickerModal\n date={value}\n mode={mode}\n isVisible={true}\n display={Platform.OS === \"ios\" ? \"spinner\" : \"default\"}\n onCancel={() => {\n console.log(\"Picker cancelled before selecting anything.\");\n toggleVisibility();\n }}\n onConfirm={(data) => {\n onChange(null, data);\n }}\n />\n ) : (\n <DateTimePicker\n value={value}\n mode={mode}\n onChange={onChange}\n display={\"default\"}\n />\n );\n};\n\nexport default DatePickerComponent;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,cAAP,MAA2B,wCAA3B;AACA,OAAOC,mBAAP,MAAgC,oCAAhC;;AAGA,MAAMC,mBAA6D,GAAG,QAKhE;EAAA,IALiE;IACrEC,KADqE;IAErEC,QAFqE;IAGrEC,IAHqE;IAIrEC;EAJqE,CAKjE;EACJ,OAAOP,QAAQ,CAACQ,EAAT,KAAgB,KAAhB,IAAyBR,QAAQ,CAACQ,EAAT,KAAgB,SAAzC,gBACL,oBAAC,mBAAD;IACE,IAAI,EAAEJ,KADR;IAEE,IAAI,EAAEE,IAFR;IAGE,SAAS,EAAE,IAHb;IAIE,OAAO,EAAEN,QAAQ,CAACQ,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC,SAJ/C;IAKE,QAAQ,EAAE,MAAM;MACdC,OAAO,CAACC,GAAR,CAAY,6CAAZ;MACAH,gBAAgB;IACjB,CARH;IASE,SAAS,EAAGI,IAAD,IAAU;MACnBN,QAAQ,CAAC,IAAD,EAAOM,IAAP,CAAR;IACD;EAXH,EADK,gBAeL,oBAAC,cAAD;IACE,KAAK,EAAEP,KADT;IAEE,IAAI,EAAEE,IAFR;IAGE,QAAQ,EAAED,QAHZ;IAIE,OAAO,EAAE;EAJX,EAfF;AAsBD,CA5BD;;AA8BA,eAAeF,mBAAf"}
|
|
@@ -21,6 +21,16 @@ const SEED_DATA_PROPS = {
|
|
|
21
21
|
options: ["date", "time", "datetime"],
|
|
22
22
|
group: GROUPS.basic
|
|
23
23
|
},
|
|
24
|
+
format: {
|
|
25
|
+
label: "Format",
|
|
26
|
+
description: "Create an output format for the date.",
|
|
27
|
+
editable: true,
|
|
28
|
+
required: false,
|
|
29
|
+
formType: FORM_TYPES.string,
|
|
30
|
+
propType: PROP_TYPES.STRING,
|
|
31
|
+
defaultValue: null,
|
|
32
|
+
group: GROUPS.basic
|
|
33
|
+
},
|
|
24
34
|
assistiveText: {
|
|
25
35
|
label: "Assistive text",
|
|
26
36
|
description: "Helper text to display below the picker",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","GROUPS","Triggers","SEED_DATA_PROPS","label","description","formType","string","propType","STRING","defaultValue","editable","required","group","data","mode","flatArray","options","basic","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","handlerPropName","valuePropName","SEED_DATA","name","tag","category","input","layout","triggers","OnDateChange","props","type"],"sources":["DatePicker.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n GROUPS,\n Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n label: {\n label: \"Label\",\n description: \"The label to be displayed on the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Date\",\n editable: true,\n required: true,\n group: GROUPS.data,\n },\n mode: {\n label: \"Mode\",\n description: \"Choose between date, time and datetime\",\n defaultValue: \"date\",\n editable: true,\n required: true,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n options: [\"date\", \"time\", \"datetime\"],\n group: GROUPS.basic,\n },\n assistiveText: {\n label: \"Assistive text\",\n description: \"Helper text to display below the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n // locale: {\n // label: \"Locale\",\n // description: \"Locale for the datepicker. Must be a valid Locale\",\n // formType: FORM_TYPES.string,\n // propType: PROP_TYPES.STRING,\n // defaultValue: null,\n // editable: true,\n // required: false,\n // group: GROUPS.basic,\n // },\n // minuteInterval: {\n // label: \"Minute Interval\",\n // description: \"The interval at which minutes can be selected\",\n // formType: FORM_TYPES.flatArray,\n // propType: PROP_TYPES.NUMBER,\n // options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n // defaultValue: null,\n // editable: true,\n // required: false,\n // group: GROUPS.basic,\n // },\n // timeZoneOffsetInMinutes: {\n // label: \"Time zone offset\",\n // description:\n // \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n // formType: FORM_TYPES.number,\n // propType: PROP_TYPES.NUMBER,\n // defaultValue: null,\n // editable: true,\n // required: false,\n // group: GROUPS.basic,\n // },\n disabled: {\n label: \"Disabled\",\n description:\n \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n // error: {\n // label: \"Error\",\n // description: \"Whether the picker should display the error state\",\n // formType: FORM_TYPES.boolean,\n // propType: PROP_TYPES.BOOLEAN,\n // defaultValue: false,\n // editable: true,\n // required: false,\n // group: GROUPS.data,\n // },\n leftIconName: {\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n leftIconMode: {\n label: \"Left icon mode\",\n description:\n \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"inset\",\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n rightIconName: {\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onDateChange\",\n valuePropName: \"date\",\n defaultValue: \"date\",\n },\n};\n\nexport const SEED_DATA = [\n {\n name: \"Date Picker\",\n tag: \"DatePicker\",\n description: \"A component used to select a date from a visual calendar\",\n category: COMPONENT_TYPES.input,\n layout: null,\n triggers: [Triggers.OnDateChange],\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n },\n },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,MALF,EAMEC,QANF,QAOO,iBAPP;AASA,MAAMC,eAAe,GAAG;EACtBC,KAAK,EAAE;IACLA,KAAK,EAAE,OADF;IAELC,WAAW,EAAE,yCAFR;IAGLC,QAAQ,EAAER,UAAU,CAACS,MAHhB;IAILC,QAAQ,EAAET,UAAU,CAACU,MAJhB;IAKLC,YAAY,EAAE,MALT;IAMLC,QAAQ,EAAE,IANL;IAOLC,QAAQ,EAAE,IAPL;IAQLC,KAAK,EAAEZ,MAAM,CAACa;EART,CADe;EAWtBC,IAAI,EAAE;IACJX,KAAK,EAAE,MADH;IAEJC,WAAW,EAAE,wCAFT;IAGJK,YAAY,EAAE,MAHV;IAIJC,QAAQ,EAAE,IAJN;IAKJC,QAAQ,EAAE,IALN;IAMJN,QAAQ,EAAER,UAAU,CAACkB,SANjB;IAOJR,QAAQ,EAAET,UAAU,CAACU,MAPjB;IAQJQ,OAAO,EAAE,CAAC,MAAD,EAAS,MAAT,EAAiB,UAAjB,CARL;IASJJ,KAAK,EAAEZ,MAAM,CAACiB;EATV,CAXgB;EAsBtBC,aAAa,EAAE;
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","GROUPS","Triggers","SEED_DATA_PROPS","label","description","formType","string","propType","STRING","defaultValue","editable","required","group","data","mode","flatArray","options","basic","format","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","handlerPropName","valuePropName","SEED_DATA","name","tag","category","input","layout","triggers","OnDateChange","props","type"],"sources":["DatePicker.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n GROUPS,\n Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n label: {\n label: \"Label\",\n description: \"The label to be displayed on the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Date\",\n editable: true,\n required: true,\n group: GROUPS.data,\n },\n mode: {\n label: \"Mode\",\n description: \"Choose between date, time and datetime\",\n defaultValue: \"date\",\n editable: true,\n required: true,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n options: [\"date\", \"time\", \"datetime\"],\n group: GROUPS.basic,\n },\n format: {\n label: \"Format\",\n description: \"Create an output format for the date.\",\n editable: true,\n required: false,\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n group: GROUPS.basic,\n },\n assistiveText: {\n label: \"Assistive text\",\n description: \"Helper text to display below the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n // locale: {\n // label: \"Locale\",\n // description: \"Locale for the datepicker. Must be a valid Locale\",\n // formType: FORM_TYPES.string,\n // propType: PROP_TYPES.STRING,\n // defaultValue: null,\n // editable: true,\n // required: false,\n // group: GROUPS.basic,\n // },\n // minuteInterval: {\n // label: \"Minute Interval\",\n // description: \"The interval at which minutes can be selected\",\n // formType: FORM_TYPES.flatArray,\n // propType: PROP_TYPES.NUMBER,\n // options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n // defaultValue: null,\n // editable: true,\n // required: false,\n // group: GROUPS.basic,\n // },\n // timeZoneOffsetInMinutes: {\n // label: \"Time zone offset\",\n // description:\n // \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n // formType: FORM_TYPES.number,\n // propType: PROP_TYPES.NUMBER,\n // defaultValue: null,\n // editable: true,\n // required: false,\n // group: GROUPS.basic,\n // },\n disabled: {\n label: \"Disabled\",\n description:\n \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n // error: {\n // label: \"Error\",\n // description: \"Whether the picker should display the error state\",\n // formType: FORM_TYPES.boolean,\n // propType: PROP_TYPES.BOOLEAN,\n // defaultValue: false,\n // editable: true,\n // required: false,\n // group: GROUPS.data,\n // },\n leftIconName: {\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n leftIconMode: {\n label: \"Left icon mode\",\n description:\n \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"inset\",\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n rightIconName: {\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onDateChange\",\n valuePropName: \"date\",\n defaultValue: \"date\",\n },\n};\n\nexport const SEED_DATA = [\n {\n name: \"Date Picker\",\n tag: \"DatePicker\",\n description: \"A component used to select a date from a visual calendar\",\n category: COMPONENT_TYPES.input,\n layout: null,\n triggers: [Triggers.OnDateChange],\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n },\n },\n];\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","createElevationType","SEED_DATA","name","tag","description","category","layout","minHeight","props","elevation"],"sources":["Surface.
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","createElevationType","SEED_DATA","name","tag","description","category","layout","minHeight","props","elevation"],"sources":["Surface.ts"],"sourcesContent":["import { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Surface\",\n tag: \"Surface\",\n description: \"An elevated container\",\n category: COMPONENT_TYPES.layout,\n layout: {\n minHeight: 40,\n },\n props: {\n elevation: createElevationType(0),\n },\n};\n"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,mBAA1B,QAAqD,iBAArD;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,SADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,uBAHU;EAIvBC,QAAQ,EAAEN,eAAe,CAACO,MAJH;EAKvBA,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CALe;EAQvBC,KAAK,EAAE;IACLC,SAAS,EAAET,mBAAmB,CAAC,CAAD;EADzB;AARgB,CAAlB"}
|
|
@@ -38,6 +38,16 @@ export declare const SEED_DATA: {
|
|
|
38
38
|
options: string[];
|
|
39
39
|
group: string;
|
|
40
40
|
};
|
|
41
|
+
format: {
|
|
42
|
+
label: string;
|
|
43
|
+
description: string;
|
|
44
|
+
editable: boolean;
|
|
45
|
+
required: boolean;
|
|
46
|
+
formType: string;
|
|
47
|
+
propType: string;
|
|
48
|
+
defaultValue: null;
|
|
49
|
+
group: string;
|
|
50
|
+
};
|
|
41
51
|
assistiveText: {
|
|
42
52
|
label: string;
|
|
43
53
|
description: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.2.1-
|
|
3
|
+
"version": "46.2.1-9bb2cf.3+9bb2cfcd",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
]
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "9bb2cfcd71e8c019ce294f388b785d75c7b02297"
|
|
83
83
|
}
|
|
@@ -21,6 +21,16 @@ const SEED_DATA_PROPS = {
|
|
|
21
21
|
options: ["date", "time", "datetime"],
|
|
22
22
|
group: GROUPS.basic,
|
|
23
23
|
},
|
|
24
|
+
format: {
|
|
25
|
+
label: "Format",
|
|
26
|
+
description: "Create an output format for the date.",
|
|
27
|
+
editable: true,
|
|
28
|
+
required: false,
|
|
29
|
+
formType: FORM_TYPES.string,
|
|
30
|
+
propType: PROP_TYPES.STRING,
|
|
31
|
+
defaultValue: null,
|
|
32
|
+
group: GROUPS.basic,
|
|
33
|
+
},
|
|
24
34
|
assistiveText: {
|
|
25
35
|
label: "Assistive text",
|
|
26
36
|
description: "Helper text to display below the picker",
|
|
@@ -29,6 +29,16 @@ const SEED_DATA_PROPS = {
|
|
|
29
29
|
options: ["date", "time", "datetime"],
|
|
30
30
|
group: GROUPS.basic,
|
|
31
31
|
},
|
|
32
|
+
format: {
|
|
33
|
+
label: "Format",
|
|
34
|
+
description: "Create an output format for the date.",
|
|
35
|
+
editable: true,
|
|
36
|
+
required: false,
|
|
37
|
+
formType: FORM_TYPES.string,
|
|
38
|
+
propType: PROP_TYPES.STRING,
|
|
39
|
+
defaultValue: null,
|
|
40
|
+
group: GROUPS.basic,
|
|
41
|
+
},
|
|
32
42
|
assistiveText: {
|
|
33
43
|
label: "Assistive text",
|
|
34
44
|
description: "Helper text to display below the picker",
|